操作教學｜Notion & Super — 美化 Notion 頁面並轉變至網站呈現

© 窩DEMAA

嘿，大家好！你是不是也想知道，排除 Notion 內建的字體、顏色、大小、圖示，以及語法等功能，還有哪些方式可以讓 Notion 頁面更具美感？我想你也知道了！就是以「網站」頁面呈現。

在開始操作步驟之前，我們首先需要理解為何將美化過的 Notion 頁面轉變成網站逐漸變得極為重要。隨著數位時代的快速發展，我們越來越依賴於線上內容，其中包括知識分享、創意展示以及訊息傳遞等。因此，一個設計出色的 Notion 頁面能夠提升可用性和可讀性，使其他人更容易理解和參與你的內容。

@digi.productivity｜讓你的 Notion 頁面更像網站

01 註冊 Super

首先，你需要前往 Super 的網站，並註冊一個帳號。這是免費的，只需提供基本的註冊資訊即可。此外，你也可以使用已經有的 Apple 和 Google 帳號註冊。

01 註冊 Super｜#1

01 註冊 Super｜#2

01 註冊 Super｜#3

02 如何使用 Super

① 連結 Notion 帳號

註冊完成後，進入與 Notion 帳號連結的環節，並遵循以下幾個步驟，將頁面轉換為網站，就能幫助你快速輕鬆地創建專業外觀的網站。

02 如何使用 Super｜① 連結 Notion 帳號｜#1

02 如何使用 Super｜① 連結 Notion 帳號｜#2

02 如何使用 Super｜① 連結 Notion 帳號｜#3

② 選擇連結的頁面

你可以選擇要美化和轉變成網站的 Notion 頁面，或者自資料庫新增。

➜ 連結已經有的 Notion 頁面

02 如何使用 Super｜② 選擇連結的頁面｜連結已經有的 Notion 頁面｜#1

02 如何使用 Super｜② 選擇連結的頁面｜連結已經有的 Notion 頁面｜#2

➜ 自資料庫新增

02 如何使用 Super｜② 選擇連結的頁面｜自資料庫新增｜#1

02 如何使用 Super｜② 選擇連結的頁面｜自資料庫新增｜#2

02 如何使用 Super｜② 選擇連結的頁面｜自資料庫新增｜#3

02 如何使用 Super｜② 選擇連結的頁面｜自資料庫新增｜#4

02 如何使用 Super｜② 選擇連結的頁面｜自資料庫新增｜#5

02 如何使用 Super｜② 選擇連結的頁面｜自資料庫新增｜#6

02 如何使用 Super｜② 選擇連結的頁面｜自資料庫新增｜#7

③ 設置頁面樣式

Super 頁面提供多種細部調整，包含網站名稱、重新連結 Notion 頁面、加入網站logo、設置網站語言、客製化連結名稱、調整網站顏色設置、導航欄調整、新增頁尾選單等。

02 如何使用 Super｜③ 設置頁面樣式｜#1

02 如何使用 Super｜③ 設置頁面樣式｜#2

02 如何使用 Super｜③ 設置頁面樣式｜#3

02 如何使用 Super｜③ 設置頁面樣式｜#4

02 如何使用 Super｜③ 設置頁面樣式｜#5

03 網站完成囉

設置完成後，點擊預覽按鈕，就能瀏覽完成的頁面樣式。你也可以 點此 看本篇連結的 Notion文章，或者 點此 看本篇使用 Super 轉變為網頁的呈現。

03 網站完成囉｜#1

03 網站完成囉｜#

04 適用情境

① 閱讀書籍／觀看影片

將你的閱讀筆記或影片心得的筆記轉換成美麗的網站，更易於分享和回顧。

② 收聽 Podcast

將 Podcast 的內容轉換成網站，添加個人評論和筆記，讓聽眾更深入了解。

③ 英文學習

記錄英文學習筆記、單詞表，讓學習變得更有條理，並通過 Super 轉變成方邊複習和預習的英文學習資源。

④ 個人部落格

將你的 Notion 部落格頁面變成一個具有獨特風格的個人網站，可以吸引更多讀者。

⑤ 教育平台

將教學內容整理在 Notion 中，知識不再碎片化，並通過 Super 轉變成易於瀏覽的教育網站。

⑥ 專業網站

將你的 Notion 頁面轉變成專業的作品集或介紹頁面，提升個人或品牌形象。

今天的分享就到這邊啦，期待下一篇的分享，祝福大家都有個美好的一天！喜歡窩DEMAA(OS: 就是取自”我的媽啊“的諧音)的朋友，歡迎按讚追蹤分享，也歡迎加入 數位生產力 IG 和 FB 社團，就能在第一時間收到最新的生產力工具介紹。最後，Super 是一款可以更好地展示你創意和內容的工具，提供你為使用者帶來更好的網頁使用體驗。快來嘗試 Super，讓你的 Notion 頁面變得更加多元和有趣。​期待大家分享使用後的感想，我們下次見！

☸ 窩DEMAA

｜FB｜IG｜Tiktok｜Matter｜Popdaily｜

© 窩DEMAA｜數位生產力