[奇技淫巧] 使用 Arc 的 Note 功能写 Blog

趁着周末想给自己的主页添加 Blog 功能,我理想的博客应该是比较干净、简单并且高可拓展的,所以在起初我并没有考虑一些博客模板而是使用了一页纯 HTML。

考虑到我需要增加 Blog 板块以及后续可能会添加其他内容,我最终迁移到了 Next.js,Next.js 除了 SEO、SSR 等优点,部署也非常简便(Vercel)。

前面也提到过,我希望我的博客比较简单,所以我没有考虑后台以及使用在线编辑器,再加上 Blog 板块这个需求不是非常急迫(bushi)这件事也一直被搁置,直到 Arc 的出现加速了这个功能的实现。

昨晚临睡前,我想到 Arc 的 Note 功能使用体验还不错,它支持大部分 Markdown 语法,也支持插入图片、链接等,重要的是可以设置公开把它分享链接给别人看,虽然说相比其他专业的 Note 软件 Arc 的功能比较基础,但是对于写 Blog 是基本够用了。

Arc 作为我目前的主力浏览器,我几乎不会关闭它,并且在 Arc 中创建和分享 Note 都非常的方便、快速,这是我决定用它来写 Blog 重要的原因之一。

有了 Arc 做 Blog 的载体,我需要做的就是整理、展示这些公开的链接,我通过 <iframe /> 在我的博客中引用它,每当我需要添加文章时只需要添加文章的标题、时间、链接即可发布在我的 Blog 列表。(我们还可以直接修改文章实现热更新)

当然它也有差强人意的地方,比如访问速度太慢、文章大小不能超过 1MB(本地不限制)。

虽说这种解决方案取巧了,不过也快速的实现了我的目的,整体效果在可接受范围之内。这是我的第一篇 Blog,记录这次折腾的过程与想法 💡

9 月 9 日更新:

由于 Arc 加载速度过慢,国内网络环境时常打不开,所以决定使用 react-markdown 解析 Markdown 生成 HTML,除了无法热更新和美观问题之外,其他方面暂时还比较满意。

总结:Hack 方案过渡可以,一般情况下最好还是要走阳光大道。