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模板

  • 打开并登录自己的账号
复制模板
  • 根据下图复制模板
notion image
  • 按照下图复制已经拷贝到自己账号下模板链接
notion image
注意:复制的链接是很长的一段,选中”/”后和”?”前的notionID,以便后续配置。

2.2 拷贝Github项目到自己的仓库

  • 打开并登录Github账号
拷贝项目
  • ,点击链接
  • 根据下图拷贝项目
notion image
别忘了给作者点亮小红心系❤

2.3 使用Vercel部署

  • 打开并登录Vercel,可以使用Github账号登录
  • 按照下图导入Github中上一步拷贝的NotionNext项目。
notion image
  • 在配置页面设置环境变量
notion image
注意:这里的3就是2.1步中拷贝的notion ID.
  • 配置完成后,可以点击Deploy,可以看到部署成功页面。
💡
使用Vercel分配的域名在国内无法访问,因此需要将这个链接到国内域名。

2.4 绑定域名

  • 在阿里云购买域名.🧐根据B站UP主教程来,我当时弄得时候,就遇到了不少问题。

在阿里云申请购买一个域名
notion image
 
notion image
 
个人自述滞回曲线
Loading...
波动的诗与远方
波动的诗与远方
俯身岁月的旅人,悄然仰望苍穹🍚
Announcement
🎉Xueliang的个人博客正式上线🎉
-- 感谢您的支持 ---
👏欢迎预览评论👏
生活多么精彩
值得记录哦
现在开始吧