sdocx.cn Open in urlscan Pro
2606:4700:3033::ac43:9a5d  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Notion使用教程
/

Notion页面+自定义域名低成本制作个人网站



Built with


Drag image to reposition


NOTION页面+自定义域名低成本制作个人网站




NOTION页面设置


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

然后“Copy link”复制链接出来备用。




转移到CLOUDFLARE和部署


看到这里我们前期的准备工作已经完成了，一个域名+一个Notion页面，接下来就是如何转移到Cloudflare和部署了，过程涉及到几个网页的跳转操作，比较复杂，我将它分为几个小节点一步步来。


CLOUDFLARE注册和邮箱验证


进入Cloudflare官网，输入邮箱密码进行注册。

Just a moment...dash.cloudflare.com/login

我们可以点击右上角选择语言为“简体中文”


Cloudflare官网

注册成功我们会收到一封验证邮件，点击这个链接去验证账号。（如果没收到可以去垃圾邮件里找一找，有的邮箱可能会把它识别为垃圾邮件）


邮箱验证


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


点击“添加站点”

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


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



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


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


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

> 输入
> @
> 
> http://kamiyd.com

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


CSDN查询记录

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



腾讯云域名DNS转移


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


回到腾讯云域名控制台，点击“管理”


点击“修改DNS服务器”


因为这是一次敏感操作需要身份验证一下，小程序扫码确认操作


选择“自定义DNS”

在Cloudflare复制粘贴替换原来的DNS服务器，分别对应一、二行



配置WORKERS


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

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


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


还原操作演练，可能你们的界面不同

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


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


还原操作演练，可能你们的界面不同

点击“创建服务”


还原操作演练，可能你们的界面不同

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



使用网站生成WORKERS代码


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

> 第一行：自己的域名（如果一开始
> 添加DNS记录
> 
> 前缀

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



WORKERS编辑代码


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


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



添加路由，完成部署！


点击添加好的网站


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


[前缀].域名.com/*（斜杠/ 星号必须要写）

服务选创建的Workers服务名称（我上面提到的“notion”）

环境选production


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



结语


腾讯云+Notion+Cloudflare三者的简单协调统一，低成本制作个人网站，自由简约的Notion软件、较合理的域名价格、免费的Cloudflare使用计划，低投入（消费）成本；不需要自己编程写代码、设计界面，低学习（时间）成本，一个下午就可以搞定。





Powered by Fruition