hugo 是一个静态网站生成器，通过 hugo 可以快速生成属于你的静态网站。

安装 hugo

1

brew install hugo

创建网站

1

hugo new site blog

选择主题

在Hugo Themes中选择一个喜欢的主题，下载到新 themes 目录下

1

cd themes && git clone https://github.com/budparr/gohugo-theme-ananke.git

在网站根目录下的 config.toml 中把 theme 改成 gohugo-theme-ananke

配置

不同的主题会有不同的配置，这要根据实际情况来配置。这里讲一些常见的配置。

  • baseUrl 网站的首页，填写你申请的域名，比如： https://bingomacs.github.io
  • languageCode 网站使用什么语言，比如 zh-cn
  • title 网站的名称
  • theme 网站的主题，上一节配置的

以上都是必须要配置的，还有一些像菜单、归档、介绍之类的需要根据主题配置。

写文章

配置差不多了，就要开始写文章了。我们开始新建一篇文章。

1

hugo new post/my-first-post.md

这条命令会在 post 的目录下生成 my-first-post.md 的文件，我们只需要编辑这个文件，把你想要表达的内容写进这个文件就可以了。

这个文件有一些基本格式，主要包含文章的标题，时间，作者等信息。

1
2
3
4
5
6

---
title: "My First Post"
date: 2019-03-26T08:47:11+01:00
draft: true
author: dev.bin
---

预览

文章写的差不多了，是时候要看一下效果了，你可以通过 hugo server 来启动一个本地服务器查看网页渲染后的样子。

本地服务的地址是 http://localhost:1313 ，在浏览器中打开这个网址就能看到效果。

部署

当文章写好了，预览之后觉得达到了预期的效果，这时候就可以考虑部署到服务器了。我们通过执行 hugo 来生成整个网站。生成的文件会在当前的 public 目录下，你只需要把 public 目录下的所有文件放到服务器下，这样通过浏览器就能访问了。

总结

hugo 生成网站还是比较简单的，并且生成速度非常快，比我之前使用的 hexo 快很多。这也是我换成 hugo 的一个重要原因，这样可以节省很多时间。

总的来说搭建一个静态网站还是很简单的，主要是要找到一个合适的主题并且调整一些细节会花时间外，其他的基本不变。搭建好之后只需要关注文章的内容就可以了。