碎碎念: 用 AI 给自己写了个博客后台

Published 2026-10-18 23:50 Updated 2026-10-18 23:59 1144 words 6 min read

kissablecho avatar

kissablecho

Kissablecho's personal blog — recording life, sharing technology, anime & white stockings enthusiast.

碎碎念: 用 AI 给自己写了个博客后台碎碎念: 💩🐎的运动世界Random muttering: A little pink skirt, oh~Random thoughts: 26-09-06Random thoughts: 26-08-30Random thoughts: 26-08-29碎碎念: 26-08-28Random thoughts: 26-07-21🔒 碎碎念-26-07-10 恶梦Ramblings: 26-06-14Murmur: 26-06-06Rambling: Final Exams · C🔒 碎碎念: 期末 · ARandom Notes: Summary of Several Recent Technical AdvancementsChitchat: Today is my birthday.Random Thoughts: Senior Year Coming-of-Age CeremonyRambling Thoughts: February 25, 2026Rambling Thoughts: February 26, 2022Random Thoughts: 26-02-20Rambling: 26-02-18-2Rambling: 26-02-18碎碎念: 26-02-17Rambling: 26-02-15Rambling Thoughts: 26-02-14Chatter: 26-01-16 Friends, Interpersonal RelationshipsRandom Thoughts: 26-01-01 2025, Annual ReviewRamblings: 2025-10-19Rambling: October 17, 2025 (Supplement)🔒 碎碎念: 2025-10-13 (补、密码保护)Rambling: Please forgive my introverted self.Rambling Thoughts: 2025-09-23Ramblings: Perfectly Transplanted PureSuck ThemeRambling Diary: 2025-07-16Trivial Musings: 2025-07-05Murmurings: 2025-06-13Random Thoughts: 2025-06-09Rambling Thoughts: 2025-05-18 A photo taken in the evening.Trivial Thoughts: 2025-05-05Rambling: 2025-04-30Chatty: 2025-04-20Chop Chop Nian: 2025-04-19Rambling: April 13, 2025Ramble: 2025-03-09-2Chatter: 2025-03-09Rambling: I'm too lazy to even write an annual summary.Random Thoughts: November 17, 2024Daily Musings: October 8, 2024, to October 18, 2024Ramblings: 2024-09-29Trivial Musings: September 24, 2024Random Thoughts: 2024-09-23Daily Ramblings: 2024-10-05Random Thoughts: 2024-10-03 Drank a taro boba milk teaRandom Thoughts: 2024-10-03 May the world be forever free from war.Rambling: 2024-09-15🔒 碎碎念: 2024-09-01Ramblings: 2024-08-29 Who changed my playlist?🔒 碎碎念: 2024-08-29 我抑郁症?Ramblings: 2024-08-29Chatter: 2024-08-26Chatter: 2024-08-22Random Thoughts: 2024-08-18Chatter: 2024-08-11Trivial Ramblings: 2024-08-08🔒 碎碎念: 2024-08-06 梦Chatter: 2024-08-06Chatter: 2024-08-04Murmurings: 2024-07-21Trivial Musings: July 13, 2024Ramblings: 2024-07-08Trivial Thoughts: 2024-07-03Murmurings: 2024-07-02Stream of Consciousness: July 1, 2024Rambling Thoughts: 2024-06-30Rambling Thoughts: June 28, 2024Chatter: 2024-06-27🔒 碎碎念: 2024-06-26Trivial Musings: 2024-06-22🔒 碎碎念: 2024-06-20Rambling: 2024-06-18Trivial Murmurs: 2024-06-17Random Thoughts: 2024-06-15Random Thoughts: June 14, 2024Rambling: 2024 High School Senior Rooftop Shouting🔒 碎碎念: 2024-06-06Chatter: 2024-05-30 1Random Thoughts: 2024-05-30 twoRambling Diary: 2024-05-27Rambling Thoughts: 2024-05-26🔒 碎碎念: 2024-05-23🔒 碎碎念: 2024-05-22Rambling Notes: 2024-05-19🔒 碎碎念: 2024-05-17Ramblings: 2024-05-14Rambling Thoughts: 2024-05-13Ramble: 2024-05-12🔒 碎碎念: 2024-05-10🔒 碎碎念: 2024-05-08🔒 碎碎念: 2024-05-06🔒 碎碎念: 2024-05-05 M:8 三🔒 碎碎念: 2024-05-05🔒 碎碎念: 2024-05-05 M:7 二Rambling Thoughts: 2024-05-05 M:7 OneRambling: May 2, 2024 Thursday M:3 light rain🔒 碎碎念: 生日Rambling: 2024-04-29 M:7Random Thoughts: 2024-04-27 M:8
This post is not yet available in English. Showing the original.
从下午三点半到晚上十点半,5个多小时、17 个提交,我让 AI 帮我写了个博客后台。比之前的 Decap CMS 方便,界面更好看,手机上也能用,现在已经部署在 sakura.ksable.top,以后更新博客会方便很多。

