跳至主要内容

資源 /resources

最後更新：2026-11-04

想架自己的部落格了嗎？這裡整理了從「為什麼要做」到「怎麼做」的各種資源。不管你現在是還在考慮，還是已經準備動手了，希望這些內容能幫上忙。

覺得有什麼文章或工具應該加進來？或是你發現某個主題還沒人寫，想自己來補？都歡迎！投稿方式超簡單：把文章直接寫在你自己的 blog 上，然後把連結 E-mail 到 b@wiwikuan.com 就好。

備註

我無法保證能將 100% 的投稿都加入此頁。但寫了也沒什麼損失不是嗎？文章還是在自己的 blog 上呀！

🤔 心態篇​

🌐 為什麼要有獨立網站？​

社群媒體也可以貼文呀，為什麼要自己架部落格？讓這些文章幫助你了解，為什麼值得花時間經營自己的網站，而不是只用 Facebook、Instagram、Threads 這些平台。

💬 寫部落格的理由​

來看看其他人為什麼想要寫部落格。

👻 依賴科技公司的鬼故事​

帳號被停權、被盜、平台說關就關，你寫了好幾年的東西可能一夜之間就拿不回來，而且沒有客服可以申訴。讀完這些鬼故事，再決定要不要把心血全放在別人家裡。

🎨 要寫什麼？​

想不到應該寫什麼？這裡有一些靈感。

📚 教學篇​

收集各種跟寫部落格、架站相關，且初學者友善的教學文章。

🏠 部落格平台​

不想自己架站？這些平台讓你註冊完就能直接開寫。

📍 網域名稱╱網址​

什麼是網域名稱╱網址？為什麼你該有一個？該取什麼名字？

🔧 靜態網站產生器、自架網站後台​

想要更多自由度和掌控權，不介意麻煩一點的話，就整個站都自己架吧！

📡 RSS​

RSS 可以讓你跳過平台的演算法，直接訂閱各種想看的東西：不論是部落格、新聞網站、YouTube 頻道和 Podcast 都行。

📄 Markdown​

Markdown 是一種超級簡單的文字格式，讓你不用學複雜的排版工具就能寫出漂亮的文章。

🖥️ 終端機​

終端機（Terminal）是用文字指令操作電腦的介面。看起來好像很難，但其實很多工作用終端機反而更快、更簡單。

📦 免費網頁空間（GitHub Pages、Codeberg Pages）​

GitHub、Codeberg 等程式碼託管平台提供的免費網頁空間。你把網頁檔案放進去，就可以得到一個像 yourname.github.io 或 yourname.codeberg.page 這樣的網址。注意這「不是」部落格平台，沒有編輯器讓你打字發文，適合已經會做網站，但暫時不想花錢租主機的人。

🧩 進階技術文章​

想要更多自訂功能嗎？參考這區的進階實作教學。

Hugo 靜態部落格簡易留言板實作（黃宏勝）

🧰 工具箱​

實際要架部落格了，該用什麼呢？這裡收集了各種部落格相關的服務、工具和資源。

🏰 部落格服務​

選部落格平台就像選房東。好房東讓你自由佈置（支援 Markdown、自訂 CSS）、隨時搬家（支援資料匯出）、不會騷擾你的訪客（無追蹤器）、門牌可以自己決定（支援自有網址），也不會在你家客廳貼滿廣告和一堆你根本不需要的裝飾品。

  • BearBlog.Dev - 目前最推薦的部落格平台。對於不想自己架站、不想煩惱技術問題的人來說，這可能是最簡單、最乾淨的解決方案。無廣告、無追蹤，後台介面超級乾淨，支援 Markdown 寫作。有免費版，但付費版才能被搜尋引擎找到，也才有上傳圖片及自有網址功能（每月 6 美元、每年 49 美元、付一次用到 Bear 掛掉 189 美元）。（範例 blog）
  • Pika.Page - 也很乾淨、無廣告的部落格平台。申請流程跟 Bear Blog 一樣快速簡單，編輯器很好用！免費版有 50 則貼文╱ 3 個固定頁面限制。付費版是每個月 6 美元，不限制貼文數且可連結自有網址。（範例 Blog）
  • Write.as - 另一個乾淨、無廣告的部落格空間。可以使用自有網址，沒有免費版！
  • Substack - 比較商業化，沒有到那麼推薦（但還是比下面幾個好多了）；介面稍微肥大、雜亂，還會有惱人的彈出視窗要讀者訂閱電子報。

⛔ 「不」推薦的部落格服務​

許多平台看起來方便，但其實很危險：資料匯出困難、廣告滿天飛、介面臃腫拖速度、規則說改就改、說關就關。寫 blog 是為了拿回主控權，不是換成被另一個平台綁架。

  • 痞客邦 Pixnet - 使用者體驗極差，廣告滿天飛，最近又換老闆，建議遠離。
  • 隨意窩 Xuite - 你想用也不行，因為已經關站了（這就是為什麼你需要自己的獨立網站）。
  • 方格子 Vocus - 不支援 RSS、介面雜亂、商業味過於濃厚。
  • Medium - 付費牆機制、新帳號文章完全不會出現在 Google 搜尋中1。
  • Blogger - 雖然免費且由 Google 營運，但感覺像是被遺忘的小孩。Google 對於旗下不賺錢的服務，有許多說關就關的前科（參考 Google Reader、Google+ 的下場），建議還是別把心血交給 Google 吧。
  • Wix、SquareSpace、Weebly、WordPress.com - 全都是「乍看之下很方便」的平台服務，但你的網站其實被鎖死在別人的系統裡。介面肥大、速度慢、限制多、難以遷移、訂閱費高昂是這些服務的共同點。

