大家好,我是老猫,欢迎打开本期推文。
大家都知道vibe coding已经火了很长一段时间了,相信大家在各大自媒体平台都能刷到谁谁谁又通过vibe coding做出了某款产品,小程序,APP等等,甚至连明星都开始vibe coding。某音平台很多不同的职业都在晒自己的vibe coding产品。
为什么是个人博客站这样一款产品?
作为本身就是技术出生的老猫,当然是不能错过用vibe coding做点东西的。早在今年3月份,其实老猫就用Deepseek+Gemini设计了一款博客的交互,当时并没有落地。之后的几个月中老猫用业余时间进行后端设计,并且vibe coding落地了这款博客系统。
相信大家都不看好现在的博客产品,因为传统博客的核心资产是"认知盈余"------作者可能耗费数小时甚至数天沉淀的独到见解。但在AI时代,信息获取的边际成本趋近于零。
相信大家会问为什么一定要自己搭建一套博客系统,现在第三方的博客软件这么多,开源的也有,为什么不直接使用?其实主要有下面三个原因:
- 老猫用过一些第三方的开源博客软件,例如vite press,hexo,word press。很多功能也确实很强大,但是很多功能都是通过第三方插件组装到一起使用。第一有研究成本,第二个自己后期改造拓展新功能的成本比较高。
- 另外的是在第三方平台上分享技术文章,但那种寄人篱下的感觉始终挥之不去------必须遵守平台的排版规则、审核尺度,甚至随时面临它关停后所有数据归零的风险。
- 今后能在自己的博客中发布更多的vibe coding产品,当然我想要的是一个个人产品专区。诸如此类的定制化诉求将会非常灵活。
正因如此,拥有一套完全属于自己的博客系统,便成了老猫难以割舍的情怀:它不仅是输出的阵地,更是自主权的象征,这种"这是我的地盘"的踏实感,在老猫看来本身就是技术人独有的一份浪漫。
那么AI时代为什么又要写博客呢?
- 本质上来说是写博客本身就是在序列化个人的大脑状态。AI写作是直接从海量语料中"命中缓存"并重组,将大脑中杂乱的、神经元的电信号,强制转化为逻辑严密的文字链。
- AI时代,流量和点击是虚妄的,但"技术影响力"和"个人品牌指纹"是真实的。哪怕一篇博客每个月只有100个独立访客,只要其中有一个人留言说"看了你的踩坑记录,我今天不用加班了",这篇博客就完成了AI永远无法完成的使命------它传递了"同理心"。
接下来就介绍一下老猫的这款博客产品吧。
博客个人点功能以及使用的技术栈
业务架构图如下:

该项目是一套基于 Spring Boot + Vue 构建的现代化个人博客社区系统,不仅支持传统博客的文章发布与管理,还融合了社区互动、微信公众号登录、内容审核、站内通知、媒体管理以及后台运营等能力,旨在打造一套兼顾内容创作、用户互动和运营管理的一站式内容平台。
系统整体采用前后端分离架构,以 RESTful API 作为通信方式,结合 JWT 身份认证、RBAC 权限控制、Markdown 编辑器、七牛云对象存储等技术,实现高可扩展、高可维护的内容管理平台。
整个系统围绕 内容生产、内容消费、社区互动、平台运营 四大核心业务展开设计,既适合作为个人技术博客,也能够扩展为小型社区或知识分享平台。
系统整体采用四层架构设计:
- 前端展示层:负责首页、文章、归档、社区、学习中心、友链等页面展示,为用户提供良好的阅读与互动体验。
- 业务服务层:基于 Spring Boot 构建 REST API,负责文章、评论、动态、用户、通知、配置、统计等业务逻辑。
- 数据存储层:使用 MySQL 存储业务数据,七牛云对象存储负责图片及媒体资源管理,微信公众号承担扫码登录及消息通知能力。
- 后台管理层:提供统一运营后台,实现内容审核、用户管理、系统配置、统计分析及日志审计等功能。
系统采用模块化设计,各业务之间低耦合,可根据需求灵活扩展新的业务模块。
核心功能模块一览:
接下来老猫挑选几个自己比较得意的模块,和大家聊聊设计思路。
文章发布与写作体验
博客的灵魂当然是写文章。整套系统内置了 Markdown 编辑器,支持实时预览、代码高亮、数学公式渲染(用 $...$ 包裹),还接了第三方图床,截图直接粘贴就能自动上传到七牛云,写技术文章时的流畅感完全不亚于本地 Typora。

文章发布流程上也做了细致打磨:支持草稿、定时发布、分类 / 标签、置顶、隐藏,甚至可以为每篇文章单独设置转载规则。所有历史版本都会留痕,哪天手滑删了重要段落也不慌。归档页面按时间线自动聚合,老文章不会被埋没,方便读者考古。

社区互动与「说说」
除了长文,老猫还想保留一些碎片化表达的空间,于是就做了一个类似「说说」的动态模块。平常调试遇到的有趣 bug、突发的小灵感,随手发一条即可,不需要像正式文章那样字斟句酌。

评论系统我也下了些功夫:支持嵌套回复、点赞,同时后台接入了敏感词过滤和人工审核机制,有效抵御 spam 和键盘侠。当有人回复你的评论或点赞你的动态时,站内通知会即时推送。未来还打算接入公众号模板消息,让通知能触达到更多场景。

微信登录与用户体系
为了让读者少记一套账号密码,我直接接了微信公众号扫码登录。由于是个人公众号,不是企业主体的公众号,所以只能通过用户关注公众号后,发送验证码的形式,注册 / 登录,整个流程不超过 3 秒。比传统邮箱注册体验好太多。


后台管理与数据看板
最后不得不提的就是运营后台。它集成了文章 / 评论审核、用户管理、系统配置、访问统计与日志审计等功能。老猫参考了各大运营平台的设计原则,将常用操作拆得极细:比如可以按需开关评论审核、调整全局文章排序、甚至配置全站 SEO 元信息。数据看板则用图表直观展示 PV、UV、文章数、评论数等指标,虽然目前读者不多,但每天看着这些数字一点点增长,就是坚持下去的最大动力。


结尾
说到底,选择从博客开始,不是因为它最"高级",而是因为它最"像自己"------每一行代码、每一篇文章,都在为未来的个人产品悄悄铺路。它既是技术沉淀的容器,也是你在互联网上最安稳的"自留地"。
在不久的未来基于这个博客应该会有更多的vibe coding产品出现,集成AI,做一些AI产品也是未来的规划,博客只是开始,欢迎大家持续关注。
如果你也对某个模块的实现细节感兴趣,或者有任何关于独立博客、或者其他vibe coding 的想法,欢迎在评论区留言。咱们下期推文再见!