Hugo简介

Hugo 是一个快速且灵活的静态网站生成器,适合构建博客和其他类型的网站。以下是一个简单的 Hugo 入门教程,帮助你快速上手。

相较于WordPress、Typecho、Halo等博客程序,它的特点是无后台无后端,但这也算是它的缺点,你必须拥有一台电脑你才能编写、上传、发布你的文章,但是优点是很明显的,它是所有博客程序里面最快的,即使你的服务器的性能非常的拉胯。

下载安装 Hugo

在Windows系统下你会下载到一个hugo.exe
因为hugo安装后默认是没有主题的,需要自己安装一个

创建新站点

这里我们以D盘的根目录进行操作,首先把下载好的hugo.exe移动到D盘下,接着我们文件路径输入cmd打开cmd窗口,然后输入以下命令(这里的123可以改成任意你想要的文件夹名字)

hugo new site 123
cd 123
move D:\hugo.exe D:\123\
echo theme = 'hugo-PaperMod-7.0' >> hugo.toml

Tips:执行完以上命令后,以后只需要找到hugo.exe,然后在目录路径下打开cmd执行命令既可

然后把下载的主题放到123文件夹里面的theme这个文件夹

Hugo入门使用教程

创建新的文章

继续在cmd命令行里面输入命令

hugo new content\posts\666.md

这会在 D:\123\content\posts 目录下创建一个 Markdown 文件,你可以用文本编辑器打开并编辑这个文件,编辑之后要把draft = true改成draft = false(draft是草稿的意思)

配置网站

使用编辑器打开目录下的网站配置文件(D:\123\hugo.toml

baseURL = 'https://example.org/' #你网站的地址
languageCode = 'en-us' #网站的语言
title = 'My New Hugo Site' #网站的标题
theme = 'hugo-PaperMod-7.0' #网站的主题

更多的网站配置可以在你下载的主题提供更多的配置https://adityatelange.github.io/hugo-PaperMod/,或者查看官方的文档https://gohugo.io/getting-started/configuration/

发布内容

“发布”网站时,Hugo 会在项目根目录的 public 目录中创建整个静态网站,其中包括 HTML 文件和像图像、CSS 文件和 JavaScript 文件这样的资源。你可以将该目录中的文件上传到你的 web 服务器或 GitHub Pages 等平台。当您发布网站时,通常不希望包含[草稿、将来或过期内容]。

执行以下命令来发布内容

hugo

启动本地服务器

在cmd命令窗口中执行以下

hugo server

然后在浏览器中访问 http://localhost:1313,即可查看你的网站。