Building A Hugo Site From a Theme



    1. First choose a theme from here: https://themes.gohugo.io/
      For this example I'm just going to use this theme: https://themes.gohugo.io/meghna-hugo/#installation

    2. Click download to go to their GitHub.

    3. Make a themes directory

    4. Clone the repo into your themes directory

    5. Copy the contents of the exampleSite directory in the theme 3 levels up in your top level site directory.

    6. Run hugo serve -D

    7. Modify the content and watch it change live.

    Here's what you get at localhost:1313

    hugo.png



  • Yeah, that's not working (now it is). Here is what I did from fresh Ubuntu install.

    1. sudo apt update
    2. sudo apt upgrade
    3. sudo apt install hugo
    4. hugo version to verify installation
    5. hugo new site testsite.com
    6. Downloaded https://github.com/themefisher/meghna-hugo/archive/master.zip
    7. Extracted it into the /home/testsite.com/themes directory
    8. Renamed folder in themes directory to meghna-hugo.
    9. Copied the exampleSite folder to site root, replacing/merging/overwriting everything when asked.
    10. Ran hugo serve -D from the /home/testsite.com directory.

    Result: Blank white page.

    UPDATE (added steps 7,8,9)
    Okay I missed your step 5, and did that, after I found the directory you were referring to:

    ERRORS:

    1. Says my hugo version is too old for the theme. It looks like the default repo uses version 0.40.x, and the theme requires v0.55.x. So I found the place in the theme config to change minimal version, and continued to get a wall of errors.

    --

    1. Installed latest version via built-in software install GUI

    2. Retried my steps starting at step 4.

    3. NOW I get a working site.

    c92768ff-5867-4eed-bb98-ab895d60c3f5-image.png



  • @Obsolesce said in Building A Hugo Site From a Theme:

    Yeah, that's not working (now it is). Here is what I did from fresh Ubuntu install.

    1. sudo apt update
    2. sudo apt upgrade
    3. sudo apt install hugo
    4. hugo version to verify installation
    5. hugo new site testsite.com
    6. Downloaded https://github.com/themefisher/meghna-hugo/archive/master.zip
    7. Extracted it into the /home/testsite.com/themes directory
    8. Renamed folder in themes directory to meghna-hugo.
    9. Copied the exampleSite folder to site root, replacing/merging/overwriting everything when asked.
    10. Ran hugo serve -D from the /home/testsite.com directory.

    Result: Blank white page.

    UPDATE (added steps 7,8,9)
    Okay I missed your step 5, and did that, after I found the directory you were referring to:

    ERRORS:

    1. Says my hugo version is too old for the theme. It looks like the default repo uses version 0.40.x, and the theme requires v0.55.x. So I found the place in the theme config to change minimal version, and continued to get a wall of errors.

    --

    1. Installed latest version via built-in software install GUI

    2. Retried my steps starting at step 4.

    3. NOW I get a working site.

    c92768ff-5867-4eed-bb98-ab895d60c3f5-image.png

    I don't ever install from the repos. It's a single binary so I grab the latest release from their releases page and put it in ~/bin. In my experience the themes are more likely to work with the newer version and not an older one. But 40 is exceptionally old, around a year and a half. That's why I usually just grab from releases every so often.



  • @stacksofplates said in Building A Hugo Site From a Theme:

    @Obsolesce said in Building A Hugo Site From a Theme:

    Yeah, that's not working (now it is). Here is what I did from fresh Ubuntu install.

    1. sudo apt update
    2. sudo apt upgrade
    3. sudo apt install hugo
    4. hugo version to verify installation
    5. hugo new site testsite.com
    6. Downloaded https://github.com/themefisher/meghna-hugo/archive/master.zip
    7. Extracted it into the /home/testsite.com/themes directory
    8. Renamed folder in themes directory to meghna-hugo.
    9. Copied the exampleSite folder to site root, replacing/merging/overwriting everything when asked.
    10. Ran hugo serve -D from the /home/testsite.com directory.

    Result: Blank white page.

    UPDATE (added steps 7,8,9)
    Okay I missed your step 5, and did that, after I found the directory you were referring to:

    ERRORS:

    1. Says my hugo version is too old for the theme. It looks like the default repo uses version 0.40.x, and the theme requires v0.55.x. So I found the place in the theme config to change minimal version, and continued to get a wall of errors.

    --

    1. Installed latest version via built-in software install GUI

    2. Retried my steps starting at step 4.

    3. NOW I get a working site.

    c92768ff-5867-4eed-bb98-ab895d60c3f5-image.png

    I don't ever install from the repos. It's a single binary so I grab the latest release from their releases page and put it in ~/bin. In my experience the themes are more likely to work with the newer version and not an older one. But 40 is exceptionally old, around a year and a half. That's why I usually just grab from releases every so often.

    Another resacón to avoid LTS releases unless you are using the latest release from there website.



  • @black3dynamite said in Building A Hugo Site From a Theme:

    @stacksofplates said in Building A Hugo Site From a Theme:

    @Obsolesce said in Building A Hugo Site From a Theme:

    Yeah, that's not working (now it is). Here is what I did from fresh Ubuntu install.

    1. sudo apt update
    2. sudo apt upgrade
    3. sudo apt install hugo
    4. hugo version to verify installation
    5. hugo new site testsite.com
    6. Downloaded https://github.com/themefisher/meghna-hugo/archive/master.zip
    7. Extracted it into the /home/testsite.com/themes directory
    8. Renamed folder in themes directory to meghna-hugo.
    9. Copied the exampleSite folder to site root, replacing/merging/overwriting everything when asked.
    10. Ran hugo serve -D from the /home/testsite.com directory.

    Result: Blank white page.

    UPDATE (added steps 7,8,9)
    Okay I missed your step 5, and did that, after I found the directory you were referring to:

    ERRORS:

    1. Says my hugo version is too old for the theme. It looks like the default repo uses version 0.40.x, and the theme requires v0.55.x. So I found the place in the theme config to change minimal version, and continued to get a wall of errors.

    --

    1. Installed latest version via built-in software install GUI

    2. Retried my steps starting at step 4.

    3. NOW I get a working site.

    c92768ff-5867-4eed-bb98-ab895d60c3f5-image.png

    I don't ever install from the repos. It's a single binary so I grab the latest release from their releases page and put it in ~/bin. In my experience the themes are more likely to work with the newer version and not an older one. But 40 is exceptionally old, around a year and a half. That's why I usually just grab from releases every so often.

    Another resacón to avoid LTS releases unless you are using the latest release from there website.

    Ya I was just using the install guide from the Hugo website... I think about how the Ubuntu repo was such shit being so behind.

    But then again I suppose that's why not to install the LTS release. I used Hyper-V's built-in wizard and blindly selected Ubuntu. But, it does offer 19.04, however, even 19.04 gives an extremely old version of Hugo (0.52-1 LOL!)

    I would have been much better off had I used Windows and Chocolatey, as that uses the current version (0.59).



  • @Obsolesce said in Building A Hugo Site From a Theme:

    @black3dynamite said in Building A Hugo Site From a Theme:

    @stacksofplates said in Building A Hugo Site From a Theme:

    @Obsolesce said in Building A Hugo Site From a Theme:

    Yeah, that's not working (now it is). Here is what I did from fresh Ubuntu install.

    1. sudo apt update
    2. sudo apt upgrade
    3. sudo apt install hugo
    4. hugo version to verify installation
    5. hugo new site testsite.com
    6. Downloaded https://github.com/themefisher/meghna-hugo/archive/master.zip
    7. Extracted it into the /home/testsite.com/themes directory
    8. Renamed folder in themes directory to meghna-hugo.
    9. Copied the exampleSite folder to site root, replacing/merging/overwriting everything when asked.
    10. Ran hugo serve -D from the /home/testsite.com directory.

    Result: Blank white page.

    UPDATE (added steps 7,8,9)
    Okay I missed your step 5, and did that, after I found the directory you were referring to:

    ERRORS:

    1. Says my hugo version is too old for the theme. It looks like the default repo uses version 0.40.x, and the theme requires v0.55.x. So I found the place in the theme config to change minimal version, and continued to get a wall of errors.

    --

    1. Installed latest version via built-in software install GUI

    2. Retried my steps starting at step 4.

    3. NOW I get a working site.

    c92768ff-5867-4eed-bb98-ab895d60c3f5-image.png

    I don't ever install from the repos. It's a single binary so I grab the latest release from their releases page and put it in ~/bin. In my experience the themes are more likely to work with the newer version and not an older one. But 40 is exceptionally old, around a year and a half. That's why I usually just grab from releases every so often.

    Another resacón to avoid LTS releases unless you are using the latest release from there website.

    Ya I was just using the install guide from the Hugo website... I think about how the Ubuntu repo was such shit being so behind.

    But then again I suppose that's why not to install the LTS release. I used Hyper-V's built-in wizard and blindly selected Ubuntu. But, it does offer 19.04, however, even 19.04 gives an extremely old version of Hugo (0.52-1 LOL!)

    I would have been much better off had I used Windows and Chocolatey, as that uses the current version (0.59).

    Fedora 30 version of Hugo is 0.54.0-2



  • @black3dynamite said in Building A Hugo Site From a Theme:

    @Obsolesce said in Building A Hugo Site From a Theme:

    @black3dynamite said in Building A Hugo Site From a Theme:

    @stacksofplates said in Building A Hugo Site From a Theme:

    @Obsolesce said in Building A Hugo Site From a Theme:

    Yeah, that's not working (now it is). Here is what I did from fresh Ubuntu install.

    1. sudo apt update
    2. sudo apt upgrade
    3. sudo apt install hugo
    4. hugo version to verify installation
    5. hugo new site testsite.com
    6. Downloaded https://github.com/themefisher/meghna-hugo/archive/master.zip
    7. Extracted it into the /home/testsite.com/themes directory
    8. Renamed folder in themes directory to meghna-hugo.
    9. Copied the exampleSite folder to site root, replacing/merging/overwriting everything when asked.
    10. Ran hugo serve -D from the /home/testsite.com directory.

    Result: Blank white page.

    UPDATE (added steps 7,8,9)
    Okay I missed your step 5, and did that, after I found the directory you were referring to:

    ERRORS:

    1. Says my hugo version is too old for the theme. It looks like the default repo uses version 0.40.x, and the theme requires v0.55.x. So I found the place in the theme config to change minimal version, and continued to get a wall of errors.

    --

    1. Installed latest version via built-in software install GUI

    2. Retried my steps starting at step 4.

    3. NOW I get a working site.

    c92768ff-5867-4eed-bb98-ab895d60c3f5-image.png

    I don't ever install from the repos. It's a single binary so I grab the latest release from their releases page and put it in ~/bin. In my experience the themes are more likely to work with the newer version and not an older one. But 40 is exceptionally old, around a year and a half. That's why I usually just grab from releases every so often.

    Another resacón to avoid LTS releases unless you are using the latest release from there website.

    Ya I was just using the install guide from the Hugo website... I think about how the Ubuntu repo was such shit being so behind.

    But then again I suppose that's why not to install the LTS release. I used Hyper-V's built-in wizard and blindly selected Ubuntu. But, it does offer 19.04, however, even 19.04 gives an extremely old version of Hugo (0.52-1 LOL!)

    I would have been much better off had I used Windows and Chocolatey, as that uses the current version (0.59).

    Fedora 30 version of Hugo is 0.54.0-2

    Yeah, woulda had problems with that too since it required 55+. Looks like Chocolatey wins



  • @Obsolesce said in Building A Hugo Site From a Theme:

    @black3dynamite said in Building A Hugo Site From a Theme:

    @Obsolesce said in Building A Hugo Site From a Theme:

    @black3dynamite said in Building A Hugo Site From a Theme:

    @stacksofplates said in Building A Hugo Site From a Theme:

    @Obsolesce said in Building A Hugo Site From a Theme:

    Yeah, that's not working (now it is). Here is what I did from fresh Ubuntu install.

    1. sudo apt update
    2. sudo apt upgrade
    3. sudo apt install hugo
    4. hugo version to verify installation
    5. hugo new site testsite.com
    6. Downloaded https://github.com/themefisher/meghna-hugo/archive/master.zip
    7. Extracted it into the /home/testsite.com/themes directory
    8. Renamed folder in themes directory to meghna-hugo.
    9. Copied the exampleSite folder to site root, replacing/merging/overwriting everything when asked.
    10. Ran hugo serve -D from the /home/testsite.com directory.

    Result: Blank white page.

    UPDATE (added steps 7,8,9)
    Okay I missed your step 5, and did that, after I found the directory you were referring to:

    ERRORS:

    1. Says my hugo version is too old for the theme. It looks like the default repo uses version 0.40.x, and the theme requires v0.55.x. So I found the place in the theme config to change minimal version, and continued to get a wall of errors.

    --

    1. Installed latest version via built-in software install GUI

    2. Retried my steps starting at step 4.

    3. NOW I get a working site.

    c92768ff-5867-4eed-bb98-ab895d60c3f5-image.png

    I don't ever install from the repos. It's a single binary so I grab the latest release from their releases page and put it in ~/bin. In my experience the themes are more likely to work with the newer version and not an older one. But 40 is exceptionally old, around a year and a half. That's why I usually just grab from releases every so often.

    Another resacón to avoid LTS releases unless you are using the latest release from there website.

    Ya I was just using the install guide from the Hugo website... I think about how the Ubuntu repo was such shit being so behind.

    But then again I suppose that's why not to install the LTS release. I used Hyper-V's built-in wizard and blindly selected Ubuntu. But, it does offer 19.04, however, even 19.04 gives an extremely old version of Hugo (0.52-1 LOL!)

    I would have been much better off had I used Windows and Chocolatey, as that uses the current version (0.59).

    Fedora 30 version of Hugo is 0.54.0-2

    Yeah, woulda had problems with that too since it required 55+. Looks like Chocolatey wins

    A lot of ways to install Hugo.
    https://gohugo.io/getting-started/installing/



  • @Obsolesce said in Building A Hugo Site From a Theme:

    @black3dynamite said in Building A Hugo Site From a Theme:

    @stacksofplates said in Building A Hugo Site From a Theme:

    @Obsolesce said in Building A Hugo Site From a Theme:

    Yeah, that's not working (now it is). Here is what I did from fresh Ubuntu install.

    1. sudo apt update
    2. sudo apt upgrade
    3. sudo apt install hugo
    4. hugo version to verify installation
    5. hugo new site testsite.com
    6. Downloaded https://github.com/themefisher/meghna-hugo/archive/master.zip
    7. Extracted it into the /home/testsite.com/themes directory
    8. Renamed folder in themes directory to meghna-hugo.
    9. Copied the exampleSite folder to site root, replacing/merging/overwriting everything when asked.
    10. Ran hugo serve -D from the /home/testsite.com directory.

    Result: Blank white page.

    UPDATE (added steps 7,8,9)
    Okay I missed your step 5, and did that, after I found the directory you were referring to:

    ERRORS:

    1. Says my hugo version is too old for the theme. It looks like the default repo uses version 0.40.x, and the theme requires v0.55.x. So I found the place in the theme config to change minimal version, and continued to get a wall of errors.

    --

    1. Installed latest version via built-in software install GUI

    2. Retried my steps starting at step 4.

    3. NOW I get a working site.

    c92768ff-5867-4eed-bb98-ab895d60c3f5-image.png

    I don't ever install from the repos. It's a single binary so I grab the latest release from their releases page and put it in ~/bin. In my experience the themes are more likely to work with the newer version and not an older one. But 40 is exceptionally old, around a year and a half. That's why I usually just grab from releases every so often.

    Another resacón to avoid LTS releases unless you are using the latest release from there website.

    Ya I was just using the install guide from the Hugo website... I think about how the Ubuntu repo was such shit being so behind.

    But then again I suppose that's why not to install the LTS release. I used Hyper-V's built-in wizard and blindly selected Ubuntu. But, it does offer 19.04, however, even 19.04 gives an extremely old version of Hugo (0.52-1 LOL!)

    I would have been much better off had I used Windows and Chocolatey, as that uses the current version (0.59).

    Doing things with Go has really made me lazy. Having a single binary is so nice. If I need separate dependencies for applications it kind of annoys me now.


Log in to reply