折腾了一个周末，我用GLM 5.1搭了个3D版个人博客

最近是不是感觉 Codex 和 Claude 都有点“神经刀”，时灵时不灵的？被这波不稳定搞得心态有点崩的我，决定把目光投向国产大模型，试试 GLM 到底能不能打。

本来想上最新的 GLM-4，但这会儿暂时没找到特别稳当的渠道，于是退而求其次，直接拿 GLM-3 当主力（也就是大家俗称的 GLM-5.1）。说实话，这一试还真有点惊喜，尤其是它的代码生成能力，完全超出了我的预期。就在 27 号这一天，我硬是跑掉了一亿 Token 的用量！ 这工作量，可想而知我当时有多“兴奋”（和费钱）。

完全可探索的 3D Mini World 成品展示

折腾了一圈，最终成品我还挺满意的——一个完全可探索的 3D Mini World。

🎮 这是个什么好玩意？

像 RPG 游戏一样，使用 WASD 键在场景中移动探索

走到特定场景（如日记本）旁，按下 F 键即可打开内容

使用 Ctrl+F 搜索功能，瞬间传送到特定的日记或笔记

你可以把它理解成一个高度交互式的 3D 个人博客，或者是一个迷你的网页游戏。在这里，你不再是对着枯燥的图文列表上下滑动，而是操纵一个小人，在各种各样的场景里跑来跑去。

怎么玩？

• WASD 键：控制角色移动，像玩 RPG 游戏一样探索。
• Ctrl + F：这是一个“传送门”功能。如果你想找某个特定的日记、笔记或者小游戏，直接搜索，点击就能瞬间传送过去。
• F 键：这是交互键。当你走到某个场景（比如日记本、相册或者小游戏机）旁边，按下 F 键，就能打开对应的内容。

所有的日记和笔记，我都做好了持久化存储。这意味着这不仅仅是个花架子，它确实能作为一个内容承载的工具来用。相比于传统的排版博客，这种“空间感”带来的体验完全不一样，感觉更像是走进了自己的精神小屋。

💰 0 成本如何落地？全是“羊毛”

利用 Supabase 的免费额度实现数据的持久化存储

很多朋友可能觉得搞 3D 必须得要服务器、得要高性能计算，成本肯定高。其实不然，这个项目全程0 服务器成本，全靠薅免费羊毛搭起来的。

1. 前端托管：GitHub Pages 代码写好后，我直接扔到了 GitHub Pages 上。这也是很多静态博客爱好者的首选，免费、稳定、支持自定义域名，完全够用。

GLM 5.1 辅助生成的 Three.js 场景与游戏逻辑代码

2. 数据存储：Supabase 数据存哪儿是个问题。为了不花钱，我薅了 Supabase 的免费额度。它家有一个 每月 1GB 的永久免费存储空间，对于一个个人项目的文字内容和小游戏数据来说，这个容量绰绰有余。

为了省心（也是为了防止滥用），我把上传照片的功能暂时给 ban 掉了。毕竟免费流量有限，万一被刷爆了就尴尬了。如果你对技术感兴趣，或者想加上图片上传功能，完全可以去 Fork 一下我的代码自己魔改，Supabase 的配置其实也非常简单。

🤔 GLM 实战体验如何？

这就得重点夸一下 GLM-5.1 在这次实战中的表现了。整个项目的代码生成，从 Three.js 的场景搭建，到 Supabase 的数据库连接逻辑，大部分都是它辅助生成的。

• 代码连续性：它能记住很长的上下文，这对于构建这种需要多个文件互相引用的项目至关重要。
• 逻辑理解：对于“按 F 键触发检测”、“距离判定”这种游戏逻辑，它理解得很快，给出的代码往往只需要微调就能跑。
• 中文语境：这点不用多说，国产模型在理解中文需求和注释上有着天然优势，交流起来更顺畅。

虽然有时候也会生成一些需要 Debug 的代码，但总体效率绝对是拉满的。一亿 Token 跑完，换来了这样一个完整的 Mini World，我觉得这波血赚。

🚀 动手试试？

这种“空间博客”虽然看起来有点像花里胡哨的玩具，但它其实打开了一种新的内容展示思路。对于想要展示作品集、制作个人简历或者纯粹想折腾点好玩东西的开发者来说，这种形式比传统的 Web 页面吸睛多了。

目前项目已经部署上线，大家可以直接去体验一下。如果你也是开发者，觉得这玩意儿有意思，代码都已经开源了，直接拿去改成你自己的世界岂不美哉？

去 Fork 一下，把你的博客变成一个 3D 游乐园吧！