Zeabur 快速部署 Notion 博客

前言

Zeabur

部署步骤

一、配置 Notion 页面

1. 复制下方模板到您的 Notion 中：

NOTION BLOG

一个NotionNext搭建的博客

https://tanghh.notion.site/02ab3b8678004aa69e9e415905ef32a5?v=b7eb215720224ca5827bfaa5ef82cf2d

1. 打开页面分享权限并复制 ID
如下图，点击右上角的 Share 按钮，点击开启 Share to web。
然后如图所示，链接中高亮部分就是你的页面 ID，复制该 ID 以在后面部署过程中使用。

二、Fork NotionNext 项目

三、部署到 Zeabur

1. 注册 / 登陆 Zeabur
Zeabur: Deploy your service with one click.
从零开始将您的服务部署到 Zeabur 上，只需要以下三个步骤： 前往 登入页面 (opens in a new tab) 并且使用 GitHub 帐号进行注册或登录。 展开左上角的项目菜单，并点击创建项目按钮。 点击画面右上方的「部署服务」，选择您想要部署的服务。 在部署服务页面中，选择左边的按钮可以从 GitHub 直接将您的源代码自动构建并部署上线。 选择右边的按钮则可以从常见的服务（例如数据库或开源的工具）中选择一个服务，Zeabur 会自动为您创建一个服务实例。 完成部署以后，您可以了解 域名绑定 来使用自动带有 TLS 证书的域名对外暴露您的服务，或是了解 环境变量 来了解如何让 Zeabur 自动注入您的程序运行所需要的变量。

https://docs.zeabur.com/zh-CN/get-started

2. 创建 NotionNext 服务
点击部署新服务按钮，选择部署你的源代码，若是第一次使用，则需要点击配置 GitHub APP ，授予 Zeabur 权限以获得仓库内容。
成功授权后，在部署页面搜索你的 NotionNext 仓库，点击导入，随后点击部署即可。



等待两三分钟后，您的 NotionNext 服务就已经部署完成。

3. 添加域名
为了访问您的博客，您需要为其添加一个域名。
点击刚刚部署的 NotionNext 服务，打开设置页面，选择生成域名或者自定义域名，此处以生成域名为示例。域名生成成功后，即可通过该链接访问您的博客。



若想绑定自定义域名，请查看以下配置文档。
Zeabur: Deploy your service with one click.
在你的服务成功部署以后，你需要为他们绑定一个域名便于使用服务。 点击你想添加域名的服务，并选择设置页，你将会看到两个按钮，供你选择来添加域名。 Zeabur 提供了简易的生成域名的服务，生成的带有 .zeabur.app 后缀的域名无需其他配置，即可通过此域名来访问你的服务。 你也可以选择完全自定义你的域名，但需要参见第三步为其进行一些配置。 若想拥有更高的独特性和灵活性，你也可以选择绑定自己拥有的域名，若你还没有域名，则可以从一些域名服务提供商，如 GoDaddy (opens in a new tab) ， Cloudflare (opens in a new tab) 购买。 在你为服务添加了你的专属域名后，为了能够正常访问你的服务，你需要去你的域名注册商处，手动为你的域名 配置 DNS 记录 。 此处以 CloudFlare 为例为域名添加 DNS 记录。 打开 CloudFlare 控制台，选择想要配置的域名，选择 DNS 记录。 在该页面的管理 DNS 一栏，点击添加记录按钮。 填入对应的名称和目标内容。此处， Name 对应的是名称一栏， Value 则对应目标一栏。 此处的类型一栏选择 CNAME 。 点击保存，等待配置完成即可。 域名部署完毕后，你就可以点击跳转网页，或开始使用你的服务。

https://docs.zeabur.com/zh-CN/deploy/domain-binding

4. 配置环境变量
为了将博客与您的 Notion 页面绑定，您需要为其注入一个环境变量。
打开服务的变量页，点击新建变量，变量名为 NOTION_PAGE_ID ，变量值则为第二步中复制的页面 ID。



配置好环境变量以后，您的服务将会自动重新部署以应用调整。等待部署完成后，您的博客已经与您的 Notion 页面绑定成功，在 Notion 中的创作将会实时应用到您的博客上！
💡
注：若想使用 Docker 部署，这一步则需要在代码中完成修改，打开 blog.config.js 找到相应的配置项手动填入即可；若要使用 Zeabur 注入环境变量，需要先删除项目中的 dockerfile 文件

四、添加 Twikoo 评论系统（可选）

Twikoo

使用 Zeabur 部署 Twikoo

1. 新建 MongoDB 服务
Twikoo 需要一个 MongoDB 数据库来管理评论。点击部署新服务 → 部署其他服务 → 选择 MongoDB 并点击部署即可。

2. 新建 Twikoo 服务
1. Fork twikoo-zeabur 仓库到自己的 GitHub 账号
github.com
https://github.com/imaegoo/twikoo-zeabur/fork
2. 部署 Twikoo 服务，部署流程参照部署 NotionNext 的第 2 步

3. 添加域名
部署完成后，您需要为您的 Twikoo 服务添加一个域名以便使用它。
例如，我为其添加的域名为 https://michaelyuhe-blog-twikoo.zeabur.app

4. 配置 NotionNext 环境变量
下一步，您需要为您的博客配置 Twikoo 。您可以通过在 Zeabur 为您的 NotionNext 服务添加一个新的环境变量，名称为 NEXT_PUBLIC_COMMENT_ENV_ID ，值为上一步为 Twikoo 服务添加的域名。



💡
注：这一步也可以在代码中完成修改，打开 blog.config.js 找到相应的配置项手动填入即可

5. 添加成功
等待重新部署完成后，您的博客就已经成功添加了 Twikoo 评论系统。

五、自定义站点

NotionNext 操作手册 | TANGLY’s BLOG

介绍NotionNext的所有功能和常见问题说明

https://tangly1024.com/article/notion-next-guide

六、结语

Zeabur

Deploy your service with one click. Join our discord channel: https://discord.gg/DrdGCvXEyY

https://t.me/zeabur_app

Join the Zeabur Discord Server!

Check out the Zeabur community on Discord - hang out with 25 other members and enjoy free voice and text chat.

https://discord.gg/DrdGCvXEyY