status
Published
type
Post
date
May 1, 2025
slug
blog-notionnext
category
内容分享
summary
使用Vercel、Notion和NotionNext搭建博客系统
tags
技术
资源
icon
password
comment
我目前正在使用NotionNext提供软件服务、Vercel提供无服务器支持、Notion提供写作服务的博客。说实话，体验感还是挺让人震惊的Notion是我在年初就开始了解、学习和使用的平台，从我拥有自己的域名以后，为一直都在尝试搭建博客，各种各样的博客真的都很难让人满足，一方面总是想寻求更好的体验，一方面想要更多的功能，如果你和我一样都喜欢在专业平台上写作的同时喜欢高自由度、高可玩性、高性能的博客系统，那么我绝对推荐NotionNext。
Vercel是国外的无服务器托管平台。对个人而言，其免费版已经完全足够我们搭建博客使用，Vercel具有非常好的操作性和简易性，本文仅讲述该方法的博客搭建，其他方法或想了解具体信息，请查看NotionNext对Vercel部署方法的介绍：
在Github，我们访问以下链接，点击Fork拉个分支即可。
在Notion，我们访问以下链接，点击右上放的 ≡ 按钮，再点击创建副本，我们就可以得到一份NotionNext在Notion中的文章和数据、导航栏的模板。接下来我们要获取页面ID：在手机端，点击右上角三个点，然后点击拷贝链接；在网页端，点击右上角的分享，点击公开，然后点击发布到网页，复制链接地址。这里的链接地址不全都是页面ID，请删去
https://www.notion.so/xxxx/ 和 ?v= 及其后面的参数。这个页面ID请保留，后续要用。
注册Vercel的账号，访问
https://vercel.com/ ，按照注册流程完成注册即可。不过需要注意的是，使用Github第三方登录可能会导致封号的情况，这里建议使用邮箱注册，同时请避免使用国内邮箱。点击以下链接，来到创建新项目的页面：
在侧边列表，选择你的Fork仓库，点击Import导入。在部署设置页面，添加一个Environment Variables，即环境变量，配置格式如下：
Name | Valve |
NOTION_PAGE_ID | 前面提到的页面ID |
填写完后确认，点击Deploy部署即可。
部署完成后，你就可以在页面获取你的部署链接，这个链接在国内可能无法访问，因此你还需要添加自定义域名。
在Vercel项目的
Settings 中的 Domains 目录下，点击 Add Domain ，按照要求添加域名并在你的域名服务商的DNS后台配置好DNS设置即可。随后，你可以在你的博客的Github代码库里面的blog.config.js和conf文件夹内，配置你的博客的信息、插件和功能。
- 作者:lest-day
- 链接:https://blog.lestday233.eu.org/article/blog-notionnext
- 声明:本文采用 CC BY-SA 4.0 许可协议，转载请注明出处。