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 https://github.com/loup-brun/hugo-cite.git themes/hugo-cite

Your project directory should then look like this:

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

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

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

Reference the CSS somewhere in your HTML templates:

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

Easy enough? Move on to the usage guide →