切换到hugo来构建

生活在于折腾，用Hugo来弄一弄博客。

最早在github pages上搭建博客用的是Octopress，后来切换到Hexo，现在换到了Hugo。其实工具都是差不多的，博客最重要的东西是内容，谁让我就是喜欢折腾呢，下面就简单介绍下怎么搭建吧。

首先得准备一个github账号，我们发布的内容都是挂在这上面的，本文的操作都是基于Mac环境

安装Hugo

brew install hugo
//就是这么简单

创建目录

hugo new site myblog
//创建一个网站

这样就生成了一个网站的工作目录

├── archetypes //默认模板
├── config.toml	//配置文件
├── content	//MD格式的文章
├── data	//一些数据文件可以忽略
├── layouts	//自定义的一些页面用了主题之后可以忽略
├── static	//存放资源文件发布之后该目录得资源处于网页根目录
└── themes	//主题文件

开始写文章

hugo new post/first-post.md

在content目录中会自动以archetypes/default.md为模板在content/posts目录下生成一篇名为first-post.md的文章草稿，打开md文件加上Hello Hugo：

---
title: "First Post"
date: 2019-02-15T16:36:13+08:00
draft: true
---
### Hello Hugo

安装主题

在myblog目录里执行一下代码，我选用得主题是hugo-nuo

cd themes
git clone https://github.com/laozhu/hugo-nuo

下载完毕之后我们打开myblog的config.toml文件增加一行说明

baseURL = "http://example.org/"
languageCode = "en-us"
title = "My New Hugo Site"
theme = "hugo-nuo"	//主题引用hugo-nuo

预览文章

hugo server -D	//启动服务 -D标识可以预览草稿

没有报错的话可以在命令行看到打开http://localhost:1313/预览

这样本地的工作就完成了，接着我们要准备发布到github pages工作了

Hugo有2种方式发布到github pages，我采用docs目录推送到master branch这种，感觉更方便点

先在config.toml配置里面增加一个说明，生成doc目录，方便我们push到github，这个目录包含了网站所有内容

publishDir = "docs"

接着在myblog目录执行命令

hugo

我们可以看到在myblog目录多了一个docs目录，里面存放了所有静态文件

├── 404.html
├── categories
├── favicon.ico
├── icons
├── images
├── index.html
├── index.xml
├── manifest.json
├── page
├── robots.txt
├── scripts
├── service-worker.js
├── sitemap.xml
├── styles
└── tags

发布到Github

在github上创建一个仓库，把docs目录关联到远程仓库，将所有文档push到Github的master branch，进入Github对应repository的Settings标签菜单，在GitHub Pages选项的Source栏选择master branch /docs folder

githubpages