Building a Hugo Static Blog (Building Section)

Oct 12, 2024#建站154

AI Translation

This post is translated from Chinese into English through AI.View Original

AI-generated summary

**Title:** Building a Hugo Static Blog (Setup Guide) **Date:** October 13, 2024 **Author:** Jask **Tags:** Website Building **Summary:** This guide outlines the steps to set up a Hugo static blog. 1. **Preparation:** Install Hugo and Git. 2. **Create Site:** Use the command `hugo new site your-blog-site` to create a new site structure. 3. **Change Theme:** Add your theme files to the `themes` directory and update `hugo.toml` with your site’s base URL, title, language, and theme name. 4. **Create Archive Page:** Add an `archive.md` file in the `content` folder. 5. **Create Post:** Use the command `hugo new /content/posts/the-first-post.md` to create a new post. 6. **Deploy Locally:** Run `hugo server -D` to serve the site locally.

1. Preparation#

hugo
Git

2. Setting Up the Site#

Create a new Hugo site: hugo new site your-blog-site

The directory structure should look like this:

---archetypes

---assets

---content

---data

---i18n

---layout

---static

---themes

---hugo.toml

3. Change Theme#

Drag the theme files into themes

Add the following code to hugo.toml:

baseURL = "https://your-site.com"
title = "your-site-name"
languageCode = "en-us"
theme = "name" # The theme folder name needs to match this

4. Create a Page#

Create a new archive.md in content

title: "archive"
layout: "archives"
url: "/archives/"
summary: archives

5. Create an Article#

Enter in git

hugo new /content/posts/the-first-post.md

6. Deploy the Site Locally#

hugo server -D