Notionnext 改了個導航主題

Star~Star發表於2024-09-02

技術比較菜,繼上次發帖說做一款next 專案之後,技術上沒有太多進步,倒是旁門左道學了不少。摸索了一些 Notion 作為 headlessCms 的專案,總覺得不是很順手,然後回去使用wordpress,因為配置低,又因為別人的外掛總有不趁手的地方。後面又繞回來 Notion 的專案。

首先,附上網站地址: Notion2go
這次選用的是 Notionnext 開源專案, 主題使用“matery” ,但是這個主題有兩個缺失:

  1. 在詳情頁缺失訪問按鈕;
  2. 首頁缺失分類按鈕;

想著能不折騰就不折騰,於是重點先解決1,

首先,需要在config 增加這個自定義欄位(同時 Notion 資料表也需要有對應欄位)
然後在詳情頁增加對應資料取值,這裡我是在Posthero 增加的。

<Link href={url} className=" mx-auto bg-blue-700 hover:bg-[#ea580c] text-white font-bold py-2 px-4 rounded " rel="dofollow" target="_blank"> 點選訪問 </Link>

這樣就能有一個訪問按鈕

然後我又改了頁面主題 ,改的偏向 Notion 風格 ,大家感興趣可以對比 官方 Matery 風格和我的風格。

下一步,準備將分類平鋪展示在首頁。

相關文章