Hugo is a light weight static HTML generator, allowing you to write posts in plaintext via markdown. This presentation walks through creating a new Hugo site and uploading to Github Pages. Check out the full blog on https://www.thomgreene.com/hugo

1. Creating a Blog with Hugo
Thom Greene
@tbgree00
#VMworld #VMTN5527U
VMTN5527U

2. 2©2018 VMware, Inc.
Static Website Generator
Local editing, local builds
Open source, no upfront costs
Written in Markdown, generates HTML
What Is Hugo?

3. 3©2018 VMware, Inc.
Reduce Costs for Maintaining Blog
Offline Editing
Hundreds of Templates
Why Use Hugo?

4. 4©2018 VMware, Inc.
Access to a Linux, Mac, or Windows OS
Static HTML Compatible Hosting (Github Pages, S3)
Content
Markdown and Git
Getting Started

5. 5©2018 VMware, Inc.
Install Hugo
GoHugo.i
o
Quick Start
Left Navigation

6. 6©2018 VMware, Inc.
Secure Hosting
Github
Pages
S3
Gitlab

7. 7©2018 VMware, Inc.
Hugo new site
Content
Themes
Creating the Site Files

8. 8©2018 VMware, Inc.
Install a Theme
Hugo new postpostname.md
Test, then Push
Site Creation Lightning Round

9. 9©2018 VMware, Inc.
Themes into Themes Folder
Themes

10. 10©2018 VMware, Inc.
Configuration
Parameters
Accounts
Config.toml

11. 11©2018 VMware, Inc.
Hugo new posthellovbb.md
Frontmatter = Metadata
Saved in Architypes >
Defaults
Create Content

12. 12©2018 VMware, Inc.
Hugo Server
Git Submodule ( or
copy/paste from public
folder)
Commit
Test and Push

13. 13©2018 VMware, Inc.
ThomGreene.com/Hugo
Github.com/vbbhugo/blog
vbbhugo.github.io
vBrownbag.com/brownbags
@tbgree00
Learn More