為什麼會有這個網站

不管是下面哪一個待辦事項,都不是突發奇想,而是一直想嘗試的事情:

  • 架一個個人網站
  • 寫 blog

在這個網站之前,我還擁有過的個人頁面有:

MSN 社群

第一次有個人頁面,是在小學時候的 MSN 社群,當時為了發布 LF2 (小朋友齊打交二)的改檔而申請的,但是後來 MSN 關了之後就沒有然後了,改檔備份也消失。

無名小站

國三因為看大家寫無名小站很好玩(剛好那時候蔚為風潮),所以就跟著創了,但這時候就是屁孩文為主。用現代人的觀點來看,無名小站就是當時學生的 FB。

痞客邦 PIXNET

第一個比較正式的 blog,大學時候創的,主要是放跟家教有關的東西,每次丟家教的履歷的時候都會附上網址,目前感覺效果是不錯。那時候接家教接的很有心得,目前搬過來的文章的主要來源也都是那裡。

不過大四忙起來之後就比較少經營。

Blogger

上面的無名小站倒掉之後,個人 blog 就投靠了 Blogger,畢竟現在是 Google 旗下產品之一,感覺比較不會倒。不過因為充滿了中學時期的黑歷史,目前關起來了。

另外我也有匿名經營一個歌詞翻譯 blog,但是也很久沒更新了XD。

所以關於本站

因為誤入理論化學組,這幾年把 coding 能力撿回來之外還提升了不少(離 pro 還很遠就是)。此外,在當研究助理的時期也幫實驗室維護網站(雖然更新頻率不太高),我們實驗室的網站是用 WordPress 架在機房裡面的,當時就有種「想要以後也自己來架個站」的想法。

原本的痞客邦網站,因為寫了一些家教的東西,雖然頻率很低但是偶爾還是會收到家長的留言問問題,我也因此接到家教過,所以 blog 要是經營的起來多少有些幫助的。

於是決定把大四之後就斷掉的 blog 生涯延續下去並擴展,人要有 Ambitions!!

架在哪

網站雖然是放在雲端,但是跟天空中的雲不一樣,還是要有個本體的。如果是公家單位或是公司有個不斷電的機器,那就直接放在那裡就好了,但是一般人很難啊,不管是硬體電費網路費啥的都是一筆支出,所以現在有不少的免費和付費平台給大家架站。雖然很想列個 list,不過感覺列出來就會有「其實還有XXXX喔?」「XXXX其實不是」之類的發言(因為我沒有一個一個試過所以,怕.jpg),加上其實是很好 Google 的資訊…。

剛好有 GitHub,也有認識的人架在 GitHub 上,就直接選定了 GitHub Page。

框架

其實這年頭架站也沒那麼困難的,有很多 framework 可以幫你省下很多事,也有直接 deploy 就有後台 UI 可以登入管理的。
我看到的 blog 框架有:

  • hexo 聽說是台灣產
  • hugo
  • jekyll
  • Octopress
  • Wordpress
  • Ghost

最後我是選了 hugo 當作我的框架,去 GitHub 上面 initialize,改一下 config.toml,套用主題 Blackburn(一個日本人寫的主題,看得蠻順眼的),clone 上去網站就這樣蹦出來了。

生在二十一世紀真好。

自動化發布

GitHub 支援 jekyll 直接在一個專案庫部署,不過因為我是用 hugo,你把 data clone 上去,就還是原始碼。這時,常見的招式是開兩個 git 專案,然後只 clone 產生的 html 們。不過這樣蠻累的,如果原始碼也用 git 管理,那每次更變你都要 git commit 兩次,很麻煩,而且還有可能會有不同步的問題,如果你沒管理好的話。

這個時候就是 Google 大神派上用場的時候啦。

Wercker 是一個荷蘭出產的自動化測試與部署專案的工具,以我這種背景的人是第一次聽到,但看完大概的介紹後,感覺這東西就是:很酷,很屌,很方便,所以就用了。

自從用了 Wercker 之後,考試都考一百分,我只要把原始碼推上 GitHub,Wercker 就會發現你的 code 更新了,自動幫你 build 和 push 到放 html 們的專案庫,這樣我就只需要管理一個專案庫就好,另外一個就自動化處理了。

小結

從 Hugo 裝完,到我寫了這篇文章,其實也才第三天,所以,架站真的沒那麼難(只是會偶爾鬼打牆)。

目前這個網站大概就是:

  • 我的電腦裡面有個本地備份
  • VSCode 寫文章(in Markdown),VSCode 大法好
  • 本地確認看看沒毛病之後,推上去 GitHub

當然我也手很癢改了一些東西,像是:

  • 字體
  • 側邊欄 icon,素材跟原本的 theme 一樣是從 fontawesome 來的
  • 加了幾個頁面
  • 改了一下 index.html 的模板讓首頁看得到 about
  • 我可以插入 $\mathrm{\LaTeX}$ 欸(用了 MathJax

這個網站之後的發展

雖然網站好像架好了,但是俗話說,「The end is the beginning」,其實很多事情都是剛開始。原本的文章大部分都是家教向,不過就像上面說的,這幾年開始碰了不少 coding,也想跟著前輩大神們寫些技術性一點的東西,這也是之後更新的方向之一。另外也希望能把自己聽音樂的興趣發揚一下,不用到像 KAZBOM 那麼厲害,但是寫寫字我應該還是做得到

雖然有點大方向,但是其實網站的走向也是很隨性的,我的人生哲學,就是走一步算一步

待辦

  • 寫文章,更多文章
  • 中英文語言切換
  • 去充實人生這樣才能充實這裡(無誤