如何用NotionNext搭建个人博客

type

status

date

slug

summary

前言

NotionNext是一个强大的工具，可以让你轻松地将Notion页面转换为个人博客。本文将指导你如何使用NotionNext搭建个人博客，并将其部署到Vercel平台上。流程图如下：

1. 准备工作

创建一个Notion账户（如果还没有的话）

准备一个GitHub账户

注册Vercel账户

2. 在Notion中创建博客内容

创建一个新的Notion数据库，用于存储博客文章

为数据库添加必要的属性，如标题、发布日期、标签等

开始撰写你的博客文章

3. 设置NotionNext

访问NotionNext的GitHub仓库：https://github.com/tangly1024/NotionNext

点击"Use this template"创建你自己的仓库

克隆你的新仓库到本地

4. 配置NotionNext

在项目根目录下创建.env.local文件

添加你的Notion数据库ID和Notion API密钥到.env.local文件中

修改blog.config.js文件，根据你的需求自定义博客设置

5. 本地测试

运行npm install安装依赖

运行npm run dev启动本地开发服务器

在浏览器中访问http://localhost:3000查看效果

6. 部署到Vercel

登录Vercel账户

点击"New Project"，选择你的GitHub仓库

配置环境变量，确保添加了Notion数据库ID和API密钥

点击"Deploy"开始部署

7. 自定义域名（可选）

在Vercel项目设置中，进入"Domains"选项卡

添加你的自定义域名

按照Vercel的指示配置DNS记录

结语

现在，你已经成功使用NotionNext搭建了个人博客并部署到了Vercel。你可以通过编辑Notion数据库来更新博客内容，Vercel将自动部署最新的更改。享受你的全新个人博客吧！

💡

有关Notion安装或者使用上的问题，欢迎您在底部评论区留言，一起交流~

前言