Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

bowwow


Thoughts, stories and ideas.

使用GitHub當靜態化Blog(備份你的Ghost blog)

寫程式或翻譯文章的人應該都知道
github是多麼偉大的發明
除了可以讓人自由自在的倒版本至任何時候
也可以好好的劃分一下 到底這個錯誤是誰幹的
也就是所謂的 「自己的屁屁擦乾淨」~XD

這個功能拿來在網站或文章發佈維護上超讚的呀

所以安迪兒就試著把前些天在nas上架設的ghost blog
想辦法弄上去github

最後安迪兒完成了

以下是安迪兒完工後的成果
https://bowwowxx.github.io/ghblog/

先說一下和原來的ghost blog有什麼差異和這樣做的優點

  • github的名聲響亮,網站夠穩定
  • github新增/刪除/修改和倒檔到各種版本,操作很方便
  • github放的是整個網站所產生的靜態網頁
    所以速度不止快又安全(都是靜態網頁了還能幹嘛)
  • 方便性,所有東西本機搞定,寫文章或做設定時
    本機起一下server傳至github後就可以關機,收書包回家了~XD

以上是單純就一般展示類的網站或blog,其它的不一定適合這樣使用

再來是整個串接的流程 為什麼能這樣做呢?
其實是用wget的方式去對整個網站做鏡像

流程大約是
在本機啟好server後,把整個網站轉成static的檔,再commit到github上

以下就和大家分享一下執行的方式

這邊是使用Buest這個python的程式
https://github.com/axitkhurana/buster

大家可以看一下它上面的說明

1.首先mac要裝上

Homebrew
這...應該都有裝過了吧,沒裝的再執行

安裝指令 ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)

裝完後執行
brew --version

[pip]
(https://raw.githubusercontent.com/pypa/pip/master/contrib/get-pip.py)

捉下來後執行python get-pip.py
裝完後執行pip --version

[Buster]
(https://github.com/axitkhurana/buster)
執行pip install buster

wget
執行brew install wget

以上軟體都裝完後,就可以收書包....回家再繼續 (開完笑的,大約完成了1/3)

2.再來是設定github的部份

github的操作,安迪兒就不多說了
另外關於建立github page的部份
可以參考github上的說明
https://pages.github.com

安迪兒這邊使用project site & start from scratch

  • 首先先建一個repository,安迪兒取名叫ghblog
    (ghost blog的意思)

  • 開一個新的branch叫gh-pages
    (這個是github定義,照這名子命名)

  • 建一個index.html
<!DOCTYPE html>  
<html>  
 <head>
  <title>bowwow</title>
 </head>
 <body>
  <h1>gogo</h1>
 </body>
</html>  


3.網站做映像備份並推檔上github

啟動ghost server
到ghost的目錄下 npm start --production
打開網頁 127.0.0.1:2368 看有無啟動了


建立git gh-page branch的目錄

在想要建的資料匣裡
輸入 git clone https://github.com/自己的名子/repository名子.git static

ex:
git clone https://github.com/bowwowxx/ghblog.git static

此時目錄下會產生一個static的資料匣
可以進去看一下git的東西是不是正確
git status
git branch

然後回到static同一層(~/Desktop/github/)
執行
buster generate --domain=http://127.0.0.1:2368

完成後,可以再進static裡看看有沒有所有備份好的靜態資料了

一樣再回到static同一層(~/Desktop/github/)
執行 buster preview

此時畫面會出現 Serving at port 9000

打開瀏覽器輸入127.0.0.1:9000
檢查一下所有靜態網頁資料正不正常

沒關題的話,就可以關掉ghost的server和Buster的server了

再來最後一步,就是把所有的資料推上github上
執行buster deploy 出現完工的訊息

就可以重新打開github的頁面看看有沒網站了
https://bowwowxx.github.io/ghblog/

終於呀....大工告成了
日後要發文或修改,直接本機啟動server
push檔案上github,就可以關機了
收工嘍~收工嘍~^^


About the author

bowwow

TW


Discussions

comments powered by Disqus