使用Hugo将个人博客搭建到Github上

刚开始搭建完大概长这样

话不多说，现在开始搭建

安装Hugo

在Hugo里找到对应版本下载安装，我的主机是deepin，选择Linux64位的dep包

查看版本信息，显示以下即安装成功：

$ hugo version
Hugo Static Site Generator v0.49 linux/amd64 BuildDate: 2018-09-24T10:03:17Z

创建新网站

$ hugo new site myBlog

添加主题(以tranquilpeak为例)

$ cd myBlog/themes
$ git clone https://github.com/kakawait/hugo-tranquilpeak-theme.git

更多主题

复制主题标准样式的配置文件及资源文件到对应路径下

$ cd myBlog/themes/hugo-tranquilpeak-theme/exampleSite
$ cp config.toml ../../../myBlog/
$ cp -r static ../../../myBlog/static
$ cp -r content ../../../myBlog/content

测试网站

$ hugo server

用浏览器打开http://localhost:1313/查看修改后的网页内容。

你也可以适当修改config.toml的内容，在/content/目录下添加新的.md文件可以发表新文章。看看有什么效果

搭建到Github

先将https://github.com/liu-jianhao/liu-jianhao.github.io这个fork下来，然后在设置里面改名，按Rename后再次进入设置，一直向下会看到Github Page，这里面就有你的博客地址了

然后将项目clone下来(换成你自己的项目)

$ git clone https://github.com/liu-jianhao/liu-jianhao.github.io

接着用Hugo生成页面相关的文件

$ hugo --theme=hugo-tranquilpeak-theme --baseUrl="https://github.com/liu-jianhao/liu-jianhao.github.io"

这会生成一个public的文件夹

将项目里面的东西删完，然后复制public里的所有文件到项目里，然后push

$ cp -r public/* liu-jianhao/liu-jianhao.github.io
$ git add *
$ git commit -m "myBlog"
$ git push https://github.com/liu-jianhao/liu-jianhao.github.io master

这样就大功告成了，用浏览器打开liu-jianhao/liu-jianhao.github.io，就是你自己的网站了

自动提交脚本

为了更方便发布博客，自己写了脚本自动运行，而不用每次都敲一大堆命令

post.sh

注意改成自己要跳转的博客项目的目录和名字

#!/bin/bash
hugo --theme=hugo-tranquilpeak-theme --baseUrl=https://liu-jianhao.github.io/
cp -r public/* liu-jianhao.github.io/
cd liu-jianhao.github.io
git add *
git commit -m "post blog"
git push origin master

auto.tcl

将下面的XXX替换成自己的账号名和密码

#!/usr/bin/expect
# 自动提交写好的博客

spawn ./post.sh
expect {
    "*Username*" {
        send "XXX\n"
        exp_continue
    }
    "*Password*" {
        send "XXX\n"
        exp_continue
    }
}