hugo-atlantic-theme
hugo-atlantic-theme copied to clipboard
Published
20 hours ago •
zerostaticthemes
zerostaticthemes
Can't install theme
I tried to follow the README to install this theme to my new Hugo project, but it failed.
In the doc, you said to run npm i, but it's hard to understand which package.json I should use. I tried to run it into the hugo-atlantic-theme directory, it failed.
Then I copied the package.json into my /, and run try to install the dependencies. Again, it failed with
Error: Error building site: POSTCSS: failed to transform "css/style.css" (text/css): TypeError: Cannot read properties of undefined (reading 'config')
Can you tell me how to manage this?
@angezanetti I've update the exampleSite folder, try and install it again and it should contain all the relevant files in the root.
Hi, @JugglerX! Love the theme and would like to try it out but I also face issue installing the theme.
> hugo new site mynewsite
Congratulations! Your new Hugo site is created in /.../mynewsite.
Just a few more steps and you're ready to go:
1. Download a theme into the same-named folder.
Choose a theme from https://themes.gohugo.io/ or
create your own with the "hugo new theme <THEMENAME>" command.
2. Perhaps you want to add some content. You can add single files
with "hugo new <SECTIONNAME>/<FILENAME>.<FORMAT>".
3. Start the built-in live server via "hugo server".
Visit https://gohugo.io/ for quickstart guide and full documentation.
> cd mynewsite
> git clone https://github.com/zerostaticthemes/hugo-atlantic-theme.git themes/hugo-atlantic-theme
Cloning into 'themes/hugo-atlantic-theme'...
remote: Enumerating objects: 403, done.
remote: Counting objects: 100% (403/403), done.
remote: Compressing objects: 100% (263/263), done.
remote: Total 403 (delta 161), reused 331 (delta 96), pack-reused 0
Receiving objects: 100% (403/403), 1.07 MiB | 1.63 MiB/s, done.
Resolving deltas: 100% (161/161), done.
> cp -a themes/hugo-atlantic-theme/exampleSite/. .
> npm install
added 113 packages, and audited 114 packages in 6s
23 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
> npm run start
> [email protected] start
> concurrently "npm run watch:tailwind" "npm run watch:hugo"
[1]
[1] > [email protected] watch:hugo
[1] > hugo server
[1]
[0]
[0] > [email protected] watch:tailwind
[0] > tailwindcss -i ./assets/css/tailwind.css -o ./assets/css/dist/style.css --watch
[0]
[1] Start building sites ...
[1] hugo v0.101.0+extended darwin/amd64 BuildDate=unknown
[1] ERROR 2022/06/30 22:17:23 render of "section" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/list.html:14:56: executing "_default/list.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations
[1] ERROR 2022/06/30 22:17:23 render of "term" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/list.html:14:56: executing "_default/list.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations
[1] ERROR 2022/06/30 22:17:23 render of "page" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/single.html:14:56: executing "_default/single.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations
[1] ERROR 2022/06/30 22:17:23 render of "page" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/single.html:14:56: executing "_default/single.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations
[1] Built in 28 ms
[1] Error: Error building site: failed to render pages: render of "page" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/single.html:14:56: executing "_default/single.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations
[1] npm run watch:hugo exited with code 255
[0]
[0] Rebuilding...
[0] Done in 352ms.
[0]
[0] Rebuilding...
[0] Done in 36ms.
Really want it to work with my blog. Thanks.
Hi, @JugglerX! Love the theme and would like to try it out but I also face issue installing the theme.
> hugo new site mynewsite Congratulations! Your new Hugo site is created in /.../mynewsite. Just a few more steps and you're ready to go: 1. Download a theme into the same-named folder. Choose a theme from https://themes.gohugo.io/ or create your own with the "hugo new theme <THEMENAME>" command. 2. Perhaps you want to add some content. You can add single files with "hugo new <SECTIONNAME>/<FILENAME>.<FORMAT>". 3. Start the built-in live server via "hugo server". Visit https://gohugo.io/ for quickstart guide and full documentation.> cd mynewsite> git clone https://github.com/zerostaticthemes/hugo-atlantic-theme.git themes/hugo-atlantic-theme Cloning into 'themes/hugo-atlantic-theme'... remote: Enumerating objects: 403, done. remote: Counting objects: 100% (403/403), done. remote: Compressing objects: 100% (263/263), done. remote: Total 403 (delta 161), reused 331 (delta 96), pack-reused 0 Receiving objects: 100% (403/403), 1.07 MiB | 1.63 MiB/s, done. Resolving deltas: 100% (161/161), done.> cp -a themes/hugo-atlantic-theme/exampleSite/. .> npm install added 113 packages, and audited 114 packages in 6s 23 packages are looking for funding run `npm fund` for details found 0 vulnerabilities> npm run start > [email protected] start > concurrently "npm run watch:tailwind" "npm run watch:hugo" [1] [1] > [email protected] watch:hugo [1] > hugo server [1] [0] [0] > [email protected] watch:tailwind [0] > tailwindcss -i ./assets/css/tailwind.css -o ./assets/css/dist/style.css --watch [0] [1] Start building sites ... [1] hugo v0.101.0+extended darwin/amd64 BuildDate=unknown [1] ERROR 2022/06/30 22:17:23 render of "section" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/list.html:14:56: executing "_default/list.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations [1] ERROR 2022/06/30 22:17:23 render of "term" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/list.html:14:56: executing "_default/list.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations [1] ERROR 2022/06/30 22:17:23 render of "page" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/single.html:14:56: executing "_default/single.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations [1] ERROR 2022/06/30 22:17:23 render of "page" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/single.html:14:56: executing "_default/single.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations [1] Built in 28 ms [1] Error: Error building site: failed to render pages: render of "page" failed: "/.../mynewsite/themes/hugo-atlantic-theme/layouts/_default/baseof.html:14:56": execute of template failed: template: _default/single.html:14:56: executing "_default/single.html" at <postCSS>: error calling postCSS: type <nil> not supported in Resource transformations [1] npm run watch:hugo exited with code 255 [0] [0] Rebuilding... [0] Done in 352ms. [0] [0] Rebuilding... [0] Done in 36ms.Really want it to work with my blog. Thanks.
Did this issue get resolved, what was the end solution?
first step:
git clone https://github.com/zerostaticthemes/hugo-atlantic-theme.git themes/hugo-atlantic-theme```
Step two:
```npm install```
third step:
```npm run start```
run complete, terminate
the fourth step:
```hugo server```
I could finally solve the issue after executing npm install postcss command.
