hugo-最好用的静态网站生成器快速开始

hugo是由go语言实现的静态网站生成器。简单、易用、高效、易扩展、快速部署。

到 hugo releases 下载对应的操作系统版本的hugo二进制文件（hugo或者hugo.exe）

mac下直接使用 <code>homebrew</code> 安装：

源码编译安装，首先安装好依赖的工具：

git

mercurial

go 1.3+ (go 1.4+ on windows)

设置好 <code>gopath</code> 环境变量，获取源码并编译：

源码会下载到 <code>$gopath/src</code> 目录，二进制在 <code>$gopath/bin/</code>

如果需要更新所有hugo的依赖库，增加 <code>-u</code> 参数：

使用hugo快速生成站点，比如希望生成到 <code>/path/to/site</code> 路径：

这样就在 <code>/path/to/site</code> 目录里生成了初始站点，进去目录：

站点目录结构：

创建一个 <code>about</code> 页面：

<code>about.md</code> 自动生成到了 <code>content/about.md</code> ，打开 <code>about.md</code> 看下：

内容是 <code>markdown</code> 格式的，<code>+++</code> 之间的内容是 toml 格式的，根据你的喜好，你可以换成 yaml 格式（使用 <code>---</code> 标记）或者 json 格式。

创建第一篇文章，放到 <code>post</code> 目录，方便之后生成聚合页面。

打开编辑 <code>post/first.md</code> ：

到 皮肤列表 挑选一个心仪的皮肤，比如你觉得 <code>hyde</code> 皮肤不错，找到相关的 <code>github</code> 地址，创建目录 <code>themes</code>，在 <code>themes</code> 目录里把皮肤 <code>git clone</code> 下来：

在你的站点根目录执行 <code>hugo</code> 命令进行调试：

使用 <code>--watch</code> 参数可以在修改文章内容时让浏览器自动刷新。

浏览器里打开： <code>http://localhost:1313</code>

假设你需要部署在 <code>github pages</code> 上，首先在github上创建一个repository，命名为：<code>coderzh.github.io</code> （coderzh替换为你的github用户名）。

在站点根目录执行 <code>hugo</code> 命令生成最终页面：

如果一切顺利，所有静态页面都会生成到 <code>public</code> 目录，将pubilc目录里所有文件 <code>push</code> 到刚创建的repository的 <code>master</code> 分支。

浏览器里访问：<code>http://coderzh.github.io/</code>

这个网站 免费教程网 就是我使用hugo生成的。 这个网站模板是我自己写的（样式部分除外），大家如果有关于hugo的以及go 模板相关的问题可以问我。