type
Post
status
Published
date
Jan 11, 2024
slug
summary
使用Notion和NotionNext建立自己的独立blog站点的主要步骤。
tags
blog
Notion
NotionNext
认知
写作
category
技术分享
icon
password
一、前言
- 目前个人笔记的主要习惯：
- 管理自己的事情和孩子的学习计划：Notion
- 日常笔记（长）：Notion
- 碎片化思考（短）和读书笔记：Logseq
日常的一些笔记也想分享出来作为个人独立的网站，然后就发现了NotionNext。
Notion是一款集成了笔记、知识库、数据表格、看板、日历等多种能力于一体的应用程序，它支持个人用户单独使用，也可以与他人进行跨平台协作。典型用例：
- 个人学习：Notion可以用来整理课程笔记、做笔记、记录学习进度等。
- 工作：Notion可以用来管理项目、制定计划、记录工作内容等。
- 生活：Notion可以用来记录个人日记、计划旅行、管理财务等。
- 团队协作：Notion可以用来创建团队知识库、共享文件、协作完成任务等。
NotionNext能够将您的Notion笔记实时渲染成博客。使用 NextJS + Notion API 实现的，支持多种部署方案的静态博客，无需服务器、零门槛搭建网站，为Notion和所有创作者设计。
二、建站
按照官网文档搭建，只要三步，非常丝滑。
（一）复制人家的模版
- 把作者的Notion模版复制为自己的，打开后点右上角的Duplicate
- 复制为自己的页面后，共享并获取页面ID，按照官方教程做，我的PAGE_ID是红色框里面的字符，这个PageID就是前端代码中获取后端Notion笔记的主要字段
（二）复制人家的代码
- 在Github上fork人家的代码，便于用自己的Github和Vercel进行链接并部署前端运行
（三）在Vercel中一键部署
- 使用自己的Github账户注册并登录
Vercel是一个云服务平台，专为前端开发者设计，提供了一体化的解决方案，可以快速将网站和应用程序部署到各种环境中。这个平台非常灵活、可扩展且安全，非常适合开发者在不同平台和环境中进行开发和部署。Vercel支持静态网站和动态网站的应用部署、预览和上线。用于取代Github Pages，速度更快。
- 使用Github上的代码库创建新项目，进去后先不要点部署，先把PageID作为环境变量添加进去
- 添加Vercel环境变量NOTION_PAGE_ID
- 点击Deploy
三、其他
按照上面三步，由自己Notion笔记实时渲染的独立运行在Vercel的博客的建好了，使用Vercel提供的二级域名（见下图没有标红框的域名）就可以访问。下面还有一些需要自定义的一些配置。
域名
- 在Vercel里面setting—domains，添加
CNAME解析验证后如下：
- 这里添加还需要等待你的域名解析把域名用
CNAME解析到cname.vercel-dns.com，我用的cloudflare，配置如下
NotionNext前端配置
- 这里使用了NotionNext4.1后的配置文档特性，可以在配置中心这个笔记中直接编辑配置信息，非常方便，更多配置信息见官方说明，很多地方的配置还是要多试几次才知道作用
搜索引擎索引：在Google Search Console添加自己域名
- 选择我是域名所有者，输入自己的域名，在他的指引下用DNS txt验证就可以进入控制页面了
- 等待1天索引数据
网站统计：Google Analytics配置
添加留言板功能：使用推荐的twikoo安装教程
- 获取在线MongoDB服务
- 注册MongoDB cloud帐号，使用GoogleID
- 创建免费MongoDB共享服务（500M存储），地点选香港
- 输入用户名密码
- 设置网络访问IP，改为
0.0.0.0（全部IP可访问） - 获取MongoDB地址
- twikoo后端：Vercel部署
- 添加一个配置
MONGODB_URI环境变量为上面的MongoDB地址 - Setting中的deployment protection，验证关闭
- 增加自定义域名：
twikoo.ddr888.cc - 重新部署一下
- 在NotionNext的
配置中心笔记中增加参数并启用COMMENT_TWIKOO_ENV_ID为https://twikoo.ddr888.cc
四、总结
NotionNext使用非常简单的方式实现了Notion笔记的实时渲染，满足了爱建独立博客站这群人的爱好需求，但是也存在一些小问题或者下一步需要处理的事情。
- 域名问题。基本所有需要的资源都已经解决了，只剩一个需要自己付费：域名，而且后续还要续费，我在阿里云买的域名，前十年不到200，后面续费翻了好几倍
- 服务跑路问题。里面用到的Notion、Github和Vercel存在跑步风险，问题不大。
- 速度问题。如果不用Cloudflare进行代理解析不能访问，据说因为Vercel的很多IP和域名已经被墙。Cloudflare代理一下后速度还算正常。
- 缓存问题。每次更换主题需要刷新好多次，具体页面才会生效。
- 搜索引擎索引问题。另外的话题，NotionNext支持SEO，但是没有在去折腾搜索引擎收录问题，上线一周多搜索引擎还是不能搜到笔记，以后慢慢弄。
用了这么多年、这么多种平台和工具，其实真正重要的是坚持输出，写作本身才是思考，思考才能形成认知，有了认知才能指导自我行动，行动又能提高认知并内化为自己的认知体系，这或许才是学习。
这里推荐一本关于写作和思考的书：《卡片笔记写作法》。对于写作和知识的网状组织的观点都很有启发，我也因此找到了Logseq作为卡片笔记工具使用。