如何用Notion+NotionNext+Vercel+Cloudflare搭建博客

这个博客是怎么搭建的

通过NotionNext，可以很方便地把Notion变成建站工具，尤其是在Vercel上部署，几乎可以做到零代码。但是要在vps上独立部署NotionNext，还是花费了不少时间进行摸索和试错，现在折腾之后的经验和流程梳理一下。

在VPS上部署NotionNext

这是示例的文章摘要，摘要内容可被用做搜索，预览。文章列表默认展示概要；若要在列表直接展示文章内容，可在blog.config.js中配置。

示例文章

本文需要输入密码才可访问，密码: 123456

加锁文章 - 密码123456

仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容。

EMPTY-ARTICLE

如果您的Notion数据库已经修改了内容，发现网站内容还是旧的，说明绑定NotionPageID失败了，请重新检查Vercel后台是否正确配置好ID，并尝试重新部署。

绑定成功测试

仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容，仅供列表展示、文章无内容

空白文章

仅供列表展示、文章无内容;
这里写文章的前言：
一个简单的开头,简述这篇文章讨论的问题、目标、人物、背景是什么？并简述你给出的答案。

仅供列表展示、文章无内容、文章描述摘要过长时会被截断，仅显示前面几行内容，根据主题决定。这是一个示范

空白文章，标题注意不应该过长，否则影响显示效果，这是一个示范

无slug\category\tag\tittle空白文章；此文章的路径为notion页面id

啥都学学

技术分享

瞎聊一下

NotionNext介绍

SubMenu是子菜单，挂在上一个Menu中

NotionNext操作说明

这是一个外部链接，由slug决定跳转的网址

写作是最值得投资的技能

菜单slug留空或填#即可，用于下面的子菜单

往期整理

历史归档

文章分类

文章标签

Github

建站

开发

文字

新闻

password

网址

icon

date

type

slug

status

title

summary

Post Board

Config

Table

Post Gallery

类型为Notice的文章将被显示为公告

8️⃣空白文章

9️⃣空白文章

🔟空白文章，标题注意不应该过长，否则影响显示效果，这是一个示范