hugo-最好用的静态网站生成器.docxVIP

hugo- hugo-最好用的静态网站生成器 安装 Hugo 1. 二进制安装（推荐：简单、快速） Hugo 二进制到 Hugo Releases 下载对应的操作系统版本的 文件（ hugo 或者 hugo.exe Hugo 二进制 Mac 下直接使用 Homebrew 安装： brew install hugo 2. 源码安装 源码编译安装，首先安装好依赖的工具： Git Mercurial Go 1.3+ (Go 1.4+ on Windows) 设置好 GOPATH 环境变量，获取源码并编译： $ export GOPATH=$HOME/go $ go get -v /spf13/hugo 源码会下载到 $GOPATH/src 目录，二进制在 $GOPATH/bin/ 如果需要更新所有 Hugo 的依赖库，增加 -u 参数： $ go get -u -v /spf13/hugo 生成站点 使用 Hugo 快速生成站点，比如希望生成到 /path/to/site 路 径： $ hugo new site /path/to/site 这样就在 /path/to/site 目录里生成了初始站点，进去目录： $ cd /path/to/site 站点目录结构： archetypes/ ? content/ ? layouts/ ? static/ config.toml 创建文章 创建一个 about 页面： $ hugo new about.md about.md 自动生成到了 content/about.md ，打开 about.md 看下： +++ date = 2015-10-25T08:36:54-07:00 draft = true title = about +++ 正文内容 内容是 Markdown 格式的，+++ 之间的内容是 TOML 格式 的，根据你的喜好，你可以换成 YAML 格式（使用 标 记）或者 JSON 格式。 创建第一篇文章，放到 post 目录，方便之后生成聚合页面。 $ hugo new post/first.md 打开编辑 post/first.md ： date: 2015-10-25T08:36:54-07:00 title: first ### Hello Hugo 1. aaa 1. bbb 1. ccc 安装皮肤 到 皮肤列表 挑选一个心仪的皮肤， 比如你觉得 Hyde 皮肤 不错，找到相关的 GitHub地址，创建目录 themes,在 themes 目录里把皮肤 git clone 下来： # 创建 themes 目录 $ cd themes $ git clone /spf13/hyde.git 运行 Hugo 在你的站点根目录执行 Hugo 命令进行调试： $ hugo server --theme=hyde --buildDrafts --watch 使用 --watch 参数可以在修改文章内容时让浏览器自动刷 新。 浏览器里打开： http://localhost:1313 部署 假设你需要部署在 GitHub Pages 上，首先在 GitHub 上创建 个 Repository ，命名为： coderzh.github.io (coderzh 替换 为你的 github 用户名）。 在站点根目录执行 Hugo 命令生成最终页面： $ hugo --theme=hyde --baseUrl= http://coderzh.github.io/ 如果一切顺利，所有静态页面都会生成到 public 目录，将 pubilc 目录里所有文件 push 到刚创建的 Repository 的 master 分支。 $ cd public $ git init $ git remote add origin /coderzh/coderzh.github.io.git $ git add -A $ git commit -m first commit $ git push -u origin master 浏览器里访问： http://coderzh.github.io/ 这个网站 java union 就是我使用 hugo 生成的。 这个网站模 板是我自己写的（样式部分除外） ，大家如果有关于 hugo 的 以及 go 模板相关的问题可以问我。