这个想法搁了挺久。看很多个人开发者都有自己的博客,我也想学着写一写,分享点心得。说实话我没指望它起什么大作用,就是想写,想记录。弄了好多个项目,一直想有个地方,能把自己的开发经历摆出来。

真正下决心是刷 B 站的时候。看到一个 UP 主,神烦老狗,发视频介绍他自己的开源博客项目,排版干净,动效也舒服。我看完想,就它了,拿这个当底子,盖我自己的楼。

楼盖成什么样

模板原本是米白配橘红的,好看,但不是我的。我一直喜欢传统文化,就想,能不能做成水墨的。搜索引擎里搜「水墨 前端」,还真让我挖到宝了:一整套开源的水墨 UI 组件,宣纸底,朱砂色,连弹窗边框都是毛笔画的。当时挺惊喜的,顺手把它的宣纸纹理扒了下来,当了博客的底。

定下来的样子就是你现在看到的。暖宣纸的底,墨色的字,标题旁边一枚朱砂印章,刻的是我名字里的「森」字。留白多一点,颜色收着点,这是我当时跟 AI 搭档反复说的两句话。后来我还琢磨着,基于这套组件攒一套自己的水墨前端,这个慢慢来。

AI 搭档干活,我踩坑

我不会写代码,全程的活都是 AI 搭档干的:把模板里原作者的示例内容换成我的,头像、名字、社交链接一个个填进去,再配服务器,传文件上线。域名早先就备案过,底部挂上备案号,齐活。

中间闹过一个笑话。示例文章明明删干净了,首页还固执地显示着旧的,查了半天才找到,是缓存在捣乱。

最烦的是调样式那阵。我的 AI 搭档看不了图片,我说「这个感觉不对」,它只能一遍遍改,改完截图,再找人帮我看,来回折腾。不过后来抓出来的毛病,倒都挺值:进网站时背景会闪一层颗粒点,查出来是一张纹理图的格式问题;打错网址显示的是服务器自带的英文丑页面,补了一行配置,换成了水墨的 404 页,「此处无墨」四个字,我自己挺喜欢。

上线那晚

都弄完的那个晚上,我在浏览器里敲下 dawei.host,回车,页面出来了。挺高兴的。想了挺久的博客,总算立起来了。

大微阁首页

几点实在的感觉

它不是一句话生成网站。方向是我的,感觉是我的,「要什么」这事 AI 替代不了;但写代码、配服务器、排查问题,确实都是它干的。

跟它说话越具体越好。「要有格调」这种话等于白说,「留白多一点、颜色收着点」才有用。

它也有短处。让它画水墨山水,细节总有说不清的怪,所以博客里 AI 画的装饰一张都没用上,宣纸纹理是真素材。看不了图这个短板,实打实磨了我不少时间。

后面我打算把我弄过的项目慢慢写出来,再记点用 AI 工具的心得。写多写少,总归是自己的地方。