利用 Notion 搭建个人站点

Published: at 08:00

⚠️ 以下部分内容可能已过期。

All-In-One笔记类软件Notion不只有强大的database，我们还可以将一个页面设置为公开显示，也就是可以将页面链接分享给任何人浏览，哪怕他们并没有注册或者登录Notion。

不过，目前Notion官方还并没有支持公开页面的自定义域名功能。所以，我们可以用「曲线救国」的方法为Notion的公开页面进行域名的自定义。通过简单的12个步骤，就可以使用Cloudflare的Web Workers为Notion的HTTP请求进行手动改写，让我们实现利用Notion搭建个人站点。

Table of contents

Open Table of contents

准备工作

  1. 注册一个域名，这里我推荐使用腾讯云，如果您是第一次注册域名还可以享受新手福利。
  2. 注册一个Cloudflare的账号，Cloudflare有中文版，点击网页右上角的🌐图标即可选择语言。
  3. 在Notion上选择一个页面（Page）点击右上方的Share，选择Share to Web。

Cloudflare设置

  1. 登录Cloudflare后，我们进入了仪表盘页面，在输入框内输入您的域名后点击蓝色按钮添加站点就可以了。

  2. 之后进入到选择计划页面，选择0美元的计划即可。

  3. 接下来是配置DNS解析，到腾讯云域名注册控制台，进入我的域名页面，然后选择管理。

  4. 之后选择修改DNS。

  5. 在弹出的页面中选择自定义DNS，将Cloudflare给的两个DNS地址分别填进去。

  6. DNS修改需要等几分钟，几分钟后Cloudflare会发一份邮件给你，通知已经成功，或者你回Cloudflare的仪表盘页面刷新一下。

    之后，我们就点击左侧边栏的Workers，进入概述。

  7. 然后点击创建服务。

⚠️ 这里需要选择HTTP路由器

  1. 在浏览器新建一个标签页，进入到 fruitionsite，直接到页面的中部，找到 Step 2 填写完后，点击COPY THE CODE。
  2. 回到cloudflare，点击快速编辑
  3. 将里面的代码都给删除，把刚刚从 fruitionsite 复制过来的代码给粘贴进去后点击保存并部署即可。
  4. 之后回到Works，点击添加路由，在输入框填入您的域名/*，在选择框选择您的域名。
  5. 在浏览器中输入您的域名，如果显示您的Notion页面，则大功告成！