如何使用 Notion 制作個人網(wǎng)站？

時間：2022-08-06 00:00:01 | 來源：網(wǎng)站運營

時間：2022-08-06 00:00:01 來源：網(wǎng)站運營

本文首發(fā)于我的工粽號「效率工具指南」

文/彭宏豪




Hello 各位好，我是小豪。

之前寫過一篇基于 Notion + Next.js + Vercel 搭建個人網(wǎng)站的文章，老實說折騰起來有些麻煩，而且現(xiàn)在照著那篇文章去操作，可能還會因為代碼（依賴的包）版本的不同而遇到新的問題。

如果你之前看過上面的文章，但弄到一半就放棄了，沒關(guān)系，今天來介紹一種超級簡單的個人網(wǎng)站搭建方法，只需要用到一個工具——Popsy。

Popsy，一個免費將 Notion 頁面轉(zhuǎn)換為網(wǎng)站的在線工具。使用 Popsy 之前，請確保你已經(jīng)有一個 Google 賬號。

沒有 Google 賬號的朋友，可以查看往期文章：2021年，如何注冊一個Google賬號？




下圖是我使用 Notion + Popsy 搭建出來的網(wǎng)站首頁，訪問地址 ?? https://penghh.popsy.site/







打開 Popsy 的官網(wǎng) https://popsy.co/，將 Notion 頁面鏈接粘貼到中間的輸入框，登錄 Google 賬號，按照提示一直往下點點點，就能將 Notion 頁面轉(zhuǎn)換為網(wǎng)站。

網(wǎng)站域名

Notion 頁面轉(zhuǎn)換為網(wǎng)站后，Popsy 會給你的網(wǎng)站提供一個域名，你可以自定義域名的前半部分，后半部分的 popsy.site 則是統(tǒng)一的。

域名自定義的部分可以多次修改，因此不用擔(dān)心第一次沒取一個好記的域名而不得不重新創(chuàng)建一個網(wǎng)站。

設(shè)置標(biāo)簽頁圖標(biāo)和網(wǎng)站圖標(biāo)

在網(wǎng)站域名下方，Popsy 還提供了設(shè)置頁面圖標(biāo)和網(wǎng)站圖標(biāo)的選項。







頁面圖標(biāo) Site favicon，即每次打開頁面，位于瀏覽器標(biāo)簽頁的小圖標(biāo)，這個圖標(biāo)尺寸不宜過大，建議選擇 16x16 或 32x32 的尺寸即可。

手動同步 Notion 數(shù)據(jù)

當(dāng)你在 Notion 中更新了頁面的內(nèi)容，使用 Popsy 搭建的網(wǎng)站也會自動更新。

如果網(wǎng)站更新不及時，你可以打開 Popsy 的管理后臺，點擊左側(cè)的「Sync from Notion」，手動同步 Notion 頁面的數(shù)據(jù)。

更換網(wǎng)站主題

Popsy 提供了 8 種網(wǎng)站主題，點擊左側(cè)的主題名稱，可以實時預(yù)覽每種主題的效果。

自定義主題

前面介紹的更換網(wǎng)站主題，可以一鍵更換網(wǎng)站的主題樣式，但不能細(xì)致地調(diào)節(jié)網(wǎng)站的布局、字體、文本大小等。

如果你想更精細(xì)化地調(diào)節(jié)網(wǎng)站的樣式，Popsy 也提供了相應(yīng)的支持，點擊管理后臺左側(cè)欄的「Customize theme」，進入自定義主題的界面，左側(cè)提供了多個調(diào)整布局的選項，調(diào)整后可以實時預(yù)覽效果。







但比較尷尬的是，當(dāng)你完成調(diào)整后，點擊頂部的保存按鈕，Popsy 會彈出讓你付費成為會員的窗口，每月為 8 美元，付費后才能保存你剛剛調(diào)整好的樣式。

Popsy 的會員權(quán)益包含：自定義主題、移除網(wǎng)站左下角的 Popsy 圖標(biāo)、谷歌網(wǎng)站流量分析、添加自定義的代碼。

寫在最后

最后，簡單總結(jié)一下：

如果你圖簡單，不想改代碼、不購買域名、不配置 DNS，使用 Popsy 就能快速得到一個屬于自己的個人網(wǎng)站，而且網(wǎng)站的數(shù)據(jù)最終還是存放在 Notion 中，不用擔(dān)心 Popsy 之后可能會出現(xiàn)的關(guān)停，給個人數(shù)據(jù)帶來損失。

以上，就是本次想和你分享的內(nèi)容。

如果對你也有幫助的話，別忘了點擊下方的點贊、在看和分享按鈕，你的小小支持，是我持續(xù)更新的最大動力，我們下次再見。