New themes are not rendering

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 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 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:

Screen Shot 2021-08-14 at 9.15.19 pm

Do you get a different result?

BTW, enclosing your code in three backticks makes it easier to read code:

code here

I am also seeing the same page

But it does not look like the one shown in Tranquilpeak theme page

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/ 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.