前言

• 市面上有很多开源的静态站点，最早使用的是 WordPress, Typecho, 有好看的主题，有后台管理，可以在线编辑发布，对新手非常友好。就是比较折腾，nginx+php+mysql部署 后期维护比较麻烦，也需要花费一笔费用在服务器上。

• 后来换成了 Hexo、Hugo 免费，开源，无需服务器，托管到GitHub上就行。优点是可以节省掉服务器的费用，缺点是没有管理后台，写文章没有那么方便。由于hexo基于nodejs,很多依赖关系导致的bug无从修复，至此放弃。Hugo的主题没有hexo的好看。

• 一直探索，直至发现了Notion

Notion 介绍

• Notion是一款整合笔记、任务管理、数据库和团队协作功能的全平台工作空间应用。

• 模块化编辑‌：内容以独立的文本块、数据库块、待办清单块等形式存在，支持无限层级嵌套页面和跨页面链接。‌

• ‌多维数据库‌：提供表格、看板、日历、画廊等多种视图模式，支持公式计算与关联数据筛选，能够满足从个人知识管理到复杂项目追踪的多样化需求。‌

• ‌团队协作‌：支持文档共享、实时协同编辑、精细的权限控制以及任务派发与进度追踪，其免费版支持最多10人协作。‌

• ‌全平台同步‌：内容支持跨Windows、macOS、iOS、Android设备实时同步。‌

NotionNext 介绍

• NotionNext是基于NextJS框架开发的免费开源的Notion建站工具。它将Notion笔记实时渲染成静态博客站；无需购买服务器，只要一个笔记即可搭建完全属于您自己的独立网站，与全世界建立连接！

搭建流程

• 需要准备一个域名。

1. 注册或登陆Notion账号。

2. 复制Notion数据库作为模板。
1. 如果登陆了网页版的notion会自动跳转登陆并弹出模板页面，选择一个工作空间，添加到私人空间即可。
2. Notion充当数据库的角色，所有支持的表头和字段，都已经在NotionNext代码中固定了，如果表头字段不一致，将导致数据无法被正常读取。

3. 发布网站，并记录page_id，
1. 查看网页链接，”https://”这一串，截取?v前面的一串数字，一共32位数字，即page_id，或者参考图中获取page_id的方式。后面有用。

4. 注册或登陆GitHub平台,fork一份NotionNext仓库代码

5. 注册或登陆Vercel平台，部署NotionNext。在项目栏内添加新项目。

6. 部署成功会出现网站预览，点击Domains，自定义域名