A clean and beautiful Hugo theme, which built using Tailwind CSS.

English | 中文

→ Example Website

Before starting to use this Hugo theme, please ensure the following requirements are met:

1. Go is installed
2. Ensure Hugo >= v0.128.0

git clone https://github.com/mrhelloboy/seven.git

cd exampleSite

cd hugo-theme-seven-demo

hugo mod npm pack

npm install

hugo server

hugo new site [sitename]

cd [sitename]

rm -rf themes

hugo mod init github.com/[username]/[sitename]

Configure the theme in hugo.toml

[module]
[[module.imports]]
   path = 'github.com/mrhelloboy/seven'

Because the theme requires additional configuration parameters, it's recommended to use the configuration file provided in exampleSite first, and then modify it as needed.

For more information on Hugo Modules and their usage, please refer to Hugo Modules

hugo mod npm pack

npm install

hugo server

hugo mod clean

hugo mod get

hugo mod tidy

First delete package-lock.json and package.json.

hugo mod npm pack

npm install

Please refer to the Hugo Deployment Documentation

1. Create a netlify.toml file in your site with the following content:

   [build.environment]
   HUGO_VERSION = "0.128.0"
   
   [build]
   publish = "public"
   command = "hugo --gc --minify"
   
   [context.deploy-preview]
   command = "hugo --minify -D -F -b $DEPLOY_PRIME_URL"
   
   [context.branch-deploy]
   command = "hugo --minify --gc -b $DEPLOY_PRIME_URL"

2. Register and log in to Netlify

3. Import your GitHub project, and Netlify will automatically build it based on the netlify.toml file.

@mrhelloboy

MIT © mrhelloboy.