type
status
date
Last edited time
slug
summary
tags
category
icon
password
comment
这个博客，我可是足足配置了几天，今天在这里把详细步骤讲一下（我会尽量写详细，把我遇到的坑都说一遍）
1 准备账号
很多教程教的都是用vercel，但据我亲身经历，这个国外网站的免费域名已经被墙了，所以你如果没有自己的域名，还是用zeabur比较好
*坑点1:我一开始用163邮箱注册github，后来zeabur上找不到仓库，也不知道是什么原因，但是qq邮箱可以
2 复制代码
2.1 登录github
因为github是国外网站，所以会被防火墙拦截，基本连不上。就算你运气好连上了，也很不稳定。所以，我们要用Watt_Toolkit(原名steam++)，简称小火箭。下载，打开它加速后，你会发现github一下就进去了，很方便(我用win11在微软商店下载后也没打开就能流畅访问github，也不知道啥原因)
2.2 复制代码
点击这里直接跳转到tangly1024的开源代码
按下”fork”按钮，按照指示创建新仓库然后保存
在这里看自己的仓库是否成功复制代码，如果成功，则代表你成功了。
*坑点2:创建仓库复制代码时一定要勾选”Copy the main branch only”，否则待会zeabur大概率会遇到问题
3 使用netlify部署
访问这个网站，登录，选择sites，选择add new site，选择第一个，关联github后选择仓库，输入site name(你的域名，只是后面会强行补上".netlify.app")，其他的不管，点击下面的部署，然后等着就行了(最开始要等十几分钟，后面再部署只需等30秒左右即可)。
4 复制notion
在这个网站（https://tanghh.notion.site/02ab3b8678004aa69e9e415905ef32a5?v=b7eb215720224ca5827bfaa5ef82cf2d）的右上角点击复制，把它复制到你自己的notion账号中(作为一个新页面)，这就类似于“后台”
现在你的网址是类似于:notion.so/xxxxxxxxxxxxxxxxxxxx?v=XXXXXXXXXXXXXXXXXXXXXXXX
你要做的，就是将”xxxxxxxxxxxxxxxxxxxx”复制下来(是前面那个，别弄错了)
5 完善网站
点击环境变量，key的值是”NOTION_PAGE_ID”，value的值是你刚才复制的值
6 值得注意
1.每次更新完后都要重新部署才能生效(如果在GitHub中更新，会自动重新部署)
2.博客的样式自定义在github仓库的”blog.config.js”中(v4.8.1以后的在/conf/中)
3.NotionNext的更多用法可以看NotionNext帮助手册或自己搜索
4.当你遇到困难(在搭建、运营博客这方面)可以找我或豆包
- 作者:Zyx
- 链接:https://blog-of-zyx.netlify.app//article/NotionNext
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
