更好的笔记博客建站工具
NotionNext的愿景是帮助非技术人员的小白,最低成本、最快速地搭建自己的网站,帮助您将自己的产品与故事高效地传达给世界。
- 基于 NextJs 框架开发的免费开源的Notion建站工具
- 将 Notion 笔记实时渲染成为静态博客网站
- 无需购买服务器!无需Git仓库操作!
- Notion 笔记支持在电脑与手机上随时访问
- Notion 集成了 OpenAI
- 可以将笔记导出到其它任意平台
- 博客站点的域名,源码,服务器都归个人所有
建站!!!!
官网链接:Vercel部署NotionNext
大致步骤:
- 注册一个Notion账号
- 复制Notion模版
- 开启页面共享,保存页面ID
- 复制源代码
- Vercel部署
- 准备账号
- 导入代码
- 配置页面ID并部署
创建Notion账号
Notion 地址:https://www.notion.so/
复制模版
模版地址:https://tanghh.notion.site/02ab3b8678004aa69e9e415905ef32a5
复制完成后,会跳转到你的 Notion 工作台
获取页面ID
点击分享,然后点击发布
然后它会生成一个页面ID
红色标注的即为页面ID,在站点之后,参数之前的那段UUID
复制源代码
前置条件:你需要一个 GitHub
账号,切记你需要整一个谷歌邮箱xxx@gmail.com
,否则你的Vercel注册是无法成功的!
谷歌账号注册
提一嘴,谷歌账号注册,需要魔法,然后使用谷歌浏览器去注册
左上角选择三个小圆点,然后点击设置(默认是英文 settings ,我这个是已经修改完的)
然后找到语言,将语言切换为中文,重启浏览器,这会就可以正常的给国区手机发短信了
fork 仓库
步骤:从GitHub仓库Fork作者的项目即可。
Fork仓库地址:https://github.com/tangly1024/NotionNext/fork
点击 Create Fork 即可。
Vercel部署
Vercel:https://vercel.com/
注册登录一个Vercel账号。使用GitHub账号登录即可。
点击 import 导入项目
配置上面找到的页面ID, 点击 环境变量 “Environment Variables”,然后输入key值为:NOTION_PAGE_ID
,value值为你的pageID
,然后点击添加
然后点击 deploy 进行编译,等待几分钟
部署中
部署完成 点击右上角 continue to dashboard
点击visit按钮进行浏览
至此已经初步完成啦