教學。三步驟輕鬆打造個人部落格(上)

作為本部落格首則po文，就來講講這個網站是怎麼建成的吧！
這篇文章是寫給想要自行架設部落格網站的朋友，如果你對電腦不熟，對看程式碼感到恐懼或只是單純想簡單找個地方po自己的文章，那麼我會比較推薦你利用現有的部落格平台服務，例如：痞客邦、Blogger、Tumblr、Medium、WordPress.com…等等。
而如果你跟我一樣無法忍受部落格上出現醜醜的廣告，想要最大限度打造出專屬於自己的設計，且對寫點程式碼不感到排斥，那希望這篇文章能對你有幫助！

好了嗎？那就開始囉

---

幾年前我也曾用WordPress.org架了個個人部落格，但後來因為放網站的domain沒有付費，domain就被取消了，有一些備份的資料還留著，不過就這麼一直被我擱置著，也沒時間去整理。就在今年年初，我下定決心要再重新建一個個人網站，我想要的網站是能夠當作部落格使用，同時能放我的設計作品集，一個看起來完整且專業，經過設計的網站。
確定好大致的需求以後，接下來就是決定使用的工具，這裡要用到的工具總共有Hexo, Github和Netlify。

什麼是Hexo？

Hexo是一個快速、簡單且強大的靜態部落格生成器。它是由台灣人Tommy Chen所開發的噢，所以文檔有繁體中文，也支援英文、韓文等多語系，搭配豐富的外掛跟佈景主題，當時一出現就深受許多工程師大大們的青睞。它的安裝與操作真的不難，而且又非常輕量，也是促使我棄WordPress投靠它的最主要原因。

安裝Hexo
打開電腦上的Terminal，輸入以下指令（安裝之前你的電腦要先裝上Node.js和Git）：
$ npm install -g hexo-cli
這會在你的電腦全域安裝Hexo

接著建立你的網站資料夾路徑：
$ hexo init /path/to/your-website-folder

進入你剛建的資料夾內：
$ cd /path/to/your-website-folder

然後輸入這個指令：
$ npm install
Hexo就會自動幫你把網站雛型建好啦！

接著只要啟動Hexo Server，就可以在你的localhost:4000看到你的網站了
$ hexo server

Hexo預設的佈景主題是landscape，如果你想更換主題，只要到Hexo官網上的主題頁，選一個喜歡的主題，把它download下來，放入你網站的themes資料夾底下，並在_config.yml中將裡面的theme更改為你想換的theme名稱即可。我的這個網站是以Edinburgh為基礎，再自行改寫而成。

至於要怎麼用Hexo寫文章呢？
在Terminal上輸入：
$ hexo new post '你的文章標題'
就會發現在你的source/_posts文件夾裡已經生成’你的文章標題.md’的Markdown檔案

Hexo是使用Markdown來解析文章，所以你部落格網站上的一篇篇文章，其實就是一則則Markdown檔案。Markdown對我來說其實就是另一種寫作體裁格式，這裡有Markdown Cheatsheet可以參考，習慣後很容易上手的！

---

好，到目前為止，你已經在自己的電腦上架設了一個部落格網站，下一步要做的就是把這個網站，從你的電腦上放到網路上發佈出去，才能夠讓別人看到，在下一篇文章中會談到如何在Github上存放自己的網站，然後透過Netlify將網站發佈出去。