利用 Notion 搭建个人站点

利用 Notion 搭建个人站点

Date published
July 16, 2022
Category
Technology
Writen by
樹程Leslie

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

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

准备工作

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

Cloudflare设置

  1. 登录Cloudflare后，我们进入了仪表盘页面，如下图所示。在输入框内输入您的域名后点击蓝色按钮添加站点就可以了。
    2. image
  2. 之后进入到选择计划页面，选择0美元的计划即可。
image
  1. 接下来是配置DNS解析，到腾讯云域名注册控制台，进入我的域名页面，然后选择管理。
    2. image
  2. 之后选择修改DNS。
    3. image
  3. 在弹出的页面中选择自定义DNS，将Cloudflare给的两个DNS地址分别填进去。
    4. image
  4. DNS修改需要等几分钟，几分钟后Cloudflare会发一份邮件给你，通知已经成功，或者你回Cloudflare的仪表盘页面刷新一下。

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

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

©️ 2019-2023 樹程Leslie