Hugo-Theme-Simple | Demo

简体中文版本

Introduction

This theme is named Simple. It's built based on Bootstrap+Lightbox+jQuery.

Confucius once said, "Life is really simple, but we insist on making it complicated." With this in mind, our goal is to return to the essence of blogging and rediscover the original charm it holds. This theme embodies simplicity and elegance, allowing you to focus on what truly matters - your content.

Screenshot

Pros

• Responsive

• Clean

• Fast

Usage

• step1

Install Hugo

you can find more information in official Hugo docs Installation or YouTuber-Mike Dane's Tutorials about Hugo.

• step2

Create a Hugo website.

# new a Hugo website
hugo new site your_site_name
# enter the site folder
cd your_site_name
# initialize a new git repo
git init
# add an external git repo(themes/hugo-theme-simple) as a submodule to this git repo
# when a git repo contains a nested sub-git repo, use submodule has many advantages
git submodule add https://github.com/simple-is-awesome/Hugo-Theme-Simple.git themes/hugo-theme-simple

• step3

Copy the exampleSite folder to your Hugo site root folder and replace the default files. Please delete the CNAME file, as it is used to customize the domain name in GitHub. I recommend using Netlify or Vercel to deploy your blog, as they are more convenient than GitHub Pages.

hugo server

You can see the GIF below, which shows the step2 and step3:

• step4

Adjust the options in config.toml.

• step5

There are some commands you need to know.

# create a new page
hugo new xxx.md
# create a new blog in blog folder
hugo new blog/xxx.md

• step6

  • Add、Commit and Push your repo to GitHub.

  • Import your GitHub repo to Netlify or Vercel to enjoy auto deployment. You can find more information in Hugo official docs Hosting & Deployment or other resources On the Internet.

Happy blogging! 😊 😊 😊

License

MIT