靜態部落格 - Hugo、Hexo、Jekyll
即便我已經盡我所能優化我的文章撰寫 workflow, 仍舊覺得靜態部落格,撰寫文章的方式很麻煩。
Hugo Workflow
以下列舉我建立過的 Hugo Workflow :
- 設定 VS Code 快捷鍵指令,一鍵即可直接在本地端預覽。
- 設定 Hugo Github Action,使 Git Push 後可以直接部屬網站。
- 使用 VS Code Browser 在線開啟 Github 建立新文章草稿、預覽網頁。
- 使用 HackMD Chrome Extension 在線編輯,預覽/修改 Markdown 文檔。
- 使用 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 建立部落格。