使用Hugo將個人部落格搭建到Github上
阿新 • • 發佈:2018-12-28
剛開始搭建完大概長這樣
話不多說,現在開始搭建
安裝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
}
}