Notion 部落格
以下條列出,為什麼我想將 Notion 當作部落格的原因:
Notion 部落格 - 優點
- 十分鐘即可搭建 ( 僅需照著步驟做,沒有太多需要調整的地方 )
- 輕鬆調整排版位置與新增頁面 ( Using Notion Block & Notion Page )
- 輕鬆一鍵發佈文章 ( 勾選 Notion Table - Checkbox 欄位,即可一鍵 Publish,發佈文章 )
- 隨時撰寫部落格文章 ( Notion 支援 Web、APP,只要有網路就能撰寫文章 )
- 輕鬆添加 Tag 屬性 ( 有 Notion Table - Multi Select 欄位可以添加/新增 tag 欄位 )
- 圖片可直接從 Unsplash 搜尋 & 引用 ( Notion
/image
內鍵功能 )
- 不用重新調整文章格式 ( Notion 輸出的 Markdown 格式不支援 Block 間距、Callout 功能 )
- 將 Notion 作為文章發布的後台管理工具 ( CMS )
- 文章、筆記統一在 Notion 中管理
Notion 部落格 - 缺點
- 目前尚未出現如 Hugo、Hexo 的社群,因此沒有眾多模板可以選擇、沒有眾多功能可以使用,均需自行開發。
- 客製化功能 難度較高,需熟悉前端最新技術
Next.js
、TypeScript
、React-Notion-X
- 無法使用 Git 對文章進行版本管理
- 由於要建立 Notion Blog 需將 Notion Page 公開分享,因此連未點選 Pulbic 的草稿,實際上也算是公開狀態。( 草稿不會出現在 Notion Blog 上,但會出現在 Notion Public Page 上 )
Notion Public Page vs Notion Blog
兩者有什麼差異呢?
- Public Page:將 Notion Page 文章公開分享。 舉例: 蝦米's Blog Public Page
- Notion Blog:將 Notion Public Page 重新渲染成客製化網站。 舉例: 蝦米's Blog
建立 Notion Blog 立即享有:
- 更快的網頁文章顯示速度,採用 Sever Side Render (SSR) 技術。
- 更好的 SEO ,可自動為網站添加 Meta Description。
- 更優美的連結分享,分享時能顯示出 圖、標題 ( Title )、自訂描述 ( Description )。
- 絕佳的手機閱讀介面 ( RWD )。
- 允許添加個人域名 Domain。
- 隨文章標題調整的網頁 URL。
- 隨頁面滾動的大綱模式 ( Table of Content )。
若願意調整程式碼,允許以下調整:
- 允許更換網站圖示 Favicon。
- 允許客製化調整 CSS 樣式。
- 允許客製化添加網站功能,例如:RSS、文章觀看次數、討論串 ...
部落格架設教學
✔ 註冊 免費 個人版筆記軟體 Notion
✔ Duplicate Notion Page for Blog | Example : TransitiveBullsh.it
✔ 挑選 Notion Blog Theme
✔ 註冊 免費代碼庫平台 Github
✔ 註冊 免費網站託管服務 Vercel
✔ 完成教學步驟
= 成功將 Notion 做為後台管理工具的公開部落格
客製化調整教學
- Favicon: /favicon 調整網頁頁籤的圖標、favicon製作
- 顯示屬性:針對文章頁面,將不需要的屬性 Hide Properties。
//TODO 陸續補充