為何我離開 Hugo ?
💨

為何我離開 Hugo ?

Published
Aug 2, 2021
Tags
部落格
Area
🚀行銷

靜態部落格 - Hugo、Hexo、Jekyll

為了建立自己的部落格,我興高采烈的入坑 Hugo, 然而才剛使用 hugo-theme-stack 模版建好 蝦米's Blog 部落格,我就打算 棄用 了。
 
即便我已經盡我所能優化我的文章撰寫 workflow, 仍舊覺得靜態部落格,撰寫文章的方式很麻煩。

Hugo Workflow

以下列舉我建立過的 Hugo Workflow :
  • 設定 VS Code 快捷鍵指令,一鍵即可直接在本地端預覽。
  • 使用 VS Code Browser 在線開啟 Github 建立新文章草稿、預覽網頁。
  • 使用 Front Matter Plugin,快速建立文檔必要屬性 ( 發佈日期、更動日期、Tags ... )。
 

靜態部落格缺點

在使用靜態部落格後發現,其受限於以下幾點:
  • 文章撰寫:需在文字編輯器 ( VS Code ) 中撰寫 Markdown 新文章。
  • 文章儲存:平常撰寫的 Notion 筆記與部落格文章被迫分開管理。
  • 文章格式:將 Notion 以 Markdown 格式輸出後,仍需重新調整格式才能做為部落格文章發佈。
  • 文章圖片:需將圖片上傳到雲端 imgur,才能引用進文章中。
  • 文章發佈:每次均需重新發佈。
 
😍
如果能直接將 Notion Public Page 作為部落格,那該有多好!
翻了一遍 Github,發現果真不是只有我這樣想,Github Project : react-notion-x
 
唯一比較遺憾的是此項目,目前仍屬於相當新的 Project,僅有少數佈景主題可供選擇:
 
但我期望的部落格功能,都有人實作出來了, 只要花時間客製化,就能創造出完美符合我需求的部落格,因此我 果斷跳槽
部落格功能 Wish List
優化 URL、響應式網頁 ( Responsive )
導覽列 ( Navbar )、麵包屑 ( Breadcrumb )、部落格推薦 ( Friends Recommand )
浮動的文章大綱預覽 ( Table of Contnet )、文章置中 ( Align Center )
回標頭 ( Back to Top ) → 可以用 Notion Page [Copy Link] 做到,但非浮動的
暗黑模式 Dark mode
近期文章 ( Recent Article )、Tag、Categories → 可以自建 新分頁 做到
前後文 ( Next/Previous Post )
Search
最後更新時間 ( Last Modify )、觀看數 ( Views )、作者 ( Author ) ...
閱讀時間 ( Reading Time )、字數 ( Words )
是否支援 Mind 心智圖、Mermaid 圖表、Echart 數據圖表、Katex 數學公式 ... → 可顯示出 Notion 第三方套件
SEO 優化、Favicon、GoogleAnalytics
PWA
RSS、評論系統
 

Notion 部落格到底有什麼優點/缺點,以及 我是如何用 Notion 建立部落格的? 👉🏻 請觀看後續文章 - 如何用 Notion 建立部落格