搭建个人博客（一）：Hugo 框架构建网站

搭建一个属于自己的个人博客网站，这种想法由来已久。之前也尝试过，但结果不尽如人意。最近无意中知晓Hugo这种框架，无需编写前端代码通过一些参数配置修改就可定制自己想要的博客网站，于是又开始熬夜了。。。

HUGO 框架（点此传送官网）

果然厉害的东西，愿景标语都是如此刚。尝试搭建之后确实比较有意思。他是用go语言编写实现的静态网站生成器。因为阿雷没接触过go语言，所以本文是小白文，只会介绍框架的使用方法。ps：这个框架的中文阿雷一直读作虎狗，查了下中文翻译竟然是雨果。。。

下载（传送门）

官方介绍了好几种安装方式，找了一种最简单的方式直接下载启动文件安装。


里面也有windows版本的文件，如果要直接看效果的话用windows,因为linux一般是命令控制台无法查看效果，除非是通过宝搭或者虚拟机中查看。但如果要发布到外网的Linux服务器，还是建议在Linux系统上安装和打包，阿雷就吃过亏。后续会总结遇到的一些坑。

安装

Linux系统

将安装包移动到/usr/local/bin目录下解压即可，解压命令如下

$ tar zxvf hugo_0.88.1_Linux-64bit.tar.gz

解压出来就几个文件，主要就是hugo这个文件，到此就安装完成了，非常简单

Windows系统

同样也是下载windows系统的安装包，解压目录可以解压到C:\Windows\System32目录下，或者把解压目录添加到环境变量Path目录里面，保证系统可以找到执行文件都可以，(hugo命令是不能直接双击打开的，必须使用命令)。

测试下是否安装成功，在控制台输入hugo --help命令，如果有打印出版本信息表示安装成功

创建站点

非常简单，一行命令即可初始一个站点，如下

$ hugo new site quickstart  # quickstart为站点名，可以定义自己想好的网站名都可以

进入目录查看生成的文件

下载主题（点此传送门）

选择自己中意的主题(以hugo-theme-bootstrap为例，各主题会略有不同)，点击进去，里面会有安装操作，但一般都是通过git方式下载主题的，git安装和使用就不作说明了，没了解的可以去找个教程看下传送门
把主题下载到thems目录下，这里建议大家直接克隆下来，不要引用成git的子模块
命令如下：

# 主题里面介绍的是引用成git子模式的方式，下文有介绍克隆主题的方式。
$ git submodule add https://github.com/razonyang/hugo-theme-bootstrap themes/hugo-theme-bootstrap

这个主题里面有一个demo配置，可以应复制到站点中来

$ cp -a themes/hugo-theme-bootstrap/exampleSite/* .
# 如果是windows系统，使用如下命令复制
$ xcopy .\themes\hugo-theme-bootstrap\exampleSite /E

到此站点已搭建结束了，使用下面的命令即可查看效果啦，简单得不敢相信

$ hugo server

在浏览器中输入网址即可访问啦（这里显示的是http://localhost:1313）

总结

好了，现在来总结一下所用到的命令：

$ hugo new site quickstart  # 创建quickstart站点
$ cd quickstart  # 进入目录
$ git init # 初始git，如果是测试可不用

# 下载主题
# 二选一
$ git submodule add https://github.com/razonyang/hugo-theme-bootstrap themes/hugo-theme-bootstrap
# 或者
$ cd themes
$ git clone https://github.com/razonyang/hugo-theme-bootstrap themes/hugo-theme-bootstrap
# ps: 有时候使用https协议下载会提示无权限的问题，小伙伴们可以换成git协议，或者通过浏览器打开网址直接下载都行，如果打开网址慢的话，阿雷的传到百度网盘，可以下载
# 链接：https://pan.baidu.com/s/10ISFN6HmdkydLaJAgdwqbg 
# 提取码：6666

# 如果选的直接clone主题的方式，在执行此命令时记得要回到quickstart目录级
# cd ..
$ cp -a themes/hugo-theme-bootstrap/exampleSite/* .   
# windows系统使用如下命令复制
# xcopy .\themes\hugo-theme-bootstrap\exampleSite /E

#启动站点
$ hugo server

# 大功告成~

本文简单介绍了如何使用hugo在本地跑起来一个主题博客网站，网站是跑起来了，但是里面的内容如何修改呢？如何发布到外网呢？自己没有服务器也可以在外网部署和访问吗？答案是肯定的。留在下期吧。