Getting started with Vibrant Shadows
Read the full post to easily get started with Vibrant Shadows Hugo theme.
It’s very easy to get started with Vibrant Shadows. How? Read on.
Firstly, ensure you have installed the latest (min v0.75.1) extended version of Hugo. You may need to scroll down a bit to see extended versions. Alternatively, you may see installation steps from Hugo’s official docs.
If you don’t have or can’t have extended version of Hugo installed, copy the resources folder from theme to root of your Hugo website directory. Hugo autodetects required files, and uses them. Note that it might make your website slightly slow to load.
Getting up and running
Read the prerequisites above and verify you’re using the extended version of Hugo. There are at least two ways of quickly getting started with Hugo and the Vibrant Shadows theme:
Setting up new Hugo website
hugo new site yourSiteName # generate a new Hugo site if you don't already have one cd yourSiteName # move in to the Hugo website's directory
1. As a Hugo theme (recommended)
Download the repo on your machine
Extract the zip file and rename the folder from
Copy this folder and paste it into you Hugo Website directory.
Simply add the repo to your theme option in
2. As Git Submodule
Inside the folder of your Hugo site run:
git init # to initiate git if it isn't already git submodule add https://github.com/Softorage/HugoTheme-VibrantShadows.git themes/HugoTheme-VibrantShadows # add theme as a git submodule cp -a themes/HugoTheme-VibrantShadows/exampleSite/* . # start with the boilerplate by copying it into current directory
And, we’re done!
If you have extended version of Hugo installed, copy the
postcss.config.js file to the root of your Hugo Website directory after setting up the theme. We also recommend creating a
package.json file in your Hugo Website directory.
Using boilerplate provided
- Copy exampleSite folder provided, and move into this folder (open this folder).
- Then run
hugo serverin terminal.
And, we’re done!
Once set, jump over to the
config.yaml file and start configuring your site.