如何将你的Notion笔记直接转化为个人博客网站

2023年 7月 12日 44.7k 0

如何将你的Notion笔记直接转化为个人博客网站

将自己的笔记与网站打通

(这下感觉终于有了一个能够在互联网上顺畅输出内容的地盘了)

虽然我能够折腾出n种其他建站方式,但是现在如果主力采用Notion写作与做知识管理的话,其他方式对我来说过于笨重了。

如果能够打通Notion笔记本与网站的话,那还是能让我更好将精力集中在写作本身之上。

我这里采用的是 NotionNext 建站的方式

懒人的话采用 Vercel托管部署,用免费的套餐就可以了

后续如果资金充裕的话,还是建议将网站部署在服务器上

以下教程参考:

1.准备好Notion页面

这里默认已经注册好了Notion账号

1.1 将建站模板数据复制到你的Notion

打开模板页面

点击 Duplicate

如何将你的Notion笔记直接转化为个人博客网站

1.2开启页面分享权限

如何将你的Notion笔记直接转化为个人博客网站

1.3记住页面ID

后面建站的数据都将从该页面进行获取,相当于你的数据库

选择将页面连接Copy出来

如何将你的Notion笔记直接转化为个人博客网站

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

如何将你的Notion笔记直接转化为个人博客网站

2.从GitHub上Fork项目仓库

就是将这个开源作者的仓库,复制一份到你的GitHub账号里

如何将你的Notion笔记直接转化为个人博客网站

3.将项目导入Vercel

3.1 注册Vercel

如何将你的Notion笔记直接转化为个人博客网站

选择个人身份

如何将你的Notion笔记直接转化为个人博客网站

选择GitHub进行连接

如何将你的Notion笔记直接转化为个人博客网站

3.2导入你的GitHub仓库

如何将你的Notion笔记直接转化为个人博客网站如何将你的Notion笔记直接转化为个人博客网站

注意,需要在环境变量里添加:

NOTION_PAGE_ID : 第一步里你的模板页面的Notion页面ID

如何将你的Notion笔记直接转化为个人博客网站

最后按下部署即可

如何将你的Notion笔记直接转化为个人博客网站

4.部署完成

点击Visit可前往查看你的网站

如何将你的Notion笔记直接转化为个人博客网站

5.配置自己的域名

因为vercel的ip被DNS污染,所以建议使用自己的域名进行解析

我这里直接设置根域名

如何将你的Notion笔记直接转化为个人博客网站如何将你的Notion笔记直接转化为个人博客网站

这里需要配置 [http://lpolaris.com] 的A解析,以及 [http://www.lpolaris.com] 的 CNAME 解析

如何将你的Notion笔记直接转化为个人博客网站

我的域名是放在 cloudflare 的,如果购买的是其他平台域名,操作都是类似的

如何将你的Notion笔记直接转化为个人博客网站如何将你的Notion笔记直接转化为个人博客网站

现在就可以愉快的访问:

6.简单的修改你的网站

6.1 修改 blog.config.js

如何将你的Notion笔记直接转化为个人博客网站

建议仔细阅读以下相关配置的内容

如何将你的Notion笔记直接转化为个人博客网站

6.2在Notin上填充网站内容

实际上,此时的Notion就相当于是你的数据库了,上面的博客网站会根据这个DataBase进行加载内容

当你在 Notion上进行了修改后,网站也会自动同步过去

如何将你的Notion笔记直接转化为个人博客网站

7.尾语

题主本人,网站也还在建设中,需要学习的还有很多,就先介绍这么多啦!

知乎上的文章,晚点我也会慢慢同步过去,这下不用担心,**知识的荒原**

后面本人网站也会持续更新的,如果想了解更多,可以关注我哦~

如何将你的Notion笔记直接转化为个人博客网站

相关文章

班迪录屏怎么取消截图水印设置
班迪录屏怎么改存储位置
bandicam录制的视频默认存储在哪
网易云音乐电脑怎么设置播放器样式
酷狗音乐如何创建歌单
酷狗音乐如何单曲循环播放

发布评论