最后一次折腾博客

Jan 20 ·
9 分钟阅读

上一篇博客为何而写作提到我在 11 月份上线了新的博客,这个博客用的是一个我和另一位朋友 Lee Zhi An 从去年年中就一直在开发的 Astro 模板。他是主要开发,我处理了一些 Markdown 渲染效果和简单的动效。

同时,这个模板是开源的,项目地址是 Slate Blog

博客里使用的一些技术

Astro

模板的基础技术栈使用了 Astro+React+Tailwind+TS。我从前年就一直在关注 Astro,它的便利之处主要有几点:

不过当初吸引我的原因是 Astro 确实是一个对前端新手友好的解决方案,既简洁扩展性又高。

Radix

博客的默认配色使用了 Radix 的颜色系统,除了发现刚好它支持 Astro 外,Radix 里我最喜欢的两个点是:

机灵的可能就想到我们下一步要做什么了。

顺带介绍另一个我很喜欢的颜色系统 Flexoki,当时看到这个熟悉的页面的配色,果然是 Obsidian CEO 的博客…

排版

在 Markdown 渲染上,我们做了一些很细节的调整,部分实验过程中的渲染效果,已经提前用到了 exping 博客的文章上,所以一直有在关注 exping 博客的朋友,可以看到它从年中开始慢慢有了很多变化,包括显示字体的优化、一些自定义语法、支持 embed 资源显示、支持 Callout 显示和优化中文排版等等。

exping 博客也许是中文排版最优雅的博客之一,这个博客也许也是。

很遗憾,exping 官网在最近已经下线了。

其他特性

SEO 友好

模板已经处理好了大部分 SEO 的关键内容,包括 sitemap、网站和文章分享和文章的 JSON-LD 属性等,你只需要参照 Demo 文章,在写文章时添加好对应的属性,其余 SEO 工作模板会帮你完成,从另一个角度来说,你唯一需要关注的,是你的写作内容。

RSS 订阅

Follow 去年的热度 让 RSS 又重回了大家的视线当中,很多人因此重拾了写作,我们很高兴见到这种事,这个项目也很理所当然地支持了 RSS 订阅。

Follow 认证

上面提到了 Follow,我们也顺带把这个小功能也支持了,只需要在 Follow 里订阅自己的博客,然后在配置里加上 Follow 中自己博客对应的认证代码,就可以轻松支持 Follow 的认证。

支持搜索

只需要在 Algolia 官网上申请一个 API Key ,填入到 config 的对应配置中,就可以支持搜索博客内容。

其他更多技术方面的内容可见项目里面的 Readme。

Obsidian 兼容

我搭配 Obsidian 来进行 markdown 写作,这个博客对 Obsidian 也兼容良好,比如兼容 Obsidian 中标签的写法,基本上在 Obsidian 模板里设定好博客的属性就可以用得很方便,我们也准备了一个模板文件方便你使用 Obsidian 编辑博客文章。

文章的基础属性可见我们博客Demo

项目已经提前在 .gitignore 中写入了 .obsidian,如果需要在多设备上同步 Obsidian的配置记得把这个去掉就行了。

图片储存和压缩

图片储存是博客的老大难问题之一,这次我使用了 CloudFlare + PicGo 储存我的图片,参考设置方式可以参考这篇参考文章,这里就不重复写了。

为了加快加载速度,上传到 CloudFlare 前我会先提前压缩,我使用 Raycast+ TinyPNG 插件来处理这件事情,这样就不需要每次到网页上传和下载。这样处理完一轮后,目前使用起来访问速度还是挺一般,但是对于我这种访问量不高的博客足够了。

旧文章整理

我一边在设计和开发新博客,一边整理了所有散落过其他平台的旧文章,主要是修正了所有中英文的空格(虽然我们在博客渲染中已经处理了这件事),修正了专有名词的书写和错别字,在这些事情上,使用 Cursor 处理非常方便,免费的 Cursor-small 模型就可以完美完成。

上面的修改仅限于格式和排版,没有做任何措辞的修改,保留了以前原汁原味的文笔,或者说,原汁原味的自己。

整理时数了下我折腾过不少其他平台,能想起来的就有以下这么多。

网站部署

我用 Vercel 直接部署我的博客,但是使用 Vercel 会遇到在中国大陆无法访问的问题,这个事情也很好解决,可以参考这篇文章处理。

Roadmap

博客后续还会继续开发一些新的功能,目前在计划中的优化包括但不限于以下:

有任何其他的想法也欢迎通过 issue 反馈给我们。

对了,这个博客的订阅地址是 https://bluepika.life/rss.xml ,或者在 Follow 里搜索 Bluepikachu 就可以找到,欢迎大家订阅。

编辑于 Jan 23
© 2025 Bluepikachu