利用 Notion 搭建个人站点

slug
2022-004
status
Published
tags
tech
summary
本文介绍了如何使用Cloudflare的Web Workers为Notion的公开页面进行域名的自定义,从而实现利用Notion搭建个人站点。
type
Post
date
Jul 16, 2022
All-In-One笔记类软件Notion不只有强大的database,我们还可以将一个页面设置为公开显示,也就是可以将页面链接分享给任何人浏览,哪怕他们并没有注册或者登录Notion
不过,目前Notion官方还并没有支持公开页面的自定义域名功能。所以,我们可以用「曲线救国」的方法为Notion的公开页面进行域名的自定义。通过简单的12个步骤,就可以使用CloudflareWeb WorkersNotionHTTP请求进行手动改写,让我们实现利用Notion搭建个人站点。

准备工作

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

Cloudflare设置

  1. 登录Cloudflare后,我们进入了仪表盘页面,如下图所示。在输入框内输入您的域名后点击蓝色按钮添加站点就可以了。
    1. notion image
  1. 之后进入到选择计划页面,选择0美元的计划即可。
notion image
  1. 接下来是配置DNS解析,到腾讯云域名注册控制台,进入我的域名页面,然后选择管理。
    1. notion image
  1. 之后选择修改DNS。
    1. notion image
  1. 在弹出的页面中选择自定义DNS,将Cloudflare给的两个DNS地址分别填进去。
    1. notion image
  1. DNS修改需要等几分钟,几分钟后Cloudflare会发一份邮件给你,通知已经成功,或者你回Cloudflare的仪表盘页面刷新一下。
    1. 之后,我们就点击左侧边栏的Workers,进入概述。
      notion image
  1. 然后点击创建服务。
    1. notion image
      ⚠️
      这里需要选择HTTP路由器
      notion image
  1. 在浏览器新建一个标签页,进入到fruitionsite,直接到页面的中部,找到Step 2后按下图填写完后,点击COPY THE CODE
    1. notion image
  1. 回到cloudflare,点击快速编辑
    1. notion image
  1. 将里面的代码都给删除,把刚刚从fruitionsite复制过来的代码给粘贴进去后点击保存并部署即可。
    1. notion image
  1. 之后回到Works,点击添加路由,在输入框填入您的域名/*,在选择框选择您的域名
    1. notion image
      notion image
  1. 在浏览器中输入您的域名,如果显示您的Notion页面,则大功告成!

© 樹程Leslie 2019 - 2023