前言

你是否也想要搭建一个博客，然后专注于写作。但碍于网站建设的技术门槛、又或者登录CSDN、Wordpress这类博客平台的步骤繁杂，导致你最后没能坚持这个写作的习惯。

这套方案让你像在写日记一样，写作发布自己的博客网站，分享有趣的内容，让更多的人关注到你。搭建的速度相当快，我的网站搭建效果如下：

演示地址 https://fruition.tangly1024.com

Fruition Notion 的博客页面

方案特点

• 页面排版完全自定义，依托于Notion强大的模板功能，Block嵌套功能，你可以实现多种页面布局方式。
• Notion在网页端、APP端的编辑效果是实时同步的，你在Notion中编辑你的笔记本时，这个博客网站的内容也会实时同步。
• 省钱：不用自己购买服务器，只需要购买一个域名（当然也可以购买免费的），也可以直接使用Notion自带的访问域名。例如我的notion自带域名，然而有时候这个域名会无法访问。（https://tanghh.notion.site/tangly1024-tk-fcd673e000e74bb79667918f94eed2d8）

自定义域名绑定Notion

这里可以通过 Fruition + CloudFlare Workers的方式，将Notion的分享域名 xxx.notion.site 转发到你的自定义域名上。

工具介绍

• Notion： 由国外华人团队开发的，（应该是）最强笔记软件，并支持将笔记页面分享到网上。
• CloudFlare ：提供专业的域名托管、反向代理、CDN加速、免费的SSL证书等网络服务，借助它我们可以快速地将我们的网站发布到全球各地。并支持执行Javascript脚本（Workers机制）,借助这一机制，我们可以在用户访问的URL地址上实时渲染内容。
• Fruition: 一段简短开源的JavaScript脚本，借助CloudFlare的Workers机制，在用户访问域名时，将域名内容映射到对应的Notion笔记页面。

操作步骤

Step 0: 将笔记发布到网络

1. 在您想要公开访问的页面上启用“公开访问权限”，也就是 Share On the Web，这样别人可以通过你的notion域名访问你的网页。

   

   将Notion页面分享到网上

   例如这个页面Notion的共享域名是：https://tanghh.notion.site/Fruition-Notion-2d2f8205cc3c4c6cba281ba170a75ff4 ；

2. 注册一个域名

   可以在阿里云、腾讯云这些域名大厂上购买域名，国内大厂有保障。

   

   在腾讯云购买域名价格

   我起初是在腾讯云上购买并且备案的域名、后来腾讯涨价了，我就转投Namesilo购买。可参考下文，在国外的Namesilo平台购买一个平价的，保护所有者隐私的域名的域名

   Vercel绑定自定义域名 | NotionNext文档

Step 1: 设置 CloudFlare 账号 (5 分钟)