NotionNext——博客的“终极”之选

8 阅读3分钟

前言

我尝试过很多种部署方案

一键部署:

静态站点:

而至今也没发过几篇文章,但我个人是比较喜欢使用记事本的

最早我使用印象笔记我现在登录也能找到当时的一些笔记

image.png

再后来我使用过手机自带的记事本,我当时也想我写啥网页就展示啥那该多好捏!

另一方面,在写作的过程中还是感到 Markdown 的表达能力不足,这是我的痛点之一!很多时间都要靠插入 HTML 或使用外挂的插件才能实现预期排版or样式。

因此我前段时间通过Nextjs+MongoDB自建了一个blog,使用mdx后使得能够提前写入组件,再用remoto-mdx加载文章,虽然可以解决表达能力不足这个问题,但还没有解决我的另个痛点!

多端编辑!这是我的痛点之二!网页编辑器在电脑上完全没问题,但是个人感觉到了手机,平板就显得力不从心。

时机

一次偶然在github上看到NotionNext,Notion我依稀记得是个国外的写作软件(以前偶然被别人安利过但没怎么使用),Next又是我感兴趣的技术栈,当即我就点进去看了。经过一番查看,我个人认为这就是我目前博客的“终极”之选。

Notion

Notion 有很强的表达能力,blockdatabase 的设计都是很大的创新,这些设计和功能被各种云文档和笔记软件抄了一遍又一遍,足以见其影响。现在又集成了 LLM,对写作更方便了。

痛点一:表达能力不足

NotionNext基于react-notion-x这个 Notion block 的渲染库实现,在展示功能上基本与客户端无二,可以自托管,也能直接生成静态页面,是开箱即用的。

痛点二:多端编辑

我使用的设备有PC 安卓平板 Macbook iPhone,Notion全部有客户端,当然安卓的需要自己找,我是直接用的GooglePlay版。还有web端可以直接使用。

隐藏之痛点三:昂贵的服务器,对象存储

fork 了 NotionNext,花了一周断断续续来完成个人主题,由于我的服务器不少时间后就要到期了,所以我并没有部署到我的服务器上,而是托管到vercel上,虽然是动态部署,但对于个人来说vercel的免费额度也是够用的,再加上数据存储在notion上,notion free版支持5M以下的文件上传。如果不满足需求可以使用自己的对象存储系统,七牛云cloudflare都有10g的免费额度!但以此又引入的另一个痛点。

隐藏之痛点四:托管到vercel国内如何访问

虽然托管到vercel少了个人购买服务器的费用,由于vercel被强了,以至于大家都访问不到了。所以我又使用cloudflare代理DNS解析。众所周知,当你有了域名后,cloudflare全身都是宝,免费的workers,免费的pages,免费的对象存储,还有无限邮箱等等功能!使用cloudflare代理代理后,虽然速度有点缓慢,但至少是可以访问的状态,再加上缓存,除了第一次进去比较缓慢,后续都会很快。

迁移

最早之前我的域名为.fun,后来续费时发现新的.top一百多就可以买到十年,因此我果断换了个人域名,目前原博客已经重定向至新地址了

Blackcell——物以类聚 人以群分

image.png

参考

迁移博客到 Notion