type
status
date
slug
summary
tags
category
icon
password
上一期给大家推荐了,如何获取Notion Plus
这一期的话,再来分享一下,如何将你的Notion笔记直接转化为个人博客网站
将自己的笔记与网站打通
(这下感觉终于有了一个能够在互联网上顺畅输出内容的地盘了)
虽然我能够折腾出n种其他建站方式,但是现在如果主力采用Notion写作与做知识管理的话,其他方式对我来说过于笨重了。
如果能够打通Notion笔记本与网站的话,那还是能让我更好将精力集中在写作本身之上。
我这里采用的是
NotionNext
建站的方式NotionNext
tangly1024 • Updated Oct 23, 2024
懒人的话采用 Vercel托管部署,用免费的套餐就可以了
后续如果资金充裕的话,还是建议将网站部署在服务器上
以下教程参考:
1.准备好Notion页面
这里默认已经注册好了Notion账号
1.1 将建站模板数据复制到你的Notion
打开模板页面
点击
Duplicate

1.2开启页面分享权限

1.3记住页面ID
后面建站的数据都将从该页面进行获取,相当于你的数据库
选择将页面连接Copy出来

链接中间的一段就是你的ID

2.从GitHub上Fork项目仓库
NotionNext
tangly1024 • Updated Oct 23, 2024
就是将这个开源作者的仓库,复制一份到你的GitHub账号里

3.将项目导入Vercel
3.1 注册Vercel

选择个人身份

选择GitHub进行连接

3.2导入你的GitHub仓库


注意,需要在环境变量里添加:
NOTION_PAGE_ID
: 第一步里你的模板页面的Notion页面ID

最后按下部署即可

4.部署完成
点击Visit可前往查看你的网站

5.配置自己的域名
因为vercel的ip被DNS污染,所以建议使用自己的域名进行解析
我这里直接设置根域名



我的域名是放在
cloudflare
的,如果购买的是其他平台域名,操作都是类似的- 作者:PolarisAspire
- 链接:https://lpolaris.com//article/notionweb
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。