Main content
Main navigation
Search
Go to the bottom of the page

Tutorial

How to create a blog with Hugo and Decap CMS using Hugolify

This tutorial guides you through creating a blog featuring categories and tags using Hugolify.

Prerequisites

Git, Go and Hugo installed - See Hugolify documentation
Use Hugolify template - See Hugolify documentation

Choose the necessary Hugolify modules

/config/_default/module.yaml

Add required modules

imports:
  - path: github.com/hugolify/hugolify-theme
  - path: github.com/hugolify/hugolify-admin

Add posts modules (section and taxonomies)

  - path: github.com/hugolify/hugolify-theme-posts-tags
  - path: github.com/hugolify/hugolify-theme-posts-categories
  - path: github.com/hugolify/hugolify-theme-posts

You should be to have

imports:
  # posts modules
  - path: github.com/hugolify/hugolify-theme-posts-tags
  - path: github.com/hugolify/hugolify-theme-posts-categories
  - path: github.com/hugolify/hugolify-theme-posts
  # Required modules
  - path: github.com/hugolify/hugolify-theme
  - path: github.com/hugolify/hugolify-admin

The section module (hugolify-theme-posts) should always be listed after taxonomies in this configuration.

Required module (hugolify-theme and hugolify-admin) need be always at the end of list.

Launch project

Install packages

yarn

To launch Hugo project with livereload.

yarn watch

And in a second terminal, launch Decap CMS in localhost.

yarn cms

Admin

Edit all your content in http://localhost:1313/admin/.

screenshot of Hugolify admin — Hugolify admin with Decap CMS

Create content

Your first post

screenshot of Hugolify admin — Create your first post

Front

See locally your website in http://localhost:1313/.

screenshot of Hugolify website — Your local website

Customization

Hosting

Host your website on Netlify or others hosters.

Repository demo

Check hugolify-demo-blog repository

Table of contents