使用 hugo + github 打造自己的 blog
要如何簡單搭建一個自己的部落格呢
相信每個工程師都有想過搭建自己的部落格，隨著技術越來越成熟，第三方提供的套件越來越方便
兩種網頁：靜態網頁與動態網頁
靜態網頁
靜態網頁：編輯好的網頁推送上機器後就靜止不變，所以在構建靜態網頁時，只是單純的在編輯網頁內容，沒有後台，所以不會有資料庫、後台管理頁面…等等，例如寫了一篇部落格，就需要更新
- 好處：架構簡單，容易維護
- 壞處： 架構限制難以新增功能
- 適合構建簡單網頁
靜態第三方框架
動態網頁
動態網頁：在已設計好的架構下，可以動態的更新網頁，通常在網頁中，要新增一個頁面或文章，只要在後台添加就可以了，內容儲存在資料庫，可以動態的讀取出來，所以設計好的網站架構不需要更改
- 好處：有完整後台與資料庫，架構允許加入網頁的特殊功能，例如：購物車，論壇…等
- 壞處： 架構複雜，不易學習與理解
- 適合完整且複雜網頁
動態第三方框架
-
WordPress：是全球最流行的內容管理系統，目前全世界超過 33% 以上的網站都是使用 WordPress 建立的，支持相當多的外掛插件
-
WordPress 具有非常龐大的志願者社區，由於開源的特性，讓許多能人志士能夠無償的建立與維護 WordPress 這套系統
安裝hugo
使用 windows 系統
安裝hugo，在這使用windows包管理器 : Chocolatey，可簡單的使用一行的語法安裝軟件
choco install hugo
使用 mac 系統
brew install hugo
參考資料
https://gohugo.io/getting-started/installing/#homebrew-macos
檢查hugo版本
hugo version
新建一個靜態網頁[myblog]，在本地目錄中的content資料夾新建
hugo new site myblog
安裝themes (需再根目錄, 在此是資料夾[myblog])，theme在官方主題頁面挑選
git clone https://github.com/vaga/hugo-theme-m10c.git themes/m10c
本地啟動靜態網頁 (需再根目錄, 在此是資料夾[myblog])
hugo server -t m10c --buildDrafts
建立html網頁資料, 會再跟目錄的public資料夾 (需再根目錄, 在此是資料夾[myblog])
hugo --theme=m10c --baseUrl="https://gavin-yeh.github.io/" --buildDrafts
把public資料夾全部提交到你自己的git上 (需再根目錄, 在此是資料夾[myblog])
git init
git add .
git commit -m "blog的第一次提交"
git remote add origin https:// github.com/gavin-yeh/gavin-yeh.github.io.git
git push -u grigin master
別人網頁好漂亮，我要怎麼知道他使用哪種內容管理系統
CMS 是內容管理系統
在google搜尋 CMS detector ，可以知道當前網頁所使用的CMS，可以找到很多detector網站框架檢驗工具