本文由 AI 辅助编写

本文纯 AI 手笔,人工含量:0%

今天下午三点半,我做了个决定:自己写一个博客后台。

晚上十点半,它已经能用了。

5个多小时,17 个提交,近七亿 Token。


这个想法其实在心里放很久了。

2024 年的时候,为了能在线改博客,我折腾过 Decap CMS,从 Netlify 到 Git Gateway 一步一步配,配完还写了篇保姆级教程。

但说实在的,那玩意儿配好之后,我用的次数一只手数得过来。界面不太好看,手机上更难用,想加个字段还得回去改配置、再重新部署。后来博客从 Hexo 搬到了 Astro,Netlify 的 Identity 我也不用了,Decap 就一直搁在那儿。

所以这些年我更新博客的方式,还是老一套:开电脑、开编辑器、改完 push。人在外面的时候,基本就等于不更新。

就一直想着,什么时候能有一个自己用着顺手的。


今天终于动手了。

我把想法和需求跟 AI 讲了一遍,还认真写了个 plan.md——现在这东西还在仓库里,写得挺像那么回事的。

然后先让它出了四套视觉方向。我一眼就看中了 01 号「樱糖手帐」:文件是索引卡,编辑是纸,提交是盖章。

四套视觉方向的对比
四套视觉方向的对比

接着就是一下午加一晚上。

代码几乎都是 AI 写的。需求是我提的,视觉方向是我挑的,每个界面也是我一张张截图看过去的;但具体怎么实现,我基本没管。我的工作更像是:提要求、点按钮,然后说「这个不好看,再改改」。

中间也折腾了不少。比如夜间模式,也不是拍脑袋定的,先单独做了一页对比稿,才定下来用暖墨纸;还有 PWA,代码明明写好了,pnpm dev 里怎么都看不到 Service Worker,折腾半天才知道开发环境根本不注册,得 build 之后再 preview 才能验。

最后还加了「本机备份」。写文章最怕手滑刷新,现在底栏会显示「本机已备份 22

」,刷新后还能把没保存的内容捞回来,心里踏实多了。


到晚上十点半,最后一个提交之后,我打开网页,点开一篇文章,改了个标题,点「盖章保存」。

然后去 GitHub 上看,commit 多了一条。

那一刻还挺爽的。

顺手把 dist/ 发布到了 sakura.ksable.top,这下在教室、在宿舍、在路上,打开网页就能写。


说回正题,为什么说它比之前的 Decap 方便:

  1. 不用装环境。它就是个纯静态网页,现在部署在 sakura.ksable.top,地址收藏在手机浏览器里,和刷帖子一样随手。
  2. 界面好看多了。不是那种「能用就行」的 CMS 后台,是一张手帐纸;晚上还有夜间模式。
  3. 手机上终于能用了。左边抽屉是文件树,下面是正文,盖章按钮固定在纸尾。
  4. 保存就是提交。不用开终端,也不用等本地构建,改完点一下,GitHub 上就多一个 commit。
手机上也能改文章了
手机上也能改文章了

以后想发碎碎念,不用等回家、不用等有空,路上想到什么,掏出手机就能改两句。


不过说实话,这次做完,最让我有感触的不是界面,是 AI。

以前写东西,最卡的是「想得到、做不出来」:脑子里有个大概样子,但不会 CSS,不会 React,查半天文档,写两天,做出来个四不像。

现在不一样了。我只要把想要的说清楚,剩下的 AI 都能做,还做得比我好。

但做了这一下午我也发现:AI 能替我把代码写出来,替不了我做决定。

什么样的界面算好看、哪个交互顺手、什么地方该省、什么地方必须留——这些没人能替我想。今天 16 个提交,每一个都是我自己点的头。

所以门槛降低之后,真正难的反而是另一件事:你到底想要什么。


写完这篇已经快十二点了,明天还有课,先睡了。

以后应该能勤快地更新博客了吧……先立个 flag,别下个月又一个月不更新。

线上地址:https://sakura.ksable.top/

项目地址:God-2077/astro-blog-studio

If you enjoyed this, leave a comment~