該如何用 GitHub Pages 架個人網站 (上)

怎麼會突然想架站呢？ 其實是想找個地方放自己的「個人簡介與資料」，以前唸博士班時，系上都會給我們每個人一個空間，只要把網頁放到那個空間去，就可以在網路上查到我們個人的網頁。

當時其實沒有去了解為何可以這樣做，反正交差了事，照著範例做就可以。現在想說自己在網路上跟無名氏一樣，但又不想把資料更新在社群平台如 LinkedIn 或是 Facebook。

於是就想到了自己架個人網站來試試，說是個人網站，也不過就是想跟以前唸書一樣，找個地方放「個人網頁」，然後可以在網路上搜尋的到而已。

說做就做，Google 了一下自架站的資料，主要針對是免費的部份，所以我沒有要用自己的網域名，畢竟申請要錢。

另外，網站托管的伺服器 (虛擬主機) 也要錢，所以當我看到免費的 GitHub Pages 可以當「網頁伺服器」使用時，就選定它了。

我先查了『使用 GitHub Pages 架設個人網站』，按照它的說明操作，但應該是 GitHub 有小改版，流程畫面好像不太一樣，不過我還是成功上傳了 Test.txt  檔，並且可以在瀏覽器上開啟。

但想了一下，我是要放「個人網頁」耶，就是那種輸入網址可以跑出我自己背景的網站，那該怎麼做呢？ 

於是我又查到另一篇教學『使用 GitHub Pages + Hexo 來架設個人部落格』，這個作者自己的部落格就是用 GitHub Pages 架設的，它裡面有說明 GitHub Pages 是相當好用的免費個人架站方式，但唯一缺點就是只能架設「靜態網站」。

設定 GitHub Pages 的方式都一樣，但這邊準備用 Hexo 框架來架設個人網站，因為這邊比較複雜，我把自己的操作流程放到另一篇文章敘述。

在使用 Hexo 前， 先測試網頁能否正常顯示，於是先手刻了 index.html 檔案，並放到 GitHub 的根目錄，然後再把網頁設定指向根目錄，這樣就可以看到手刻的網頁：https://otakuyeh.github.io/

但我對於怎麼用設計工具生成網頁還是很陌生，認知還停留在很多年前的 FrontPage，所以又找了些「靜態網站生成器」的資料參考一下，不過說不定最後還是回去用 FrontPage，畢竟我只是要最簡單的「個人網頁」阿!

這邊順帶提一下，因為近年來很多「部落格平台」都關閉了，導致很多部落客都得打包資料搬家，所以部落格的文件內容是不是容易轉移就變得相對重要，如果是支援 「Markdown 語法」的，通常都比較容易整個打包帶走。

所以現在越來越多部落客是傾向用 「WordPress + 虛擬主機租用」的方式自行架站，但如果只是很單純的部落格內容分享，我覺得採用 「GitHub Pages + Hexo」 的方式應該也很理想，可以選擇要不要自己的網域名，如果不需要的話就完全免費，如同『使用 GitHub Pages + Hexo 來架設個人部落格』一樣。

不過嘛，如果想要免費，就得祈禱 GitHub 別倒，或是說這項服務別被「取消」或是改為「收費制」。

GitHub 已經被微軟收購了，它目前是全球最大的程式碼代管平台，倒閉這事應該不容易發生，但會不會收費就......微軟做事，懂得的人就懂。

其實我漏掉一個「免費之王」，那就是「 Google Sites 協作平台」，我們公司打從一開始的官網就是用它做的，雖說功能陽春，但卻能讓完全不懂程式設計的同事，也能搞定一個公司網站，真神奇!