用Notion搭建个人网站

域名

我使用的是阿里云，可根据喜好自行选择。

域名购买网站：https://wanwang.aliyun.com/

Notion页面设置

• 选择你要分享出去的页面，打开“Share to web”，页面的一些设置根据需要调整（以后你随时可以修改），我这里是全部关闭了。
• 然后“Copy link”复制链接出来备用。

转移到Cloudflare和部署

接下来就是如何转移到Cloudflare和部署了，过程涉及到几个网页的跳转操作，比较复杂，我将它分为几个小节点一步步来。

Cloudflare登录

进入Cloudflare官网，此处省略注册环节。

添加站点、添加DNS解析记录

• 点击“添加站点”
• 输入自己的域名，点击“添加站点”

• 然后跳转到这个界面，选择“Free”，点击“继续”

• 然后跳转到这个界面，点击“添加记录”

• 类别选择“CNAME”，IPv4地址固定填写“notion.so”

• 名称参考以下规则，自己按需填写

输入@，可以理解为空白，就是原始域名，我的就是litao.fun
输入其他，可以理解为前缀，相当于子域名，***.http://litao.fun

（我自己的域名一开始就被误导写了www以致于每次访问一定要加上https://www.前缀，所以你只想要简简单单最原始的域名访问地址就直接填@）

• 点击“保存”，这里就有一条记录了，点击“继续”

域名DNS转移

• 出现这个界面，我们只看“3.添加Cloudflare名称服务器”

• 回到阿里云域名控制台，点击“管理”

• 点击“修改DNS服务器”

• 选择“自定义DNS”
• 在Cloudflare复制粘贴替换原来的DNS服务器，分别对应一、二行

配置Workers

【这里由于账号不能重新创建一次Workers的操作，所以模拟还原演练操作，部分操作截图指引和你们不同，大家重点理解意会文字描述】

• 回到Cloudflare，点击添加好的网站

• 点击左侧导航栏的“Workers”，点击“管理Workers”

• “设置免费的自定义Cloudflare Workers子域”，（这里操作没有截图）子域名可以随便写（简单几个字母）不影响接下来操作，到时候也可以修改。

• 完成后出现这个界面，继续选择“Free”计划

点击“创建服务”

• 服务名称可以跟我一样取notion方便后面操作的时候选择服务能认出来，完成点击“创建服务”

使用网站生成Workers代码

• 打开这个网站https://fruition-stephenou.vercel.ap（国外网站，需要科学上网,没有能力的同学也可以去我参考资料的第三篇文章里面找代码自己简单修改）

第一行：自己的域名（如果一开始添加DNS记录你有加前缀就要加上，没有就默认原始域名）
第二行：Notion分享页面链接

• 下面已经生成代码，点击“COPIED!”（复制）

Workers编辑代码

• 回到Cloudflare，点击“Workers”，点击“快速编辑”

左侧代码区块，Ctrl+A全选删除，刚才复制好的代码Ctrl+V粘贴，然后点击“保存并部署”

添加路由，完成部署！

• 点击添加好的网站

• 点击“Workers路由”，点击“添加路由”

• [前缀].域名.com/*（斜杠/ 星号*必须要写）
• 服务选创建的Workers服务名称（我上面提到的“notion”）
• 环境选production

恭喜你完成了所有操作，赶紧试试看使用自己的域名访问到Notion的公开页面吧。