建立自己的部落格

如何建立部落格,上網搜尋就會出現一大堆教學資源,那為何我還會想自己寫一篇呢?
這篇文章最大的主旨並不是教你架站,而是想分享如何挑選適合自己的部落格工具。
後續順便筆記自己架設部落格的過程。

架設部落格只是執行,執行前的選擇和評估才是重點!

如何挑選適合自己的部落格工具

  • 首先了解自己的需求
    先列下對部落格一定要有的功能,盡量照優先權衡量的順序下去寫,
    這樣後續在評估工具的選擇上才有依據和取捨順序,畢竟免費的開源工具,
    很難完全符合所有條件。舉例來說:

      1. 希望部落格有分類功能 
      2. 可以修改樣式
      3. 能支援 Markdown 語法
    

    如果你發現自己的條件,線上免費的部落格平台就能滿足,那你當然可以直接使用有人管理的平台,方便、快速,還不需要擔心流量問題。但是,在都不滿足的情況下,就選擇開源的資源來幫助自己吧!


  • 成本考量
    這是一個很現實的層面,也是最後決定的關鍵之一。我主要考慮的有兩個部份:

    1. 需不需要建立額外的 DB (database) - 金錢成本
      有些開源部落格工具是直接儲存靜態的 markdown 文本在專案底下,而有些則是需要另外建立 DB 來存放資料。如果你確定使用 DB 的空間可以負荷或不會超額,那使用 DB 會是個不錯的選擇。

    2. 使用的語言是什麼和官方文件是否完整並有再更新 - 時間成本
      如果是自己熟悉的語言,那在架設環境和修改參數、樣式上會很方便,減少一些額外的學習成本。官方文件如果不完整,後續摸索或遇到問題會花很大的心力在除錯上。

    綜合以上,根據個人需求,最後決定選擇 Hexo 來當我的架設工具。

    (寫一寫突然發現和開發者在評估要選擇的技術和工具上,有異曲同工之妙XD)


使用開源工具 Hexo 來建立部落格

創建 Hexo 環境

安裝 Hexo, 可以自行選擇要安裝在全域環境或是只安裝在特定專案底下,
希望本地環境保持乾淨的人,建議安裝在特定專案底下,
或是安裝在自己建立的容器環境底下。


只局部安裝在特定專案下,請先確認 Hexo 官方支援的 node.js 版本,在開始執行指令

1
npm install hexo

Hexo 初始化資料夾 (因為是局部安裝,所以使用 npx 來執行以下區域指令)

1
npx hexo init blog

移動到資料夾

1
cd blog

執行 Hexo 在指定資料夾中所需要的文件

1
npm install

啟動 server 在本地端 (有跑起來表示基本環境已建立成功)

1
npx hexo server

安裝特定主題

Hexo 預設主題為 landscape,可以參考主題網站引用到 Hexo 的主題中,
在這邊以 icarus 主題來當作例子,以下 follow 官方文件指令安裝在部落格的環境中,icarus 官方文件提供兩種方式來載入,一種是 clone 的方式,而另一種是用 npm 來安裝。建議使用 npm 的方式,因為在 icarus 的 github issue 中常常反應 clone 會有依賴性或其他報錯等問題。


安裝 hexo-theme-icarus 主題和其所需配件

1
npm install -S hexo-theme-icarus hexo-renderer-inferno

將主題加入到 Hexo 設定檔中

1
npx hexo config theme icarus

啟動 server 確認主題套用是否成功

1
npx hexo server

常見的 Hexo 指令

如果是將 Hexo 安裝在全域環境,可以直接省略以下指令中的 npx

創建新的文章

1
npx hexo new 'blog title'

啟動 server

1
npx hexo server

建立靜態檔案

1
npx hexo generate

部屬到遠端

1
npx hexo deploy

Reference

Hexo Doc
Hexo Commands
Hexo-theme-icarus
Hexo - 前端也能建置部落格!
(此篇 iThome 文章年代已久,有些 Hexo 設定已變更,請自行斟酌可用部分)

Author

Vian

Posted on

2024-07-24

Updated on

2025-03-28

Licensed under

Comments