hugo/examples/blog/README.md
Anthony Fok efc98a3b1f Update example blog to Hugo v0.12 conventions
- Convert config.yaml to config.toml to follow what
  "hugo new site /path/to/site" generates
- Rename layouts/chrome to layouts/partials
- Convert "template" calls to "partial" calls
- Minor revisions to the text in example content
- Upgrade Bootswatch Yeti theme (3.1.1+1 → to 3.2.0+3)
- Upgrade Font Awesome (4.0.3 → 4.2.0)
- Upgrade jQuery (1.11.0 → 1.11.1)
2014-09-02 17:18:22 -04:00

2 KiB

Hugo Example Blog

This repository provides a fully-working example of a Hugo-powered blog. Many Hugo-specific features are used as a way to see them in action, and hopefully ease the learning curve for creating your very own site with Hugo.

Features

  • Recent Posts at main index
  • Indexes for tags and categories
  • Post information block, with links for all tags and categories post belongs to
  • Bootstrap 3 ready

Common things that should be added in the near future (pull requests are welcome!):

  • Disqus integration
  • More content types to demonstrate different layout methods
    • About Me
    • Contact

Getting Started

To get started, you should simply fork or clone this repository! That's definitely an important first step.

Install Hugo in a way that best suits your environment and comfort level.

Edit config.toml and change the default properties to suit your own information. This is not required to run the example, but this is the global configuration file and you're going to need to use it eventually. Start here!

In a command prompt or terminal, navigate to the path that contains your config.toml file and run hugo. That's it! You should now have a public directory with a complete blog! Open public/index.html in your browser and bask.

If that wasn't amazing enough, from the same terminal, run hugo server -w. This will watch your directories for changes and rebuild the site immediately, and it will make these changes available at http://localhost:1313/ so you can view your finished site in your browser. Go on, try it. This is one of the best ways to preview your site while working on it.

To further learn Hugo and learn more, read through the Hugo documentation or browse around the files in this repository. Have fun!