如何在Notion中为个人主页设置自定义域名
Notion浏览器中的自定义域名
介绍 #
我喜欢Notion。我几乎用它来规划我的锻炼计划，维护读书和电影列表并给它们评分。尽管Notion声称是一个很好的笔记工具，但我认为它更像是一个私人空间或个人主页。作为Notion社区的一员，我发现很多其他人也有同样的感觉。在那里，你可以看到人们分享一些关于主页和其他事物的好主意。我使用了一些来自社区的想法来设计我的主页。
我觉得在Notion中创建我的作品集并将其连接到我的自定义域名会很酷。根据他们的说法，Notion本身还没有提供这个功能。 推特 - 从Notion (opens new window)上的推文中自定义域名
幸运的是，我从mayneyao (opens new window)那里找到了这个gist (opens new window)。虽然我自己是一名软件工程师，但我发现按照这些说明有点困难。尽管最后成功了，但我觉得对于没有技术背景的其他人来说可能会很难。这就是为什么我决定创建一个逐步指南，教你如何为Notion设置自定义域名的原因。
先决条件 #
要按照本教程操作，您需要：
- 自定义域名并能够访问DNS设置
- Notion中应作为您的着陆页面的页面
- 在CloudFlare (opens new window)上的账户
第一步 - Notion页面 #
让我们从页面本身开始。使用哪个页面并不重要，但它应该是您想要作为着陆页面的页面。 步骤2 — 在CloudFlare注册
据我所知，CloudFlare大多数情况下被用作CDN (opens new window)。它提供了方便的工具来传递资源，还可以在页面遭受攻击时（如DDoS）保护您的页面。总体而言，它赋予您对网站或应用程序更多的控制权。
对于我们的用例，我们将利用Workers功能，将用户的传入请求转发到之前创建的公共Notion页面上。让我们开始吧。
首先，您需要在他们的网站 (opens new window)上注册。
注册完成后，点击右上角的Add site来添加您的域名。
当它要求您选择一个计划时，选择免费计划。 计划E
向下滚动后，您应该会看到以下表格：
CloudFlare — 域名服务器
在这里，复制两个字段Nameserver 1和Nameserver 2
- dom.ns.cloudflare.com
- reza.ns.cloudflare.com
确保您复制的是CloudFlare提供的域名服务器，因为它们可能不同！
第三步 — 更改您的域名提供商的默认域名服务器 #
对于本文，我从Namecheap购买了一个便宜的_.xyz_域名，但这个提供商并非强制性的。您可以使用任何提供商。
转到设置以更改默认域名服务器。它们位于您的域名提供商的DNS设置中。在这里，您只需将在第2步中复制的两个域名服务器粘贴在这里。例如在Namecheap中，只需将Default DNS选择框更改为Custom DNS并将域名服务器分别粘贴到每个输入字段中。别忘了保存更改。从这里开始，更改可能需要一段时间（在某些情况下最多需要24小时）才能生效。
Namecheap — Nam ## 第四步 — 配置工作服务器
从这一步开始，需要一些技术知识。在这一步中，我们将输入一些代码。不用担心，我们只需要复制+粘贴一些代码块，并在其中的两行进行修改。
为了将请求转发到我们的 Notion 页面，我们需要使用 CloudFlare 中的一个 worker 作为代理。请转到顶部的Workers菜单，然后点击启动编辑器。
CloudFlare — Workers 菜单
CloudFlare — 启动编辑器按钮
然后，点击添加脚本，并将其命名为类似于_custom-domain-proxy_的名称。
在编辑器的左侧，输入以下代码块：
大部分代码可以保持不变，只需修改前面的两行。将它们修改为你的域名和公开 Notion 页面的地址。在我的情况下，它们是这样的：
const MY_DOMAIN = “custom-domain.xyz”
const START_PAGE = “[https://www.notion.so/tarassampleworkspace/Custom-Domain-xyz-a42e4c7466224475b7b15ee9cd41c317](https://w 点击保存，暂时忽略缺少路由的警告，如果有的话。艰难的部分现在已经完成，只缺少最后一步，即路由设置。保存后，返回到workers页面。
第5步 - 设置路由 #
在最后一步中，我们需要告诉worker脚本应该在哪些路由或URL上运行。与之前一样，不要点击启动编辑器，而是这次点击添加路由。
CloudFlare - 添加路由按钮
在这里，我们设置了一个规则，告诉脚本应该在哪些路由上运行。只需将路由设置为_YOUR_DOMAIN/*。在这个例子中，它是_custom-domain.xyz/*。然后，选择我们在前一步中保存的脚本_custom-domain-proxy_。 现在我们只需要保存路由并等待。这可能需要几分钟甚至几个小时才能生效。喝杯茶，稍后回来查看仪表板中的成功消息。 成功消息
如果一切顺利：
- Notion 页面设置为公开
- 域名服务商更改了您的域名服务器
- CloudFlare 成功验证了您的域名
在您的浏览器URL中输入您的域名后，您应该能够看到您的公开 Notion 页面：
在浏览器中使用 Notion 提供的自定义域名
结论
每个使用情况都不同。在我的情况下，我只是想将我已经在 Notion 中创建的作品集发布出来。每当我对它进行更改，它都会立即更新。 因此，如果您优先考虑移动体验和快速加载时间，这种方法可能不适合您，因为 Notion 页面的性能不是很好。 尽管如此，我希望 Notion 能够推出一个本地功能来设置自定义域名。
—
2019年10月25日更新
在 Notion Facebook 群组分享这个故事后，我收到了一些应该在这里提到的回应。
这种解决方法可能只在某些情况下有用。 这个完美地适应了我，因为我想要一个简单的个人作品页面，我可以轻松地更新。
如果你计划将其用于博客或其他需要使用Google Analytics跟踪用户行为的地方，我不建议使用这种方法。无法嵌入任何可以在后台工作的代码片段。
—
**2021年1月14日更新
- 示例页面_custom-domain.xyz_不再可用
—
如有任何问题，请随时在这里或我的Twitter @tarasfizzle (opens new window) 上提问。