I am new to Hugo. Trying to install Themes from Hugo. The theme is downloaded in “themes” directory and changes made to the “Config.toml” file using "Theme = ". But the problem is theme is not rendering. It just shows me vanilla page. It is happening with all the themes I have tried. Any help will be appreciated.
did you add the theme submodule? like shown below
git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke
I am trying to install tranquilpeak theme. I used below command
git submodule add GitHub - kakawait/hugo-tranquilpeak-theme: A gorgeous responsive theme for Hugo blog framework themes/tranquilpeak
But it is not rendering.
When I am using same command for “ananke” theme, I am getting below error
TOCSS: failed to transform "ananke/css/main.css" (text/css). Check your Hugo installation; you need the extended version to build SCSS/SASS.
hugo v0.87.0-B0C541E4 linux/amd64 BuildDate=2021-08-03T10:57:28Z VendorInfo=gohugoio
config/_default/config.yml what is the theme in this?
I cannot find any config.yml file. Can you pls tell me what path it will be in?
I already told you, check the above comment.
There is no such path and no such file
[root@x.x.x.x /]# find / -name config.yml
[root@x.x.x.x /]#
lol I think you need to reconfigure it
I have config.toml under site directory. Content of it is as below
baseURL = ‘http://x.x.x.x:1313’
defaultContentLanguage = “en-us”
languageCode = ‘en-us’
title = ‘RKBM Blog’
theme = ‘ananke’"
Is this the same file you are referring to?
Hi there,
This error means you need to install the extended version of Hugo.
Using the following steps:
hugo new site test
cd test
git init
git submodule add https://github.com/kakawait/hugo-tranquilpeak-theme.git themes/tranquilpeak
hugo server
And with the following config.toml:
baseURL = "/"
languageCode = "en-us"
title = "My New Hugo Site"
theme = "tranquilpeak"
This is what I see:
Do you get a different result?
BTW, enclosing your code in three backticks makes it easier to read code:
```
code here
```
Well, their example site has a lot more content and settings configured. Have a look at the included exampleSite: hugo-tranquilpeak-theme/exampleSite at master · kakawait/hugo-tranquilpeak-theme · GitHub
Also have a look at their documentation: hugo-tranquilpeak-theme/user.md at master · kakawait/hugo-tranquilpeak-theme · GitHub
Thank you all for your replies. Have figured out that all the themes have their corresponding “config.toml” files. So in order to render correctly just replace the config.toml file with config.toml file of the needed theme. It will work like a charm.
This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.