Installation Instructions #

Download #

Download Hugo Cite in the themes/hugo-cite directory, either by cloning with Git (the preferred method) or by downloading as a ZIP file.

The Git way:

git submodule add themes/hugo-cite

Your project directory should then look like this:

# Your Hugo project directory
├── config.yml
└── themes
    └── hugo-cite

Configure #

Edit the theme parameter in your Hugo config file and add hugo-cite after your theme.

# config.yml
- <your-theme>
- hugo-cite

Add CSS #

Reference the CSS somewhere in your HTML templates:

<link rel="stylesheet" type="text/css" href="{{ "/hugo-cite.css" | relURL }}" />

Next Steps #

Easy enough? Move on to the usage guide →