logo

Timeless

花开成景,花落成诗

从零搭建博客之AI重构

从零搭建博客之AI重构

八月 1, 2026 8 1303 4 分钟

没想到这么久了还能重启这个系列,托AI的“福”,快速重构了博客、万物对比排行,还增加了一个主页~

前几个月都没什么动力更新网站和文章了~

工作上基本都是用Trae、Qoder接AI大模型比如Claude code opus4.6、GPT 5.5来辅助开发,活是越做越快了,也越来越无聊。最近想着既然有AI辅助,那么为啥不把之前想做的实现一下呢。

主页

网址:https://www.timelessq.com

一开始自己的项目比较少,只有一个博客和公共的Api站点,所以就直接用博客作为主页了,后来兴趣使然慢慢做了好几个项目,再通过博客来引流就不是很合适了,于是打算做一个简单的站点放个人站点简介,子网站入口。

本人的艺术细胞有限,实在设计不出来太好看的页面。不过呢,刚好最近有个AI skills很火,就是ui-ux-pro-max,可以根据提示语以及模板生成好看的页面,于是就有了下边的网站

93dc7dd1b95cc3c3.jpg

  • 首屏根据时间做了不同季节的背景以及粒子飘落动画,就是春夏秋冬,白天、晚上看到的景色都不同,有点时光的意境~对吧
  • 基于Swiper全屏滚动,每一页都是子网站的介绍以及入口,分别是读万卷书(博客)、行万里路(九州风物志)、做万般事(工具箱)、载万千数(公共Api),比较契合整站时光、知行合一的理念

博客

网址:https://blog.timelessq.com

原本博客是我刚毕业没多久,自学thinkjs3 + nuxt2中间件做的前后端、内容管理后台,虽然都2026年了技术栈翻天覆地的改变,但它还是能满足我的需要,所以想着要不保留这个技术栈和UI界面,留点念想(就是懒),只做一些新特性的升级优化。

  • 升级到nuxt4、thinkjs4独立部署
  • 也用上了typescript、unocss、slug url
  • 把工具箱的部分功能迁移到独立站点了,就保留写写文章、追番的功能
  • 评论统一迁移成waline方案

九州风物志

网址:https://trip.timelessq.com

之前是一个多钟事物(数码、地理、人文)参数展示、对比、排行、分析的网站。

原生卡点

  1. 数码类数据永无休止需要高频更新:芯片、手机年年迭代;新品发布、参数修正,持续产生维护负担。只要库内保留数码品类,你会被动陷入「追新」的循环。
  2. 同质化严重,缺少精神内核:本质是参数资料库。所有人都能查到相同硬件参数,难以形成独属于你的内容;很难做出差异化记忆点。
  3. 主观排行价值偏弱:数码评测已有海量公开内容,你私人的主观打分竞争力很弱。
  4. 和主线割裂:和「读万卷书、行万里路」没有关联,纯粹是硬件数据库,无法和博客形成知行合一的体系。

修改后

符合自己行万里路体系的个人文旅科普类型的站点,内容包括省份、城市+ 自然风物(山川湖海)+ 人文风物(古建地标、博物馆、美食特产),功能有地图展示、详情、横向对比、两套排行(客观 hot / 个人评分 + 自定义拖拽段位)、风物好时节时令推荐等。

  1. 数据几乎没有时效性压力,一次性录入、长期可用,不需要持续追更新:未来出行,持续补充亲历标记、个人评分、寻访手记。
  2. 天然绑定我的人生主线:博客 = 读万卷书;九州风物志 = 行万里路。一个承载文字思辨,一个承载山河向往与旅途体验,形成完整个人数字体系。
  3. 独一无二的价值:数码对比:大众评测遍地都是;山河品鉴:你的亲身游历感受、你自定义的风物梯队,这是最大差异化壁垒。

3c29c2c9e5556488.jpg

工具箱

网址:https://app.timelessq.com

这个站点变化的主要是界面,用Gemini优化了下UI,给每个工具都加上了图标。

还有就是h3eapp停止维护了,把它开源的一些工具转换过来,并且快速搭建了一版微信小程序(初版挺丑的~)。

b942d197e5e212d6.jpg

公共API

网址:https://api.timelessq.com

这个站一直都没太多变化,就是优化了下Api文档的展示,后续升级到thinkjs4 + typescript吧(画饼挖坑...)

1128dcaa2463d164.jpg

总结

有了AI辅助编程后,确实极大的加快了我的开发效率,以前开发这几个站点,基本上都是晚上、周末等闲暇时间,慢慢做个一两个月才能将将完成。而现在只要定好项目规则、skills,然后用AI工具(比如Trae的/plan或/spce)拆解功能,加上solo模式同时建多个任务,一个周末就能做个七七八八。时代变了呀~

站点体系已经基本完成,要转运营维护了,暂时不开发新的项目了除非后续有很好的点子或者很强的动力~

多写写文章,每天进步一丢丢,共勉!

恰饭区

广告位招租

评论

Power by Node.js + Nuxt.js,由 腾讯云 腾讯云提供服务, 已经稳稳地存活了 8年110天

Copyright © 2018 - 2026 Timeless. All rights reserved.桂ICP备18003656号-1公网安备桂公网安备45092102000147号