关于本站
2025年4月1日

缘起

互联网的早期,对于时髦的网上冲浪一族来说;一件重要的事就是建个人博客,与世界说:“Hello world ”。

不过当时没有博客(Blog)这个概念,大家都叫它个人网站(Homepage,世界最好的语言 PHP 一开始就是 Person Home Page 的缩写)。

陂时各大网站也乐此不疲地提供各类免费空间供大家折腾。(不知是不幸还是幸运,我的第一个个人网站就折腾的很大,以至于我青春的 1/3 时光都在为它忙碌。)

抛开各种提供服务的网站/应用,鄙人闲暇时也建了不少分享和记录的网站。 仔细算下,目前这个应该是第六版了。

第一版

2002 年

使用了一个韩国人的开源日记系统(界面非常漂亮)

第二版

2004 年

使用 ASP 自己编写的一个 Blog(这个其实已经有了微博最早的雏形)

第三版

2005 年

当年有一个很火的文字社区游戏《江湖聊天室》,还有一个技术上非常有前瞻性的在线交友社区《诺亚城》,我将两者相结合,做了一个叫《江湖心情日记》的东西;

第四版

2008年

MSN 的 Space (这个写了最多内容,但是 Space 最后倒闭了内容也没有了)

第五版

2015年

百度空间(也没了,百度虎头蛇尾的项目太多了😞)。

Pasted image 20250418123043

之后的十年就再也没建立过个人博客了,一些文字就散落在互联网的角角落落里了。

这次重新开博,主要还是觉得需要把自己分散在各处的文字找一个地方聚合一下,另外就是尝试长文连载创作。

自建 Blog 还是有很多好处的,特别是开发者背景的话,其实是有很大的自由度的。你可以把你所掌握的技术在博客上实验,而不需要局限在平台提供的框架内。

目前这个博客是基于 Astro + Daisy UI 这个框架,Astro 是一个静态内容生成框架,它允许你使用各种前端框架,比如:React、Vue、Svelte、Solid 等,它的语法接近 React,意味着你可以自由封装任何组件并在页面上调用它。Daisy 是一个 UI 框架,提供了各种常用的组件(选择它没有什么特别的原因,只是因为这个博客模板的作者选用了它)。

木木Jay的头像
木木Jay
比如我可以轻松地召唤 Daisy 自带的聊天窗。
巧克猫的头像
巧克猫
哇,好厉害!
木木Jay的头像
木木Jay
除此之外 Astro 还提供了强大的数据加载器,让你可以方便地调用 API 端点并将数据渲染在页面上。

技术选型

目前这版的博客技术选型也经历了一番纠结,首先传统的 SaaS 博客服务是不会考虑了(不知道什么时候又会跑路\收费\审核\被黑\站长活不下去了要大家捐款…)。

但是为了一个博客还要去维护一个服务器、一个数据库,感觉成本有点高,而且在线写作的体验总感觉差了点什么..

进入最终决赛圈的 2 个方案:

Strapi + Astro

这个方案的优势是,Strapi 的 headless 方案,让你享受到了 CMS 级的内容管理体验,而 Astro 是目前 SSG 中比较出众的方案,Astro 本身自带的数据加载器可以很方便的调用 Strapi的接口并渲染静态页。但是为了使用 Strapi,必须要还得有个 node 环境,也需要有个数据库,所以在运维方面还是有些负担。

Obsidian + Astro

由于 Astro 本身也是支持 Markdown 格式的,所以其实如果博客的更新频次和内容不是很多的情况下。采用 Markdown 文件作为内容载体也是可以的,这样就省去了服务器运维的工作。另外如果你开启了 mdx 的功能,单个页面其实是做到完全和一个独立页面那样自由的。

💡最后的方案:

Obsidian 编写博客 -> Git 提交 Astro 至阿里云的 CodeUp -> CodeUp 编译静态网站文件推送至阿里云 OSS -> 阿里云 OSS 挂载 CDN 加速。

这个方案可以算作是一个既要还要又要的极具性价比的方案,优势在于:

  1. 基于 Obsidian 的极佳撰写体验:在装好合适的插件后,Obsidian提供人体工学级的撰写体验。强烈建议开发者使用这款笔记软件,之前我试用过市面上绝大多数的笔记软件,一开始被 Obsidian 传闻的复杂度劝退,其实真的用了,才知道别人所谓的复杂度在开发者面前根本不值一提 (特别是前端爱好者)。
  2. SSG 方案带来的优秀 SEO 效果:Astro 是目前比较流行的一套博客方案,它主打内容驱动,SSG 既服务端生成内容,它在 node 运行时将你的网站内容编译打包为静态 Html,这个方案基本是 SEO 最友好的方案。不信你可以去看下GooglePageSpeed的本站评分。
  3. 接近于 0 的运维成本:由于使用 md 文件托管,这样无需服务器和数据库支持,日常费用仅剩 OSS+CDN 费用,作为一个博客所占据的存储空间和流量来说,基本就是 0 了。
  4. 高安全性及便利的备份方式:由于采用了无服务器的静态方案,所以基本也就没有服务器被黑的可能了,另外采用 git 管理网站版本,也可以更快的回滚和备份版本。

本方案唯一美中不足的地方是:阿里云的 CI/CD 并没有提供一个刷新 CDN 的插件,所以每次发布新内容后需要手动去刷新一下,好在阿里云本身提供了各种 OpenAPI 和 SDK,你可以自己封装一个小的 API 服务,然后使用 CodeUp 的 webhook 去调用这个 API。

人物介绍

技术开发者的博客一般多为分享技术为主,总体来说较为枯燥。

为了提高文章的可阅读性及趣味性。本博客引入了一些虚拟人物,他们会在博客文章中出现,展开一些对话。

他们是:

木木 Jay

木木 Jay

本站博主,资深互联网产品开发运营专家,兴趣爱好较为广泛。

巧克猫

巧克猫

三丽鸥公司的虚拟形象,他是一位正打算进行互联网创业的程序员。

大眼蛙

大眼蛙

巧克猫的朋友,一个无关紧要的吃瓜群众。