Please check the Syna documentation. The Syna theme heavily works with fragments, therefore the development differs a bit from a "normal" Hugo website.
- Get submodules
git submodule init && git submodule update
- Install Hugo. You can skip step 1, 2 & 3 when you already have brew installed properly
sudo apt install linuxbrew-wrapper
brew(This will execute the first time setup)
- Add brew to your PATH
brew install hugo
- Start Hugo server via
hugo serverfor development
- Build the website via
hugofor deployment (the public folder ist deployed then)
config.tomlcontains the global config and menu items
content/_globalcontains customization for global parts of the website, for example
content/_indexcontains the landing page
content/XYZ/*contains each reachable page.
index.mdis necessary to declare the page exists, while
content.mddefines its contents. Additional fragments can be added / overwritten etc.
static/***contains static resources, for example images
archetypescontains templates which are used when executing
hugo new. Not too important but easier than copy & pase.
How to create a new page
- Either copy & paste an existing one, or execute
hugo new --kind page-bundle <NAME>
- To add an entry to the menu, add a link to the page in
Check the Syna Fragments documentation for all provided fragments and how to use them.
To sort items you can use weight, a lower value typically means it is more to the top or left. However note that
weight = 0 is the same as undefined, so use at least
weight = 1.
Check the example site provided with Syna in