使用 Ananke 主题创建一个 Hugo 站点。
此篇快速入门文档在示例中使用的是 macOS。有关如何在其他操作系统上安装 Hugo 的说明,请参阅 安装。 建议 安装 Git 以便运行本教程中的例子。 其它用于学习 Hugo 的书籍或视频教程之类的资源请参阅 外部学习资源 页面。
Step 1: 安装 Hugo
brew install hugo
验证安装是否成功,请执行:
hugo version
Step 2: 创建一个新站点
hugo new site quickstart
执行上述操作之后将在 quickstart 目录下创建一个新的 Hugo 站点。
Step 3: 添加主题
首先,从 Github 下载主题并将其添加到站点的 theme 目录中:
cd quickstart
git init
git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke
然后,将主题添加到站点的配置文件中:
echo 'theme = "ananke"' >> config.toml
Step 4: 添加内容
你可以手动创建文件(例如 content//.)并在文件开始处添加元数据(metadata),当然,你也可以使用 new 命令辅助工作(例如添加标题和日期):
hugo new posts/my-first-post.md
新创建的文件默认包含如下内容,根据需要修改即可:
---
title: "My First Post"
date: 2019-03-26T08:47:11+01:00
draft: true
---
Step 5: 启动 Hugo 服务器
▶ hugo server -D
| EN
+------------------+----+
Pages | 10
Paginator pages | 0
Non-page files | 0
Static files | 3
Processed images | 0
Aliases | 1
Sitemaps | 1
Cleaned | 0
Total in 11 ms
Watching for changes in /Users/bep/quickstart/{content,data,layouts,static,themes}
Watching for config changes in /Users/bep/quickstart/config.toml
Environment: "development"
Serving pages from memory
Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
Press Ctrl+C to stop
打开新站点 http://localhost:1313/。
您可以随意编辑或添加新内容,只需在浏览器中刷新即可快速查看修改的内容(可能需要强制刷新浏览器中,一般使用组合键 Ctrl-R)。