如何将你的Notion笔记直接转化为个人博客网站

如何将你的Notion笔记直接转化为个人博客网站文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

将自己的笔记与网站打通文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

（这下感觉终于有了一个能够在互联网上顺畅输出内容的地盘了）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

虽然我能够折腾出n种其他建站方式，但是现在如果主力采用Notion写作与做知识管理的话，其他方式对我来说过于笨重了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

如果能够打通Notion笔记本与网站的话，那还是能让我更好将精力集中在写作本身之上。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

我这里采用的是 NotionNext 建站的方式文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

懒人的话采用 Vercel托管部署，用免费的套餐就可以了文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

后续如果资金充裕的话，还是建议将网站部署在服务器上文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

以下教程参考：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

1.准备好Notion页面

这里默认已经注册好了Notion账号文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

1.1 将建站模板数据复制到你的Notion

打开模板页面文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

点击 Duplicate文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

1.2开启页面分享权限

1.3记住页面ID

后面建站的数据都将从该页面进行获取，相当于你的数据库文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

选择将页面连接Copy出来文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

链接中间的一段就是你的ID文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

2.从GitHub上Fork项目仓库

就是将这个开源作者的仓库，复制一份到你的GitHub账号里文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

3.将项目导入Vercel

3.1 注册Vercel

Vercel: Develop. Preview. Ship. For the best frontend teams​vercel.com/

选择个人身份文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

选择GitHub进行连接文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

3.2导入你的GitHub仓库

Dashboard – Vercel​vercel.com/dashboard

注意，需要在环境变量里添加：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

NOTION_PAGE_ID ： 第一步里你的模板页面的Notion页面ID文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

最后按下部署即可文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

4.部署完成

点击Visit可前往查看你的网站文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

5.配置自己的域名

因为vercel的ip被DNS污染，所以建议使用自己的域名进行解析文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

我这里直接设置根域名文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

这里需要配置 [http://lpolaris.com] 的A解析，以及 [http://www.lpolaris.com] 的 CNAME 解析文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

我的域名是放在 cloudflare 的，如果购买的是其他平台域名，操作都是类似的文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

现在就可以愉快的访问：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

Notion无需服务器快速建站 | Polaris的小站​www.lpolaris.com/article/notionweb

6.简单的修改你的网站

6.1 修改 blog.config.js

建议仔细阅读以下相关配置的内容文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

6.2在Notin上填充网站内容

实际上，此时的Notion就相当于是你的数据库了，上面的博客网站会根据这个DataBase进行加载内容文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

当你在 Notion上进行了修改后，网站也会自动同步过去文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

7.尾语

题主本人，网站也还在建设中，需要学习的还有很多，就先介绍这么多啦！文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

知乎上的文章，晚点我也会慢慢同步过去，这下不用担心，**知识的荒原**文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html

后面本人网站也会持续更新的，如果想了解更多，可以关注我哦~文章源自菜鸟学院-https://www.cainiaoxueyuan.com/office/35539.html