🎫 註冊網址​

有自己的網址，就像是在網路上有自己的門牌號碼，而不是「XYZ 大樓 A 棟 203 室」這種寄人籬下的地址。利用以下的網域註冊商，趕快把喜歡的名字註冊起來，被搶走就沒有了！

☁️ 虛擬主機服務​

VPS（Virtual Private Server，虛擬專屬主機）服務可以讓你租一台雲端上的電腦（通常是 Linux 系統）。你擁有完整控制權，想裝什麼就裝什麼；不只能架網站，還可以跑各種程式、存檔案。比一般的架站服務或部落格平台更自由！

  • Akamai Cloud - 前 Linode，這個站就是架在上面。

🖼️ 圖庫​

📸 螢幕截圖、錄影​

  • Flameshot - 自由的螢幕截圖工具，內建標註、模糊等編輯功能
  • OBS - 自由的螢幕錄影與直播軟體

✏️ Markdown 編輯器​

  • Obsidian - 不是自由軟體，但依然相對自由的文字編輯器和筆記軟體
  • VSCodium - VSCode 的自由版本，移除了微軟的追蹤功能
  • Micro - 在終端機裡執行的文字編輯器
  • ghostwriter - 在 Linux 和 Windows 皆可執行的 Markdown 編輯器（由 tux24 推薦）

⚙️ 靜態網站產生器​

靜態網站產生器可以把你的 Markdown 文章自動轉成完整網站，速度超快、完全掌控、可以放在任何主機上。適合願意稍微學一點技術、想要完全的自由和掌控的人。

  • Docusaurus - Meta 開發的靜態網站產生器，專為文件網站設計，本站就是用它架的
  • Hugo - 用 Go 語言寫成的靜態網站產生器，以速度快聞名
  • Publii - 有漂亮圖形介面、容易使用的靜態網站產生器

📬 RSS 閱讀器╱服務​

RSS 閱讀器可以把你愛看的網站、部落格、新聞、YouTube 頻道、Podcast 和更多東西全部集中在一起，一旦有更新就直接推送給你。最棒的是，你可以自己挑選想看的內容，完全沒有演算法干擾，也沒有平台硬塞的廣告文。

RSS 閱讀器分兩種：「離線單機版」和「線上服務」。離線版的優點太多：完全免費、零廣告、隱私完全掌控、速度超快。線上版唯一優勢是多裝置同步，但代價是要付錢、看廣告、或被追蹤閱讀習慣。

離線 RSS 閱讀器​

  • NetNewsWire - 自由且免費的 RSS 閱讀 App，只有 macOS 和 iPhone/iPad 版。（Apple App Store 連結）
  • Feeder - 自由且免費的 RSS 閱讀 App，只有 Android 版。（Google Play Store 連結，另有 F-Droid 版）
  • Fluent Reader - 自由且免費的 RSS 閱讀器。支援 Windows、macOS 和 Linux。

線上 RSS 閱讀器服務​

  • inoreader - 線上、訂閱制 RSS 閱讀器服務；免費版最多可以訂閱 150 個來源。
  • Blogs Are Back - 線上但「不需訂閱或帳號」的 RSS 閱讀器，所有資料都儲存在自己的瀏覽器裡。

🔤 字體​

  • jf open 粉圓字型 - 自由、可商用的可愛字體。
  • 精品點陣體9x9 - 免費、開放原始碼的中文點陣字體。
  • 俐方體11號 - 免費開源的 11x11 中文點陣字型。
  • 袖珍像素體 - 每個字只有 6x8 畫素（！）的超袖珍點陣字型。
  • 夜照飛 - GPL 授權的點陣中文字型，有 12-16 畫素版本。
  • 饅頭黑體 - 重量感十足的黑體，適合用在標題或海報。
  • 芫荽 / iansui - 開放原始碼的硬筆風格繁體中文字型。
  • 思源黑體 - 開放原始碼的泛中日韓字型。
  • 思源宋體 - 開放原始碼的泛中日韓字型。
  • 源泉圓體 - 基於思源黑體的圓體中文字型。
  • 辰宇落雁體 - 台灣高中生製作的開放原始碼手寫字體。
  • 內海字體 - 可愛手寫風格的開放原始碼中文字型。
  • 星光小熊貓體 - 小學生筆觸風格的中文字型。
  • Google Fonts - 可以下載超級多種字型，全部都是開放原始碼、免費、可商用的。
  • emfont - 免費、開放原始碼的線上字型服務。只要在網站內設定好 CSS 或 JavaScript，就可以套用許多開放原始碼字型。

🎨 圖片工具​

  • GIMP - 自由且免費的影像編輯軟體，處理部落格配圖超好用！
  • Krita - 自由、免費又專業的繪圖軟體，適合想在部落格上放自己畫的插圖或塗鴉的人。
  • Inkscape - 自由、免費的專業向量繪圖軟體，能做出可無限放大的精美插畫。

Footnotes​

  1. 根據 Medium 的官方說明。https://help.medium.com/hc/en-us/articles/217991468-About-SEO-and-Medium ↩