安装hugo
安装很简单，比node.js 方便多了，重装了系统，本来也是直接用户Hexo 的，居然装不上 hexo， 又看到了 Hugo 的 好评如潮。 索性换了。 安装教程直接参照官网了， Linux 下很简单，我直接用 apt 装了。
基本使用
然后就是简单的基本使用了：
- 创建网站
hugo new site quickstart,可以看到新建了目录 由于默认没有一个主题(我觉得这点做的不好),所以要挑选一个主题，在主题挑选自己喜欢的款，我用的是Blackburn把 主题的 仓库 clone 到 网站目录的 themes 下就可以了。
这个主题还有一个example文件夹，可以把里面的 comfig.toml 直接复制到 网站根目录下；里面写了一些配置，自己根据需要进行修改就可以了，记得配置 baseurl 的使用 一定要以 “/”结尾，否则上传到github时解析不到。
创建文章
hugo new test-article.md会在 网站目录下的content目录下生成 文件，有些主题会在首页直接显示content下的 文章，我选的这个主题默认是在 content/post 文件夹下，所以只能手动复制进去了编辑好文章之后，配置基本与hexo 一致，只有一些小差异，比如 tags: test 是不对的，应该修改为 tags: [test],其他大同小异。
本地生成预览，
hugo server -D生成速度很快，然后可以在 localhost直接看到效果了。
主题修改
用了主题之后 ，发现首页显示的文章除了标题之后，摘要部分显示的极其混乱，markdown格式丢失不说，连规则也没有遵守，经过一番搜索之后, 找到了 首页显示的 html (/blackburn/layouts/_default/summary.html) 显示的摘要部分是 {{ .Summary }}，官方提示是 summary 会提取文章前70个字符进行截断显示，但是实际效果太差了。我改成了 {{ .Description}}，然后在每个文章前面加入
description: this is the summary
就有了现在的效果。
绑定 Github-Page
hugo 是个静态网站生成器
生成之后的所有静态代码在 public 文件夹下
因为之前已经用 Hexo 部署在 github page 上了，所以也不需要开 仓库了。
* 先把之前的 html 静态文件全部删除
* 把 public 文件夹 上传到
在public 文件夹内进行 git init，然后进行 git remote add origin 地址
最后在 –set-upstream-to=origin/master master 进行分支绑定就可以了。
- 只要每次push public 文件夹就可以了。
自定义域名
跟 hexo 一样 在仓库根目录下 新建 CNAME文件，写入域名，由于之前已经绑定了域名，这一步就基本完事了。
基本命令
hugo -D
编译
hugo server
预览
或者直接
hugo server -D
就好了。
然后 public 文件夹就是最新的静态网页了。
comments powered by Disqus