如何用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

password

网址

icon

date

type

slug

status

title

summary

Post Board

Config

Table

Post Gallery

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

公告

建站

文字

开发

工具

新闻

健康

金钱

状态不是Published，故不会被显示

未发布文章

单页不会显示在博客列表，会在导航添加一个菜单。

友链

Github

可用链接/about访问，不会在菜单栏显示

关于

首页

搜索

友情链接

技术分享

NotionNext介绍

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

NotionNext操作说明

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

写作是最值得投资的技能

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