Giter Club home page Giter Club logo

gethugothemes / persian-hugo Goto Github PK

View Code? Open in Web Editor NEW
40.0 40.0 108.0 5.33 MB

Persian is a box design personal blog theme based on Bootstrap and powered by Hugo. It is very responsive and perfectly fits on any sized screen device.

Home Page: https://gethugothemes.com/products/persian/?utm_source=persian_github&utm_medium=referral&utm_campaign=github_theme_about

License: MIT License

JavaScript 9.62% HTML 57.93% SCSS 32.45%
blog-theme gethugothemes hugo hugo-blog hugo-blog-theme hugo-cms hugo-site hugo-theme hugo-themes jamstack mit-license personal-blog photography-portfolio photography-theme static-site-generator

persian-hugo's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

persian-hugo's Issues

How to add images?

Hi! First, thanks for this great theme.

My question is: how can I add images to the posts? I've tried different combinations and had no luck so far:

![](images/post/luz/luzes.gif)
![](post/luz/luzes.gif)
![](static/images/post/luz/bike.jpg)
![](images/post/luz/bike.jpg)
![](post/luz/bike.jpg)

All images are valid and exist in static/images/post/luz/ directory.

Search function doesn't work

Then to modify the config.toml the search function doesn't work. I've compared my blog with live demo of Persian, and I see the next behavior:

  1. When type any word on search section the url bar on the explorer looks like that:

    https://example.com/search
    
  2. But when type on live demo page, the URL looks different:

    https://demo.themefisher.com/persian-hugo/search/?s=word
    

By some weird problem when type on the search section my blog don't complete the query. But if I type ?s=word on the url bar (https://example.com/search/?s=word) the search function works.

What is the reason of this behavior?

Google Analytics

I'd like to add Google Analytics to my build. Can you let me know where I can add it?

How to use local fonts?

I really appreciate your work. But I'm newbie on Hugo and Sass. I want to use a local font, but I can't achieve to work with any process. Now, I'm using Persian theme with Github.

Firstly, I've used a scss file in the next path /resources/_gen/assets/scss/scss/ for customize the blog, this file is called style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content. It is a weird method, but It is the only file when the changes works. (Please tell me what is the correct file to customize the blog).

Well, to change the fonts I follow the next process:

  • Path: theme/persian/assets/scss/_typography.scss

  • Edit _typography.scss file, comment google-font reference and add the next line:

    @font-face {
        font-family: "Montserrat";
        src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
        url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
        }
    
  • Create a new folder with the font files: theme/persian/assets/scss/fonts/

  • Modify _variables.scss file for reference to new font: 'Montserrat', and replace any font reference with the new font name.

Then, when I have all this procces nothing happens.

P.S: When I try replicate the internal structure of the theme folder (theme/persian) on the root of the repository I think that is possible delete resources/_gen/... folder, but when I try it a error message appears, exactly What is the work/fuction of resources/_gen folder and its files?

Is possible that multiple authors use this theme?

I created three authors for this theme but I look some inconsistencies. In the home page when it has only two articles, they looks really bad. Images disappears. In this example I have three authors, but only two have a author page (in this path: /content/author/joe-doe.md). I don't understand why persian theme parses bad when I have multiple authors setting. Please any hint for fixing this?

error1

Instrucction for use without Netlify and Forestry

Hi,

Thanks @mehedi-sharif for all your precious work. I wanna use this theme only with github pages. I don't want use another services. Maybe another people wants the same thing.

Can you explain or add in the documentation how to use this theme without Netlify and Forestry?

Social Media Icons Not Displaying

Can the social media icons in the john-doe.MD be included in other places, such as the contact page _index.md?

Are you supposed to be able to set social: true in md files or do you need the full code below?

social:

Responsiveness issues

Hey there,

I thought about using this theme for an NGO website of a friend of mine and like the overall look and feel.

However, even though the theme description reads 'It is very responsive and perfectly fits on any size screen device.' I tested the demo in Firefox responsive mode and was not able to confirm this statement.
For devices with displays with less than about 420px in width like for example the iPhone 5/SE or the Microsoft Lumia 950 the elements in the post overview are either cropped or squashed.

Here are examples of what I'm talking about:

image

image

I'm not a web developer, but should a responsive theme not adapt to devices with smaller screens as well? I know there are limits of what one can and cannot support, but I think that scaling down the the post title, the date with the circle and the tags for devices with a resolution between 250 and 450px in width should work just fine. If that is not ideal, how about just displaying the post title for these devices?

IIRC @media (max-width:450px) { css... } should work to apply the css modifications only for devices with a resolution of lower than 450px in width.

Thanks in advance!

Author page looks weird on Search page

Today I probed the search function and see that when in the results appears the author page, the output looks terrible (look the screenshot).

Is possible exclude the author page of the search process? or How to fix this behavior?

error

Changing Profile Image Size on About Page

I tracked down the css for the profile picture on the About page in resources>_gen>assets>scss>scss>style.scss_f300667da4f5b5f84e1a9e0702b2fdde and wanted to just increase the image size, but I am running into two problems:

  1. Each time I render the site locally (even with disableFastRender), it creates a copy of the scss folder with my website name and reverts to the standard 100px by 100px. So it creates two scss folders.

  2. I tried manually deleting the extra folder and pushing to GitHub to see if it could at least fix it on the Netlify side. However, even updating the code below seems to do nothing.

.author-img {
  height: 200px;
  width: 200px;
  border-radius: 50%;
  object-fit: cover;
  transform: translateY(50px); }

I'm getting the feeling that there is a problem with my folder structure but don't really know where to start on tracking down the issue. Here is my folder structure:

-.git
-content
-resources
-static
-themes
-persian
-archtypes
-assets
-images
-layouts
-static

-config.toml

Can't make it work locally

Hello,
I am following the instructions but I can't make it work.

$ cd /tmp
$ git clone [email protected]:themefisher/persian-hugo.git
$ cd persian-hugo/exampleSite/
$ hugo server --themesDir ../..

Then I get

Error: module "persian" not found; either add it as a Hugo Module or store it in "/tmp".: module does not exist

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.