如何運用Notion建立網站?

閱讀時間約 5 分鐘

Notion作為一款功能強大的All-in-One筆記應用平台,不僅能幫助用戶高效整理日常生活與工作中的資訊,還能用來創建個人或專業網站。無論您是想打造一個個性化的部落格,還是建立一個專業的企業網站,Notion都能靈活滿足您的需求。接下來,您將發現如何利用Notion的強大功能,逐步建立一個功能齊全且富有創意的網站。以下是詳細的操作步驟與實用建議,幫助您輕鬆上手:

步驟一:設置Notion頁面

步驟二:使首頁公開

步驟三:自訂域名

步驟四:優化和維護網站

結論

附註:

步驟一:設置Notion頁面

  1. 創建新的頁面
    • 您需要在Notion中創建一個新頁面,作為您的網站首頁。
    • 打開Notion,點擊左側欄中的“Create a New Page” 或 “Add a page”。
    • 給頁面命名,例如“AI時代的聰明工作者”。
  2. 設計頁面布局
    • 使用Notion的不同區塊(如標題、文本、圖片、列表等)來設計您的頁面布局。
    • 您可以使用“/”命令快速插入區塊,並使用拖放功能來調整區塊位置。
  3. 添加多個頁面
    • 如果您的網站需要多個頁面,可以在主頁面中添加子頁面。例如,添加“關於我們”、“服務”、“聯絡我們”等子頁面。
  4. 運用Templates(模版)
    • 您也可以運用Templates(模版)建立您的網站,然後再進行編修。

步驟二:使首頁公開

  1. 公開首頁
    • 在Notion中,每一頁都可以公開,除非特別需要,否則一頁一頁去設定比較麻煩。最適當的方式是,選定一頁作首頁。只要公開首頁,則首頁以下的子頁面不用再設定,即可自動公開,並帶入父頁面的相關網路設定。
    • 打開首頁,點擊右上角Share(分享)選項,帶出功能視窗。
    • 再點擊左上側的Publish(發布)選項,接著點擊下側的Publish(發布)按鈕,這樣您的頁面將對所有人公開。
  2. 分享連結:
    • 您可以複製首頁的URL,這將是您網站的連結網址。
    • 您可以透過社群分享連結,或將連結嵌入網頁。

步驟三:新增網域並設定Homepage(主頁)

  1. 升級Notion 付費方案
    • Notion的免費方案雖然可以公開頁面,但無法設定Homepage(主頁)及新增網域。
    • 因為Notion是以Workspace(工作區)的數目 X Members(成員)數目來計費,所以您最好選定一個主要的Workspace升級成付費方案,並且控制Members數目。
    • 升級至Notion Plus plan即可新增網域,並且設定Homepage(主頁)。
    • 點擊側板功能表中的Setting & members(設定與成員),再點擊Upgrade plan,後續依您的需求,完成信用卡付款升級即可。
  2. 新增網域並設定Homepage(主頁)
    • 點擊側板功能表中的Setting & members(設定與成員),接著點擊Sites(網站),帶出功能視窗進行設定。
    • 點擊 ⋯ ,再點擊「Update」(更新),更新現有網域。
    • 點擊New Domain(新增網域)按鈕,依序設定您的域名以及主頁(Homepage)。您可以選擇使用自訂域名.notion.site,也可以另外付費購買不帶有notion.site的域名網址。

步驟四:優化和維護網站

  1. 設定搜尋選項
    • 註冊並登入Google Analytics,取得Google代碼(G-數字代碼)。
    • 打開Notion之後,開啟首頁,點擊首頁上側的Site settings(網站設定),帶出以下三項設定:(1)Site customization(網站客製化)(2)Search engine indexing(搜尋引擎索引)(3)Link expiration(連結已逾期)
    • 點擊Site customization(網站客製化)作進一步設定,接著點擊Google Analytics,輸入Google代碼,完成後,點擊Publish changes (發布異動)即可。
    • 點擊Search engine indexing(搜尋引擎索引),將Discoverable on the web (可在網路上找到) 的開關打開。
    • Link expiration(連結已逾期)的預設值為None,表示永久公開。如果您設計的是一個訂有期限的特殊網站,可以在這裡輸入期限。
  2. 定期更新內容
    • 維護和更新您的Notion頁面,確保網站內容始終保持新鮮。
  3. 追踪訪問數據
    • 使用Google Analytics或其他網頁分析工具來追踪您的網站訪問量,了解訪客的行為和偏好。

結論

Notion為您提供了一個強大且直觀的平台,使任何人都能輕鬆地創建和分享網站。不論您是想打造個人部落格,還是構建專業的企業網站,Notion都能靈活應對您的需求。作為前端網頁和後端平台的完美結合,Notion既能用於個人筆記整理,又能促進團隊協作。此外,您還可以選擇將內容即時公開,僅限於特定受眾或廣泛分享給所有人。Notion的功能豐富多樣,快來發掘它的無限可能性吧!

