type
status
date
slug
summary
tags
category
icon
password
谁说建站必须和代码死磕?用Notion文档摸鱼写作,让GitHub自动搬运,Vercel施展部署魔法——欢迎来到"赛博手账"时代!本教程教你用NotionNext开源神器,把日常笔记一键变成炫酷博客。无需域名备案/服务器烧钱,你的表情包收藏夹和读书笔记都能原地变身动态网页,甚至能与Notion数据库实时联动。三明治式建站法:上层是Notion的可视化编辑,中层GitHub云端同步,底层Vercel全球加速。从此更新博客就像发朋友圈,但你的创作将拥有永久水晶展柜——毕竟,这届年轻人的知识资产,值得更聪明的打开方式。
1.账号准备
notion账号
github账号
vercel账号
域名
2.具体步骤
2.1 复制notion模板
- 打开并登录自己的账号
复制模板
- 按照下图复制已经拷贝到自己账号下模板链接

注意:复制的链接是很长的一段,选中”/”后和”?”前的notionID,以便后续配置。
2.2 拷贝Github项目到自己的仓库
- 打开并登录Github账号
拷贝项目
- ,点击链接
- 根据下图拷贝项目

别忘了给作者点亮小红心系❤
2.3 使用Vercel部署
- 打开并登录Vercel,可以使用Github账号登录
- 按照下图导入Github中上一步拷贝的NotionNext项目。

- 在配置页面设置环境变量

注意:这里的3就是2.1步中拷贝的notion ID.
- 配置完成后,可以点击Deploy,可以看到部署成功页面。
使用Vercel分配的域名在国内无法访问,因此需要将这个链接到国内域名。
2.4 绑定域名
- 在阿里云购买域名.🧐根据B站UP主教程来,我当时弄得时候,就遇到了不少问题。
在阿里云申请购买一个域名


- 将个人主页绑定自己的域名
- 首先在Vercel中按照下图,添加一个域名
- 添加完成后,应该会出现无效的域名配置,需要在阿里云配置(@和Cname记录)。这里还是蛮麻烦的,建议参考下列视频教程。

- Author:波动的诗与远方
- URL:http://preview.tangly1024.com/article/guide
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!