[測速] 使用 Notion 為後台打造好用的部落格

videoQuality
Tags
Property
影片進度

前言

Notion 是很好的內容管理工具!想到工作,傳統的 TODO List 具有內容過度的碎片化,難以整合的問題。Slack 很好得將碎片化的一點一點事項串在不同的 Channel 產生不同的訊息流,讓工作夥伴可以在不同的訊息流中,整合溝通完成工作。流動的訊息流,在當下能夠形成良好的溝通,然而時過境遷,回首來看,這些訊息流有時過於紊亂、難以搜索,找尋有序的知識十分困難,而 Notion 則是整合 Markdown 、配合 Web Widgets 等網頁小工具,將文章標題、內文、圖片、地圖、程式、表格、資料庫等等,很好的讓各式各樣的內容,透過簡潔如白紙般的書寫體驗,結晶成有序的共筆知識寶藏。然而,我們嘔心瀝血寫下的曠世巨作,希望 ... to be continue
在這裡我們找一些 github 上好用的套件,並測試套件架出來的成果頁面在 Google PageSpeed 的測試下是否是個好的頁面
 

套件

transitive-bullshit

將 Notion 的動態內容打包成為網站,因為內容彈性很高,非常適合長成各種網站,不過因為 Next.js 的檔案結構式的 url 生成,對於中文網站相對的 url 自訂性必須要從 code 下手,比較難以後台下手改動。
我目前採用的是這個方案
  1. 移動分數
    1. notion image
  1. 網頁分數
    1. notion image
  1. 移動分數
    1. notion image
  1. 網頁分數
    1. notion image
       

Notablog

  1. 移動分數
    1. notion image
  1. 網頁分數
    1. notion image

notion-blog

  1. 移動分數
    1. notion image
  1. 網頁分數
    1. notion image
但如果測試封面: https://notion-blog.vercel.app
則是會得到移動與網頁分數都滿分的結果
  1. 移動分數
    1. notion image
  1. 網頁分數
    1. notion image

tonarino/blog

  1. 移動分數
    1. notion image
  1. 網頁分數
    1. notion image
 

Spencerwoo

  1. 移動分數
    1. notion image
       
  1. 網頁分數
    1. notion image

Python with Gatsby

  1. 移動分數
    1. notion image
  1. 網頁分數
    1. notion image