Notion Site Doc

Notion-Site 是一个打通 Notion 与 Hugo 的自动建站工具，它比 Notion 默认提供的 Share 功能更适用于构建网站，我们可以使用 Hugo 提供的 200 多种类型的主题创建我们的网站。

基于 Notion-Site ，就像使用 IFTTT 一样，只需要一次配置之后，无需服务器资源就可以在任何设备的 Notion 中以维护文章的方式来管理、构建网站。

Notion 清晰的目录结构

Notion 对网页的转义

Notion 对网站配置文件的云储存

Notion 因为自带分享链接，所以近几年我们通常直接分享 Notion 的地址作为我们的博客、文档站，或者使用类似 Notion-Blog 等开源方案做 1:1 的转换。

也可以在 Cloudflare Web Worker 提供的能力绑定域名、CDN 提速等等：

🌐 Using the Notion page as a personal website with your domain on Cloudflare

Introduction Hi, DEV people! 🙂 Today, I give you a handy step-by-step guide to help you...

https://dev.to/koddr/using-the-notion-page-as-a-personal-website-with-your-domain-on-cloudflare-1pi7

在希望实现上面的需求的同时，保留 Notion 的便利性，与 Hugo 的垂直性，开发了 Notion-Site：

产品RSS速度备份部署移动端
Notion❌❌✔✔✔
Hugo✔✔❌❌❌
Notion-Site✔✔✔✔✔

我们要做的只是在 Notion 中编辑文章即可。 只需要一次配置实现 ：

  • 备份： Notion 、 Github Repository

  • 自动化 ： Github Action

  • 网站部署： Vercel

graph TD A[Notion DataBase] -->|Notion-Site| B(Get Pages) B --> C{Process Pages To Hugo} C -->|setting| D[Hugo Setting Files] C -->|Article| E[Hugo Content Files] E -->|Folder| G[Folder] E -->|Article| H[Markdown files] E -->|Media| I[Downlaod Meida files]
graph TD Hugo -->|CI| J[GitHub ACtion] --> Vercel --> DPD[Complete the deployment]