small medium large xlarge

Build Your Next Web Site with Hugo


Cover image for Build Your Next Web Site with Hugo

Build Your Next Web Site with Hugo


Rediscover how fun web development can be with Hugo, the static site generator and web framework that lets you build content sites quickly using the skills you already have. Design layouts with HTML and share common components across pages. Create Markdown templates that let you create new content quickly. Consume and generate JSON, enhance layouts with logic, and generate a site that works on any platform with no runtime dependencies or database. Hugo gives you everything you need to build your next content site and have fun doing it.

About this Title

Pages: 100 (est)
Published: 2020-01-10
ISBN: pending

Database-driven sites bring complexity you might not need, but building a site by hand is too much work. Hugo is a static site generator and web development framework that creates content sites quickly without the overhead or dependencies of a dyanmic web framework. With Hugo, you use HTML templates and Markdown to build static sites you can host anywhere, letting you use the skills you already have.

Develop your own theme using standard HTML and CSS, using Hugo’s powerful templating features to organize your site’s components. Create your site’s content with HTML or Markdown and use Hugo’s content templating features to build new content quickly. Build a fully-featured blog with archive pages, tagging, and pagination, and integrate an external commenting system to provide interactivity. Use data from front-matter, site-wide configuration, and external JSON sources to add content, and generate JSON others can use. Integrate JavaScript with your site to create a search engine. Get Hugo working with Webpack so you can leverage the wider web development ecosystem, and explore ways to publish your site to various services. Finally, learn how you can move your existing content site to Hugo.

Dive in and build your next site with Hugo!


Contents & Extracts

  • Acknowledgments
  • Preface
    • What’s in this book
    • What You Need
    • Conventions
    • Online Resources
  • Kicking the Tires
    • Installing Hugo
    • Creating Your Site
    • Building the Home Page
    • Creating Content Using Archetypes
    • Exploring Hugo’s Output
    • Your Turn
    • What you Learned
  • Building a Basic Theme
    • Generating the Theme
    • Using Content Blocks and Partials
    • Styling the Theme with CSS
    • You Try It
    • What You Learned
  • Adding Content Sections
    • Creating a Project Archetype
    • Creating the List Layout
    • Creating More Specific Layouts
    • You Try It
    • What You Learned
  • Working with Data
    • Using Data in Front Matter
    • Using Local Data Files
    • Pulling Data from remote sources
    • Rendering JSON
    • You Try It
    • What You Learned
  • Adding a Blog
    • Creating the Posts Content type
    • Creating the Post’s Layout
    • Creating the Blog Lists.
    • Paginating Lists
    • Adding Comments to Posts using Disqus
    • You Try It
    • What You Learned
  • Adding Search
    • Creating the Search Index
    • Creating the Search Interface
    • Wiring up the Search
    • You Try It
  • Managing CSS and JavaScript
    • Managing CSS
    • Bundling JavaScript files
    • Integrating Webpack
    • You Try It
    • What You Learned
  • Deploying the Site
    • Deploying to a Shared Hosting Provider with SFTP
    • Deploying to Servers with Shell Access
    • Deploying to a VPS or Cloud Server
    • Containerizing your Hugo Site
    • Deploying to Netlify
    • Deploying to a CDN
  • Migrating to Hugo
    • Understanding what you have
    • Getting the Content
    • Replicating the Theme


Brian Hogan is a web developer, editor, and author of technical books, including Small, Sharp Software Tools, Exercises For Programmers and tmux 2: Productive Mouse-Driven Development. When he’s not working, he’s hacking on code, composing music, or spending time with family and friends.