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

快速开始

安装Hugo

1. 二进制安装（推荐：简单、快速）

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

Mac下直接使用 Homebrew 安装：

brew install hugo

2. 源码安装

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

Git
Mercurial
Go 1.3+ (Go 1.4+ on Windows)

设置好 GOPATH 环境变量，获取源码并编译：

$ export GOPATH=$HOME/go
$ go get -v github.com/spf13/hugo

源码会下载到 $GOPATH/src 目录，二进制在 $GOPATH/bin/

如果需要更新所有Hugo的依赖库，增加 -u 参数：

$ go get -u -v github.com/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 Hugo1. aaa1. bbb1. ccc

安装皮肤

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

# 创建 themes 目录
$ cd themes
$ git clone https://github.com/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 https://github.com/coderzh/coderzh.github.io.git
$ git add -A
$ git commit -m "first commit"
$ git push -u origin master

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

更简单可以尝试阿里自营建站得服务；

hugo-最好用的静态网站生成器相关推荐

最热开源静态网站生成器 TOP 20
最热开源静态网站生成器 TOP 20 1.静态站点生成器 Jekyll Jekyll 是一个简单的免费的Blog生成工具,类似WordPress.但是和WordPress又有很大的不同,原因是jeky ...
【静态站点（一）】之静态网站生成器
笔记来源:拉勾教育大前端高薪训练营一.什么是静态网站生成器静态网站生成器是一系列配置.模板以及数据,生成静态 HTML 文件及相关资源的工具这个功能也叫预渲染生成的网站不需要类似 PHP ...
雨果vs.杰基尔：比较领先的静态网站生成器
除非您的精神动物是艾米莉·狄金森(Emily Dickinson),否则当您制造事物时,就想与世界分享. 分享您的工作意味着您需要一个网站. 当然,您可以简单地参与数字共享裁剪,并使用各种社交媒体网站 ...
编辑器生成静态网页_使用静态网站生成器的7个理由
编辑器生成静态网页 Static site generators have become increasingly popular and, if my prediction is correct, ...
最全的静态网站生成器（开源项目）
原文地址: http://www.iteye.com/magazines/133-Static-Site-Generators#595 将动态网页静态化,可以有效减轻服务器端的压力,并且静态网页的访问 ...
什么是静态网站生成器
静态网站生成器是使用一系列配置.模板以及数据,生成静态HTML文件及相关资源的工具这个功能也叫预渲染生成的网站不需要类似PHP这样的服务器只需要放到支持静态资源的 Web Server 或 CD ...
搭建博客、自己的小窝？快来看看这些开源静态网站生成器
点击关注上方"五分钟学算法", 设为"置顶或星标",第一时间送达干货. 作者:HelloGitHub-ChungZH 相信很多人都想要搭建一个自己的博客或是给项 ...
编辑器生成静态网页_不使用静态网站生成器的7个理由
编辑器生成静态网页 Trending posts on SitePoint today: 今天在SitePoint上的热门帖子: 7 Ways to Make WordPress Simpler fo ...
静态网站生成器Gridsome
什么是静态网站生成器静态网站生成器是使用一系列配置.模板以及数据.生成静态HTML文件及相关资源的工具,也叫预渲染.生成的网站不需要服务器 ,只要放到支持静态资源的 Web Server 或 CDN ...
动态瑜伽静态瑜伽初学者_静态网站生成器：初学者指南
动态瑜伽静态瑜伽初学者 Let's say your next project is going to be a simple HTML website for a resumé, marketi ...

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