你见过的最棒的个人博客界面是什么样的？

最近刚好在折腾 Notion ，然后结合GitHub上的大佬的 NotionNext 框架 ，将 个人笔记 和个人博客整合到了一起。

实现 笔记写文 -> 博客自动更新

我的小站（建设中）：

无需服务器，全程花费仅仅只需一个域名的费用，就能获得良好的体验

让你将更多的精力更集中在内容生产上面，并且该博客还支持：

• 谷歌广告
• 多主题切换
• 文章加密访问

以下为我的文章内容：

上一期给大家推荐了，如何获取 Notion Plus

这一期的话，再来分享一下，如何将你的 Notion笔记 直接转化为 个人博客网站

将自己的笔记与网站打通

（这下感觉终于有了一个能够在互联网上顺畅输出内容的地盘了）

虽然我能够折腾出n种其他建站方式，但是现在如果主力采用 Notion 写作与做知识管理的话，其他方式对我来说过于笨重了。

如果能够打通Notion笔记本与网站的话，那还是能让我更好将精力集中在写作本身之上。

我这里采用的是 NotionNext 建站的方式

懒人的话采用 Vercel托管部署，用免费的套餐就可以了

后续 如果资金充裕 的话，还是建议将网站部署在服务器上

以下教程参考：

1.准备好Notion页面

这里默认已经注册好了 Notion 账号

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

打开模板页面

点击 Duplicate

1.2开启页面分享权限

1.3记住页面ID

后面建站的数据都将从该页面进行获取，相当于你的数据库

选择将页面连接Copy出来

链接中间的一段就是你的ID

2.从GitHub上Fork项目仓库

就是将这个开源作者的仓库，复制一份到你的GitHub账号里

3.将项目导入Vercel

3.1 注册Vercel

选择个人身份

选择GitHub进行连接

3.2导入你的GitHub仓库

注意，需要在环境变量里添加：

NOTION_PAGE_ID ： 第一步里你的模板页面的Notion页面ID

最后按下部署即可

4.部署完成

点击Visit可前往查看你的网站

5.配置自己的域名

因为vercel的ip被DNS污染，所以建议使用自己的域名进行解析

我这里直接设置根域名

这里需要配置 [ http:// lpolaris.com ] 的A解析 ，以及 [ http://www. lpolaris.com ] 的 CNAME 解 析

我的域名是放在 cloudflare 的，如果购买的是其他平台域名，操作都是类似的

现在就可以愉快的访问：

6.简单的修改你的网站

6.1 修改 blog.config.js

建议仔细阅读以下相关配置的内容

6.2在Notin上填充网站内容

实际上，此时的Notion就相当于是你的数据库了，上面的博客网站会根据这个DataBase进行加载内容

当你在 Notion上进行了修改后，网站也会自动同步过去

7.尾语

题主本人，网站也还在建设中，需要学习的还有很多，就先介绍这么多啦！

知乎上的文章，晚点我也会慢慢同步过去，这下不用担心，**知识的荒原**

后面本人网站也会持续更新的，如果想了解更多，可以关注我哦~