使用hugo快速搭建博客

· 707字 · 2分钟

Hugo 是一个快速且现代的静态网站生成器，采用 Go 编程语言开发，Hugo 的设计目标是让创建网站重新变得有趣

hugo安装 🔗

可到下方官方地址直接下载对应包

下载地址

由于博主使用的是window，在这里直接下载的hugo_extended_0.92.2_Windows-64bit.zip 解压到go环境变量中的path目录下的bin目录(操作这一步之前请保证已经安装好go)

生成站点 🔗

使用Hugo快速生成站点，比如希望生成到 ./site 路径,先切换到你想要存放项目的目录执行下列命令

hugo new site ./blog

这样就在当前目录生成了blog目录,切换到该目录

cd blog

目录结构： 🔗

▸ archetypes/
▸ content/
▸ layouts/
▸ static/
config.toml

创建文章 🔗

创建第一篇文章到posts目录，执行命令后会在/content/posts/目录下生成first.md文件

hugo new /posts/first.md

打开文件文件会看到一下内容,内容是 Markdown 格式的，+++ 之间的内容是 TOML 格式的，根据你的喜好，你可以换成 YAML 格式（使用 — 标记）或者 JSON 格式

文件中具体参数可查阅文档

现在你可以开始编写你的文章了

---
title: "First"
date: 2022-02-13T19:55:03+08:00
draft: true
---

安装主题 🔗

选中一款你中意的主题,主题列表

博主在这里选择的是mini

  1. 在项目目录初始化 hugo 模块系统
hugo mod init github.com/<your_user>/<your_project>
  1. 在 config.yaml 中添加主题：
theme: 
   - github.com/nodejh/hugo-theme-mini
  1. 开始使用 成功安装主题后，在生成网站前还需要进行少部分的配置。 3.1 修改配置文件 在 exampleSite 目录中有一个 config.yaml 的配置文件，你可以将其复制到你的项目根目录中，将一些配置项修改为你的配置。这些配置都可以随意修改。

⚠️ 你需要删除这行配置： themesDir: ../../ 。

启动hugo服务器 🔗

hugo server

命令会显示服务地址，默认为 http://localhost:1313 点击后打开浏览器就能看到对应效果了

config.yaml 配置相关详细内容可查阅官方文档

mini皮肤详细介绍可查看作者介绍 下一篇将介绍如何使用render部署文章中创建的博客

hugo render
comments powered by Disqus