Hugo Story is a port of the static HTML template Story by HTML5 UP. It is designed to mirror the look and feel of the original template as closely as possible while incorporating some of the features Hugo has to offer.
This theme is designed for those who are comfortable editing HTML and integrating Hugo short codes and variables to customize the theme to their liking.
Hint: See a note for non-git users [here](https://gohugo.io/getting-started/quick-start/#step-3-add-a-theme).
4. Copy `data` and `config.toml` with overwrite from `themes/exampleSite` to the main directory:
```
cp -r themes/hugo-story/exampleSite/data ./
cp themes/hugo-story/exampleSite/config.toml ./
```
Hint: Using `config.toml` tells Hugo to use the theme and sets some basic theme parameters.
Hint: Using `data` provides some default contents for the site.
5. Start Hugo server:
```
hugo server
```
6. Open Hugo site in your browser http://localhost:1313/
Now you should see the orginal Story site. You can also take a look into it in folder `originalStorySite`.
7. Further steps
- Change the contents of folder `data`. E.g. by altering `banner.yml` you can change the top block on the site. See more details [here](https://gohugo.io/templates/data-templates/).
- Copy default `index.html`:
```
cp themes/hugo-story/layouts/index.html layouts/
```
Now you can create your own structure of the site by manipulating `{{ partial ... }}` tags. See more details [here](https://gohugo.io/templates/partials/).