附註:

  1. 本文主要提供Notion的實務應用,如果您想學習Notion的架構、核心功能及應用範例解說,請參考拙作「一步步帶你精通Notion:快速入門與進階技巧」(讀墨Readmoo電子書)
  2. 相關範例及作品請參考我的個人部落格「AI時代的聰明工作者」,可以在我的LinkedIn個人檔案中找到連結網址。
  3. 當你在使用Notion的過程中,如果發現一些細節或文字敘述與你所讀的指南或本文有所不同,也不必過於擔心。這是因為Notion會不斷優化其功能,儘管可能會進行一些細微的調整,但其主要的架構和核心功能並不會有太大的變化。換句話說,這些細微的調整不會影響你的基本使用和操作。
9會員
52內容數
ChatGPT×Python×Notion AI投資指南 春秋戰國歷史 國文公職考試選擇題
留言0
查看全部
發表第一個留言支持創作者!
伯亞的沙龍 的其他內容
從2024年8月16日起,Notion正式支援中文操作介面!這一更新不僅體現了Notion對全球使用者需求的高度重視,更顯示出中文使用者社群的迅速壯大。Notion在推出這一功能時也自豪地宣稱:「此刻,中文!……心有所想,事有所成。巧思妙想,化為現實。」這意味著,中文使用者現在可以更輕鬆地利用Not
在求學階段,你已經對代數的計算熟到不能再熟,所以變數(variable)對你來說應該不至於太陌生,先來看看以下這個例子:   
想要開始Python語言的開發環境,有兩種常見方式,一種是下載安裝到本機端,另一種是直接在雲端執行。本文將介紹三個常見的開發工具及其安裝步驟。
「當我們還在睡覺時,AI已經在使用『溫水煮青蛙』的方式取代了我們的工作」,ChatGPT 說。 「溫水煮青蛙」是一種隱蔽的詭計,指的是逐步加強對某件事情的控制或限制,使人們在意識不到的情況下逐漸適應與接受。到最後驚覺的時候,已經無法擺脫,以致於任由宰割。 ChatGPT 的「溫水煮青蛙」詭計是如何實
有關這個問題,ChatGPT一本正經地回答:「 ChatGPT 給人帶來了更多工作機會,只有不會使用 ChatGPT 的人才會失業!」好吧,就姑妄言之,姑且信之。 為了證明我是那個會使用ChatGPT 的人,所以我當起慣老閭,直接請ChatGPT 幫我寫一篇出色的文宣。我向ChatGPT 提出以下的
寫作過程中,如果想要寫一個詞,卻怎麼想都想不完整,腦袋只會一再跳現片段模糊的幾個字,而且連這幾個字都無法確定對不對時,那種焦慮和沮喪的心情,實在有夠煎熬。 如果在以往,大概只能從辭典裏匍匐前進,一邊摸索一邊翻頁,期待「衆裏尋他千百度,驀然回首,那『詞』卻在燈火闌珊處」。現在有了ChatGPT 聊天機
從2024年8月16日起,Notion正式支援中文操作介面!這一更新不僅體現了Notion對全球使用者需求的高度重視,更顯示出中文使用者社群的迅速壯大。Notion在推出這一功能時也自豪地宣稱:「此刻,中文!……心有所想,事有所成。巧思妙想,化為現實。」這意味著,中文使用者現在可以更輕鬆地利用Not
在求學階段,你已經對代數的計算熟到不能再熟,所以變數(variable)對你來說應該不至於太陌生,先來看看以下這個例子:   
想要開始Python語言的開發環境,有兩種常見方式,一種是下載安裝到本機端,另一種是直接在雲端執行。本文將介紹三個常見的開發工具及其安裝步驟。
「當我們還在睡覺時,AI已經在使用『溫水煮青蛙』的方式取代了我們的工作」,ChatGPT 說。 「溫水煮青蛙」是一種隱蔽的詭計,指的是逐步加強對某件事情的控制或限制,使人們在意識不到的情況下逐漸適應與接受。到最後驚覺的時候,已經無法擺脫,以致於任由宰割。 ChatGPT 的「溫水煮青蛙」詭計是如何實
有關這個問題,ChatGPT一本正經地回答:「 ChatGPT 給人帶來了更多工作機會,只有不會使用 ChatGPT 的人才會失業!」好吧,就姑妄言之,姑且信之。 為了證明我是那個會使用ChatGPT 的人,所以我當起慣老閭,直接請ChatGPT 幫我寫一篇出色的文宣。我向ChatGPT 提出以下的
寫作過程中,如果想要寫一個詞,卻怎麼想都想不完整,腦袋只會一再跳現片段模糊的幾個字,而且連這幾個字都無法確定對不對時,那種焦慮和沮喪的心情,實在有夠煎熬。 如果在以往,大概只能從辭典裏匍匐前進,一邊摸索一邊翻頁,期待「衆裏尋他千百度,驀然回首,那『詞』卻在燈火闌珊處」。現在有了ChatGPT 聊天機
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
Notion 是一款集合筆記、任務管理、知識庫和數據庫於一身的多功能工具。它提供靈活的頁面結構和多種模板,讓用戶根據需求自定義工作空間。不論是個人還是團隊,都能用 Notion 提高工作效率和管理信息。
利用Notion的”Toggle Headings”及分欄排版功能,做出靈活的電子手帳
Thumbnail
利用Notion的”Toggle Headings”及分欄排版功能,做出靈活的電子手帳
Thumbnail
這篇涵蓋了 Notion 建立網站的基礎,還有免費的教學資源,讓你不用寫程式,就能用 Notion 快速建立個人網站! Notion 簡易入口網站適合學生、求職、接案、小店家使用,能快速產出一個網站,節省成本又快速方便。
Thumbnail
在過去兩年中,我持續運用 Notion 進行個人管理,個人管理的模板也逐漸定型,藉此分享個人管理模板的使用心得。
Thumbnail
我發現很多人在使用 Notion 的一個煩惱跟痛點是因為自由度太高, 所以很容易找不到建立的頁面隨著新增功能側邊欄越來越長 其實 Notion 根本可以不用手動整理他呀! 你只需要在每個頁面新增一個快速跨頁面自動目錄
Thumbnail
Notion 的 icon 功能提供了豐富的顏文字跟icon圖示可以使用, 但在正式文件或網頁發布時用顏文字有點不恰當, icon的顏色的選擇又只有十種,這時候可能會想要用自己上傳的logo檔案 要如何簡單的讓頁面更加豐富呢? 除了頁面 Page 以外, 還有
Thumbnail
Notion目前還沒有中文版,加上自由度高,一開始真的不知道要怎麼使用,也很難感受到他到底好用在哪?所以我整理了輕鬆開始的簡單的三步驟,照著這個順序開始,就能少走歪路,順利將Notion應用在工作生活上,變成你的得力助手!
Thumbnail
新年新開始,不知道大家都用什麼方式來整理每天的代辦事項呢? 手帳本?手機備忘錄?日程管理APP? 或是和我一樣使用Notion來進行計畫呢 (๑•̀ㅂ•́)و✧ 這篇想分享我愛用的Notion月/日計畫模板,在經過2-3年的磨合之後,慢慢調整到了順手又喜歡的模樣,將會介紹三種模板,可以從旁
Thumbnail
在前一篇「教你如何用ChatGPT來製作Notion Quotes」中,我們學到了如何運用ChatGPT創建個人語錄庫,以豐富Notion數位空間。今天,我們與大家分享已完成的Notion Quotes模板,可供免費下載,輕鬆建立屬於自己的個人語錄庫,為Notion空間增添更多層次與深度。
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
Notion 是一款集合筆記、任務管理、知識庫和數據庫於一身的多功能工具。它提供靈活的頁面結構和多種模板,讓用戶根據需求自定義工作空間。不論是個人還是團隊,都能用 Notion 提高工作效率和管理信息。
利用Notion的”Toggle Headings”及分欄排版功能,做出靈活的電子手帳
Thumbnail
利用Notion的”Toggle Headings”及分欄排版功能,做出靈活的電子手帳
Thumbnail
這篇涵蓋了 Notion 建立網站的基礎,還有免費的教學資源,讓你不用寫程式,就能用 Notion 快速建立個人網站! Notion 簡易入口網站適合學生、求職、接案、小店家使用,能快速產出一個網站,節省成本又快速方便。
Thumbnail
在過去兩年中,我持續運用 Notion 進行個人管理,個人管理的模板也逐漸定型,藉此分享個人管理模板的使用心得。
Thumbnail
我發現很多人在使用 Notion 的一個煩惱跟痛點是因為自由度太高, 所以很容易找不到建立的頁面隨著新增功能側邊欄越來越長 其實 Notion 根本可以不用手動整理他呀! 你只需要在每個頁面新增一個快速跨頁面自動目錄
Thumbnail
Notion 的 icon 功能提供了豐富的顏文字跟icon圖示可以使用, 但在正式文件或網頁發布時用顏文字有點不恰當, icon的顏色的選擇又只有十種,這時候可能會想要用自己上傳的logo檔案 要如何簡單的讓頁面更加豐富呢? 除了頁面 Page 以外, 還有
Thumbnail
Notion目前還沒有中文版,加上自由度高,一開始真的不知道要怎麼使用,也很難感受到他到底好用在哪?所以我整理了輕鬆開始的簡單的三步驟,照著這個順序開始,就能少走歪路,順利將Notion應用在工作生活上,變成你的得力助手!
Thumbnail
新年新開始,不知道大家都用什麼方式來整理每天的代辦事項呢? 手帳本?手機備忘錄?日程管理APP? 或是和我一樣使用Notion來進行計畫呢 (๑•̀ㅂ•́)و✧ 這篇想分享我愛用的Notion月/日計畫模板,在經過2-3年的磨合之後,慢慢調整到了順手又喜歡的模樣,將會介紹三種模板,可以從旁
Thumbnail
在前一篇「教你如何用ChatGPT來製作Notion Quotes」中,我們學到了如何運用ChatGPT創建個人語錄庫,以豐富Notion數位空間。今天,我們與大家分享已完成的Notion Quotes模板,可供免費下載,輕鬆建立屬於自己的個人語錄庫,為Notion空間增添更多層次與深度。