1. 程式人生 > >使用Hugo將個人部落格搭建到Github上

使用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
    }
}