文章

新主题新征程

2026-10-09 技术栈 typecho

本文是《技术栈（共28篇）》目录的第 28 篇。阅读本文前，建议先阅读本文前3篇文章：

CONTENT / 正文

在此先缅怀一下原来的主题“LanternTown”，意为灯笼镇，曾经找了好长时间，最后本系统的开发者开源了版本，自己又倾注了心血美化了一下。

LanternTown

重做全站文章缩略图

国庆的时候，经授权移植了Astro设计师主题Rico，虽然根据自己的喜好完善了一下，但是总觉得还缺点什么。后来发现，原来是文章的缩略图不统一、不好看，在群里和友链里一阵翻找，找到了自己中意的孤斗、rainzt博客的缩略图，但是不清楚这些缩略图是怎么做的，于是开始了发问。

得到了大家的回复，开始在网上一路尝试，发现模型都是免费用两三次就开始收费，但是我全站130多篇文章，就需要生成130多张图片，这肯定是不行的，于是我把目光转向了豆包和元宝。经过实验，豆包生图更胜一筹，但是有个致命问题，给它文章网址它解析不了网址文章内容，果断放弃，元宝这方面还是比较可以的，但是元宝似乎记忆对话不太行，这次生成的图片包含上次对话的内容，明明我已经要求了只生成这次的，没办法只能反复使用两个步骤：1、先解析出网址文章主题；2、按照解析出的主题生成暖色插图。

元宝会一次性生成4张插图，如果对图片不满意的话，可以重新生成，但一次对话最多生成5次，即20张插图，每次重新生成都会保留前一次的生成图片。如果20张你都不满意，可以点击对话的编辑按钮，直接回车进行新一轮的生图。整体4天下来，没有任何限制，全部都是免费，值得点赞！

首页文章列表同标签连线

第一次见孤斗老兄的博客，就被它的整体设计吸引，尤其是首页旅游文章列表的同地点连线，这次的主题我专门把首页一行显示4篇文章修改为一行显示5篇（6篇也试过了，缩略图太小了最终放弃），就是想把这个功能借鉴过来。得益于AI的加持，经过我详细的文字描述和截图分析，最终集成到了外观设置中，默认不启用。

设计逻辑如下：取每个文章的标签，当鼠标移动到首页任意文章缩略图上，该文章缩略图左侧滑入显示标签，如果当前页面有其他文章与该文章标签相同，则自动出现虚线连线。由于一篇文章可能存在多个标签，所以，当鼠标移动到当前缩略图任何一个标签上，自动显示该标签对应的虚线连线。