🚫 Ad Blocker Detected

Please disable your AD blocker to continue using this site. Ads help us keep the content free! please press keyboard F5 to refresh page after disabled AD blocker

請關閉廣告攔截器以繼續使用本網站。廣告有助於我們保證內容免費。謝謝! 關閉後請按 F5 刷新頁面

0%

建立自己Blog系列(一) 介紹 Github (hosting) + Hexo (Blog) + Appveyor(CICD)

前文:

網路上已經有許多Blog託管平台 例如:Google Blog,痞客邦….為何我還要自己寫這篇跟大家分享?

因為上面提供的平台固然好用,但我並無法100%的去修改我想要的樣式或版面.

如果我想要有100%彈性修改我的Blog我就必須建立自己的網站.

但要給別人Hosting需要另外花一筆費用…

就有本次系列文 Github (hosting) + Hexo (Blog) + Appveyor(CICD)

這個搭配有幾個優點:

  1. 完全免費
  2. 使用MarkDown撰寫Blog就是爽.
  3. 練習使用CICD線上工具.
  4. Hexo有許多不一樣絢麗的Theme可以更換且更換方式簡單

撰寫發布流程大概如下圖

img

流程解說:

  1. 使用Hexo樣板撰寫MarkDown Blog
  2. 寫完後commitpush至Github Blog Code Repository
  3. Appveyor(CI)線上工具會偵測到我們有code commit並執行後續Blog佈版動作
  4. 使用Hexo-cli將MarkDown build成html靜態檔案(因為github page只能Hosting靜態頁面)
  5. Appveyor(CI) commit並push到hosting Repository.

此流程的優點是只需在Code Repository上撰寫完Blog並commit就可以自動發佈到github page上.


GitHub (Hosting)

GitHub並創建一個名為username.github.io Repository,其中username是您在GitHub上的用戶名(或組織名稱)。

例如我的Github帳戶是isdaniel 就建立一個Repository 叫
isdaniel.github.io 只要裡面有版控Html靜態頁面Github page 就可幫我們進行託管.

https://isdaniel.github.io/ 這個網站的進入點在此Repository的index.html頁面.

Note :

GitHub有個設定,就是每個專案的gh-pages分支可以通過user-domain /項目名來訪問。

詳細資料

Hexo (Blog)

Hexo 是一個快速、簡單且強大的網誌框架。Hexo 使用 Markdown(或其他渲染引擎)解析您的文章,並在幾秒鐘內,透過漂亮的主題產生靜態檔案

透過Hexo-cli可以簡單速建立一個blog page,而且Hexo社群活躍且文件支援中文.

Hexo提供豐富的插件程式來給使用者,甚至您如果懂Js css Html也可建立自己的Blog樣式或自行擴充.

Appveyor(CICD)

appveyor是一個支援Winodws&Linux相關的持續部屬服務

目前免費使用,可透過Github綁定Repository快速建立一套屬於自己的CICD流程.

小結

這篇跟大家簡單介紹一下會使用到的工具和撰寫blog佈署流程.

日後會有其他篇文章來詳細說明細節.

__此文作者__:Daniel Shih(石頭)
__此文地址__: https://isdaniel.github.io/github-hexo-appveyor/
__版權聲明__:本博客所有文章除特別聲明外,均採用 CC BY-NC-SA 3.0 TW 許可協議。轉載請註明出處!

如果本文對您幫助很大,可街口支付斗內鼓勵石頭^^