Featured image of post 免费为Notion绑定域名

免费为Notion绑定域名

前两个月Notion官方推出了可以为Notion页面绑定域名的服务,每个月需要10刀。高昂的价格应该劝退不少小伙伴,今天我就来给大家分享下我的免费方案。

具体效果可以参考:https://book.malinkang.com/,这个方案是基于开源方案fruitionsite:https://github.com/stephenou/fruitionsite。但是代码已经3年没有更新了,很多功能已经生效。所以我复制了一份源码修改了一些bug。

域名注册

可以选择在腾讯云或者阿里云上或者其他平台上购买域名。

  1. 腾讯云购买地址:https://buy.cloud.tencent.com/domain/。
  2. 阿里云购买地址:https://wanwang.aliyun.com/

修改DNS信息

注册cloudflare: https://dash.cloudflare.com/,登录成功之后添加点击添加域。

输入我们购买的域名,然后点击继续。

进入下一个页面,选择免费计划。这里免费计划在最下面,如果屏幕小的可能会看不到。

然后点击继续,会看到我们需要配置的DNS服务器。

打开购买域名的网站,将你购买的域名的DNS修改为cloudflare的DNS服务器。

腾讯云修改DNS教程:https://cloud.tencent.com/document/product/302/5518#id.3Aserveraddress 阿里云修改DNS教程:https://help.aliyun.com/zh/dws/user-guide/change-dns-servers-for-a-domain-name#6a5c8962350ho

生成代码

打开网站:https://site.notionhub.app/

输入我们的域名和要绑定域名的Notion链接,请确保你的Notion已经发布到网络上。

如果你需要配置多个页面,比如https://malinkang.com/book,https://malinkang.com/podcast这种,点击ADD A PRETTY LINK添加对应的路径和NOTION链接即可。

最后可以点击TOGGLE STYLE AND SCRIPT SETTINGS来设置网站标题描述和字体。

全部设置完成点击复制代码。

配置Cloudflare Worker

打开Cloudflare:https://dash.cloudflare.com/,选中Workers和Pages,然后点击创建按钮

输入名字,然后点击部署

点击编辑代码

将我们上一步生成的代码,粘贴到箭头所指的地方,然后点击部署。部署完成后点返回按钮返回。

选中设置->域和路由,点击添加,输入我们的域名然后点击添加域即可。

欢迎加入Notion交流群,一起交流Notion使用心得。

如果二维码失效可以添加我的个人微信,我来邀请你入群。

如果你觉得文章对您有帮助,请捐赠支持一下。

Licensed under CC BY-NC-SA 4.0
Built with Hugo
Theme Stack designed by Jimmy