type
status
date
slug
summary
tags
category
icon
password
notion超级快速搭建博客的教程(无域名也可以)!!亲测有效
准备:一个notion账号、一个github账号、vercel.com账号(建议github登陆)
贴一个官方教程:https://docs.tangly1024.com/about
主要步骤
fork一下这个仓库:
duplicate一下这个notion模版
将github的仓库导入到vercel
- 创建项目
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F351d3eb3-019b-4b3a-a654-055d8e3efc2b%2FUntitled.png?table=block&id=66170bfb-3ed8-498c-94ce-9aeac8f7da4f&t=66170bfb-3ed8-498c-94ce-9aeac8f7da4f)
- 导入github对应的notionnext项目(如果检测不到需要开启权限)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F1dcf7fb9-1c2a-481a-82a5-324a5259ee34%2FUntitled.png?table=block&id=346ecf21-d11d-4bd9-be58-697eae67b0e6&t=346ecf21-d11d-4bd9-be58-697eae67b0e6)
- 添加有关notion模版的环境变量
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc282b9d5-15bc-4e5c-8226-6f0dc88307ef%2FUntitled.png?table=block&id=46a9665c-8c29-4752-8da8-30849a2a6ea1&t=46a9665c-8c29-4752-8da8-30849a2a6ea1)
其中key值为GitHub项目的blog.config.js下的NOTION_PAGE_ID配置项
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fa8498a00-063d-44bf-98c0-6de45aeaada2%2FUntitled.png?table=block&id=d22b3e25-aa41-4693-a3a6-e6e4c496fad7&t=d22b3e25-aa41-4693-a3a6-e6e4c496fad7)
value为notion复制的博客笔记主页右上角点击share⇒published的链接中`?v`之前的部分
通常为一串数字和字母的混合字符串
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F971d4355-4efa-4737-9402-1c8d3ca2d077%2FUntitled.png?table=block&id=908c3b88-c943-4d1d-94fd-6a50c4ca60c0&t=908c3b88-c943-4d1d-94fd-6a50c4ca60c0)
- 然后点击deploy部署就大功告成啦~
- 如果还要绑定自己的域名(如果用vercel分配的域名可能会被墙,所以建议买个低价域名把玩一年hhh),在部署完成后进入博客网站的项目面板
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F68b9007e-800b-4f9c-bf93-63b8807fb640%2FUntitled.png?table=block&id=26a012ca-19a2-495d-aa6e-adb396b80e23&t=26a012ca-19a2-495d-aa6e-adb396b80e23)
添加你自己的域名,根据提示在域名解析服务商(cloudflare等)添加一条A记录和CNAME记录即可
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ff16f9e84-a9e9-46c7-9266-3a639d690a07%2FUntitled.png?table=block&id=2f8ed277-a4ea-452e-a4e6-3b8f5e298693&t=2f8ed277-a4ea-452e-a4e6-3b8f5e298693)
如果出现上图,那就说明配置成功啦,现在就可以用你自己的域名访问自己的网站啦~
- 作者:Raining
- 链接:http://www.raining976.top/article/create-notion-blog
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。