https://minimal-hugo-blog-layout.netlify.com/
This layout has bare minimum CSS styling - it's merely a starting point for a hugo blog. Read the hugo docs and add your own styling to make this look how you want.
The home page is a list of posts by publish date, from newest to oldest. There is a basic nav with links to posts, about, contact, and RSS.
Put your CSS, JS, and image files under static/
. When the site is generated, i.e. when running the hugo
command, everything under static/
will be copied to the root of public/
.
The main files:
layouts/index.html
- Home page templatelayouts/post/single.html
- Single post templatelayouts/_default/single.html
- Single page templatelayouts/_default/baseof.html
- Base template that the above templates inherit from
- Install hugo
- Open a command line and run:
git clone https://github.com/zwbetz-gh/minimal-hugo-blog-layout.git
cd minimal-hugo-blog-layout
hugo server
- Navigate to
http://localhost:1313/
in your browser
- Create a new post:
hugo new post/some-post.md
- Create a new page:
hugo new some-page.md
- then optionally update the menu nav inconfig.toml
Thank you to all the contributors at hugo, hugo docs, and the hugo discussion forum.
Site design is based off the better mother loving website.