利用notion免费搭建自定义域名主页
date
Mar 29, 2021
slug
notioncustomizepases
status
Published
tags
notion
域名
summary
利用notion免费搭建自定义域名主页
type
Post
该方案来自Frution
10分钟即可获取拥有自己域名的主页!
👉需求:在不会代码的前提下免费搭建一个自定义域名的主页
✔️实现
准备(点击左边三角展开):
- 将自己的notion主页设置为share状态
- 一个自己的域名(如果你还没有,并且想免费注册一个,请点击👉)
开始配置CloudFlare账户(点击左边三角展开):
- 输入你的自定义域名
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2Ffd0f76c8-58a4-4710-9352-4d60c94aa265%2Fd7561a5f-d8df-4303-97ba-3ff0bd913f8d%2FUntitled.png%3Fid%3Dca0bfe87-854c-40bb-beb1-c815f6b0b5f7%26table%3Dblock%26spaceId%3Dfd0f76c8-58a4-4710-9352-4d60c94aa265%26expirationTimestamp%3D1722139200000%26signature%3DwfZP2wETVK-ZcWNuO57Lb6v9xgC8kfsWEo6GhvvEuEg?table=block&id=ca0bfe87-854c-40bb-beb1-c815f6b0b5f7&cache=v2)
- 选择免费计划
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2Ffd0f76c8-58a4-4710-9352-4d60c94aa265%2Fc732e996-769a-4362-be92-f8815c761dc3%2FUntitled.png%3Fid%3D7a3e1d2a-5a30-46c4-ad7c-27660878dd35%26table%3Dblock%26spaceId%3Dfd0f76c8-58a4-4710-9352-4d60c94aa265%26expirationTimestamp%3D1722139200000%26signature%3DYtpvf5wVHDy4Zyzd6t0eHgW1XgAHRJb4F6bjmDknBGw?table=block&id=7a3e1d2a-5a30-46c4-ad7c-27660878dd35&cache=v2)
- 如果你没有导入任何A记录,请为域名添加一个A记录,地址可填8.8.8.8
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2Ffd0f76c8-58a4-4710-9352-4d60c94aa265%2F4ce6072e-d4e7-43d8-8088-1d0330e458f0%2FUntitled.png%3Fid%3D8c460959-46f8-448e-bd41-3311694ca195%26table%3Dblock%26spaceId%3Dfd0f76c8-58a4-4710-9352-4d60c94aa265%26expirationTimestamp%3D1722139200000%26signature%3DuwvWq8NXGc70hb-UnVibuPcY5nOxeU85p59wmN36Pks?table=block&id=8c460959-46f8-448e-bd41-3311694ca195&cache=v2)
- 复制以下两个DNS名称服务器
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2Ffd0f76c8-58a4-4710-9352-4d60c94aa265%2F72f6b1c5-0226-4d47-bb9c-30d817a5d421%2FUntitled.png%3Fid%3Db3d89851-3791-4b7a-930f-7ad8e2bcbdce%26table%3Dblock%26spaceId%3Dfd0f76c8-58a4-4710-9352-4d60c94aa265%26expirationTimestamp%3D1722139200000%26signature%3DvNlseaqtW_sfjQCMtuhMr9qdxwkVXad1R7_l_5WVFqo?table=block&id=b3d89851-3791-4b7a-930f-7ad8e2bcbdce&cache=v2)
- 去你的域名提供商的后台,在域名设置中的nameservers处添加这两个名称服务器,保存。
- 等待一分钟,返回Cloudflare页面检查名称服务器
- 选择灵活的加密模式(这样访问你的网站就会拥有一把小锁了!)
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2Ffd0f76c8-58a4-4710-9352-4d60c94aa265%2F2e9b3a65-60a5-4536-8370-aef0818cb955%2FUntitled.png%3Fid%3D21f8948e-a423-4a6f-8273-efaa6336b9b9%26table%3Dblock%26spaceId%3Dfd0f76c8-58a4-4710-9352-4d60c94aa265%26expirationTimestamp%3D1722139200000%26signature%3D3GTpwF5-urQo5-mbWWY23vsmHUN8kiAdaHH_9wqI2HI?table=block&id=21f8948e-a423-4a6f-8273-efaa6336b9b9&cache=v2)
- 始终使用 HTTPS,自动 HTTPS 重写
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2Ffd0f76c8-58a4-4710-9352-4d60c94aa265%2F5a1027d6-e4bf-4a23-9fe4-e0a5cec61db1%2FUntitled.png%3Fid%3D8092d3d8-06b5-4a98-8234-c83c5434f692%26table%3Dblock%26spaceId%3Dfd0f76c8-58a4-4710-9352-4d60c94aa265%26expirationTimestamp%3D1722139200000%26signature%3DUDRQriRZRiZbY6DJpJunvvuYLkcJzd2CiEEhDq3pwCw?table=block&id=8092d3d8-06b5-4a98-8234-c83c5434f692&cache=v2)
- 完成以上设置后,cloudflare成功接管你的dns
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2Ffd0f76c8-58a4-4710-9352-4d60c94aa265%2F0062a94e-1056-43e7-a179-ed5573ffe099%2FUntitled.png%3Fid%3Dcb51818a-9b66-4fa2-8629-343e2dc713cc%26table%3Dblock%26spaceId%3Dfd0f76c8-58a4-4710-9352-4d60c94aa265%26expirationTimestamp%3D1722139200000%26signature%3DqLFqtc38X3DcKQC6gj20ixsZHRrH3gGw2MvNHqdhhLk?table=block&id=cb51818a-9b66-4fa2-8629-343e2dc713cc&cache=v2)
- 点击Workers,单击管理Workers,为你的workers选择一个任意的子域名(点击创建),直接用系统默认的就行。单机设置并确认。
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2Ffd0f76c8-58a4-4710-9352-4d60c94aa265%2F34dec507-387a-4ab8-ba05-b6995510e740%2FUntitled.png%3Fid%3Da28746aa-224b-4d69-8422-d586dd2b280a%26table%3Dblock%26spaceId%3Dfd0f76c8-58a4-4710-9352-4d60c94aa265%26expirationTimestamp%3D1722139200000%26signature%3DlrQYCDSssf2CI9dyQ1h8kkItd0lgPB6cUkLm_BpGggU?table=block&id=a28746aa-224b-4d69-8422-d586dd2b280a&cache=v2)
- 选择免费计划
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2Ffd0f76c8-58a4-4710-9352-4d60c94aa265%2Ff8bf34b7-63d4-4069-bfcd-0a5685907de7%2FUntitled.png%3Fid%3D9bfd435f-ffb3-42ef-a0a7-f66dbc1066ed%26table%3Dblock%26spaceId%3Dfd0f76c8-58a4-4710-9352-4d60c94aa265%26expirationTimestamp%3D1722139200000%26signature%3D-5J7KT13-VPCxRfeFDjLIQWvrFSqnM50n7qwdhF89-g?table=block&id=9bfd435f-ffb3-42ef-a0a7-f66dbc1066ed&cache=v2)
- 验证邮箱。返回workers页面,点击蓝色的创建Worker按钮
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2Ffd0f76c8-58a4-4710-9352-4d60c94aa265%2F295e133a-2cf5-4ddf-80a2-b94a04abfdb4%2FUntitled.png%3Fid%3D993f113b-2c4e-4b44-96f1-b3bb3d715a3f%26table%3Dblock%26spaceId%3Dfd0f76c8-58a4-4710-9352-4d60c94aa265%26expirationTimestamp%3D1722139200000%26signature%3DuE0NJ9XqJrS8Eb59L3lAihHxai4Czp1-TCBYtoS1oHY?table=block&id=993f113b-2c4e-4b44-96f1-b3bb3d715a3f&cache=v2)
- 好了,将左边的脚本区域清空。
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2Ffd0f76c8-58a4-4710-9352-4d60c94aa265%2F98f3b0a1-8f1e-456e-b523-bb8febf5e0ff%2FUntitled.png%3Fid%3D70342917-490e-40c9-b2e8-99871024e55b%26table%3Dblock%26spaceId%3Dfd0f76c8-58a4-4710-9352-4d60c94aa265%26expirationTimestamp%3D1722139200000%26signature%3DlPthw07lcC4VAp_F9RHDtknrf1Q-aUINfSv3o0w4NTQ?table=block&id=70342917-490e-40c9-b2e8-99871024e55b&cache=v2)
- 准备好代码(这里有方便你一键输出代码的小程序)
- 将你的域名填入上方Your Domain处
- 将你的notion主页链接填入Notion URL中
- 代码自动生成,点击蓝色的COPY THE CODE。代码复制成功!
- 将代码填入第14步中的脚本框。点击保存并部署。
- 保存后单击页面顶部的站点名称,转到Worker界面添加路由
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2Ffd0f76c8-58a4-4710-9352-4d60c94aa265%2F61292ae4-5c83-4e32-97ee-355ed0c8f64c%2FUntitled.png%3Fid%3Df851f49c-45f4-492e-8599-1bfdd57e7528%26table%3Dblock%26spaceId%3Dfd0f76c8-58a4-4710-9352-4d60c94aa265%26expirationTimestamp%3D1722139200000%26signature%3DTHKmUGmmhDHnraFdgFuodr8DKmmMIWd9qWnvZUwr7T8?table=block&id=f851f49c-45f4-492e-8599-1bfdd57e7528&cache=v2)
- 路由输入
yourdomain.com/*
,worker选择你刚刚创建的那个
![notion image](https://www.notion.so/image/https%3A%2F%2Ffile.notion.so%2Ff%2Ff%2Ffd0f76c8-58a4-4710-9352-4d60c94aa265%2Fd6554895-673e-4d9f-aad4-93547dd45957%2FUntitled.png%3Fid%3D48302c5c-5084-42a3-85de-3c619ea49753%26table%3Dblock%26spaceId%3Dfd0f76c8-58a4-4710-9352-4d60c94aa265%26expirationTimestamp%3D1722139200000%26signature%3DfkJBjq1aFn9LWwREMNdeDG2RXzdsgaDWGJ9zVN3M5AQ?table=block&id=48302c5c-5084-42a3-85de-3c619ea49753&cache=v2)
- 点击保存。完成了!
- 你现在可以访问你的域名了!
其实作为网站,最重要的还是内容,如果框架再美,没有实际的内容去填充,
也只不过是徒有其表,你自己可能都忘到天边,别人又怎么会点击进去看呢?
工具始终是工具,最重要的还是使用的人如何输出内容。
值得注意的一点:
有时有些新手朋友们,常会出现,点击域名后跳到notion的登录界面的情况。
1.通常是主页share状态未开
2.主页的标题修改,导致主页链接已经发生变化,所以访问域名会跳转到notion登录界面而不显示你想要展示的主页。