主题更改 & 初试AI编程

其实我的编程能力挺弱的，但是AI弥补了这一点

首先就是改字体，之前的字体吧，有棱有角，但是可读性很一般，挑来挑去，参考了一些网站的字体，最终选择了稳妥的思源黑体

但是这个思源黑体不是系统内置字体，需要外部引用，比如Google fonts，但是我又不知道CDN，直接丢给了豆包

豆包居然扔回来了一个link，复制直接能用的那种

大为震惊，遂打算真正用一下AI编程

第一个尝试的是统计代码，WordPress没有自带所有文章的总字数统计，所以我让豆包写了一个，再让它加一点装饰的CSS，然后放到了WP上：

我靠居然真的跑起来了，还有动画效果

不过可惜的是虽然豆包写了很多备用代码，比如尝试从插件里面获取总访客数，但是看起来还是失败了（Gemini也没成功）

但是也是成功做到了统计访客，而且它甚至写了清除缓存

我在要求里写了这是WordPress博客，想在外观-小工具里面添加侧栏，然后豆包顺手就给我写了注册小工具的代码

实际上我这个主题默认隐藏了小工具，我还是问的豆包怎么开启，豆包给了我几行代码跟我说复制到哪里然后复制完就有了，神奇

这里必须说一下为什么我觉得很神奇，但凡用过WordPress，就会发现，一旦你想自定义WP，所有的中文教程基本都是英文或者什么文翻译来的，翻译味太重了

截图也都是英文，搜索引擎很难搜到有价值的东西

而且因为国外WP多用于商业，搜出来的教程相当的，怎么说呢，死板，我不知道外国人是不是天天就看这种教程，反正看惯了国内的教程，实在是接受不了，泛用性很差，而且因为翻译的缘故语焉不详

我在自定义WP短代码的时候，那个古藤堡编辑器的很多功能说明我看不懂，明明是汉字，但是我看完反而更懵了，这个按钮是干嘛的？？？国外的教程也给我一种这样的感觉，十分的不接地气，似乎默认搞这些的都是“计算机高手”一样

也正因为如此，我多年前就曾经想简单自定义一下WP，被看不懂的教程劝返了

发现AI十分好用之后开始尝试更复杂的内容

期间使用过GPT啊claude啊Gemini啊等，最后发现只有豆包能稳定的访问我的博客，能根据我的博客的前端代码情况找出问题并解决，而且还不用来回切梯子，也没有使用次数限制，claude一次性只能四段对话，太少了，而且得来回切全局和直连，我的服务器似乎对外网访问很不友好，非常慢

虽然大家都觉得claude写代码好，但是嘛，适合的才是最好的，我这些代码不是多么复杂高精尖的，普通好用的即可

WP一直没有国内知乎那样的比较好用的编辑功能，比如这种长图展开

我这边设置的是

在PC端，当图片的显示高度超过浏览器显示范围的高度时，width变为50%，height自动；当图片的显示高度超过浏览器显示范围的高度的200%时，width还是变为50%，height显示高度变为浏览器可显示的高度的60%，并且在图片下方添加透明渐变和展开按钮；“当展开的图片折叠后，页面应自动滚动到合适位置，确保折叠后的图片和按钮在视口中可见，提升阅读体验。”；所有在p标签下的img标签居中

这些功能的实现我用了差不多20+次对话，一点点补充的

最终完美实现

在不断的对话中发现，AI对于稍微有点耦合度的代码就需要人工干预，告诉它怎么解耦合，不过这也正常，毕竟AI只能看到前端代码，后端什么都看不到，而且告诉它也不一定就真能解，算是目前AI的缺陷吧，短期应该不好解决，但是对于前端代码，我认为AI似乎游刃有余，毕竟标签语言，就是很简单

我一直觉得这个主题的翻页逻辑有问题

正常立即来说，最前面和最后面的 《 和 》 应该是上一页和下一页，因为没有另外的图标或文字说明另有第一页和最末页的功能，所以默认应该是上一页和下一页

但是这个主题的逻辑恰恰是第一页和最末页，总之我是不喜欢这个逻辑

所以找到了翻页功能的逻辑代码，一股脑丢给了AI，让它读懂源代码，熟悉写作风格，然后提出了我的要求：

生成的代码直接复制到了原位置，前端显示：

AI不仅给我修复了这个问题，还更进一步的将《》改为了<>，因为》不是最末页的功能了，AI额外给我写了一个最末页（第14页），非常的“人性化”，符合使用逻辑，即使我没提这个要求

然后就凸显了测试的重要性了，我试了下在移动端的显示效果：

这指定不行

所以我加要求了：

豆包给出了五个方案，最终我选择了第四个：

还好我看了眼代码多问了一句

替换之后在移动端的效果：

但是这个代码也有一些问题，它不是响应式的，就是如果我在PC上使用F12切换到移动端预览，不刷新画面的情况下，这个换页按钮不会变，移动端不刷新变PC端同理

不过这个属于开发者才会遇到的情况，为了避免代码过于冗长，我就不打算改了

由于代码是直接替换的，下次更新主题的时候很有可能会被替换掉，所以新代码还得做备份，下次更新主题手动换上，属实有点麻烦

AI写代码确实方便，这些功能写了差不多600行，这要手写得写很长时间（AI写代码喜欢写冗余方案和注释，所以比较长）

为了看到代码运行情况，我甚至让豆包顺便写出来控制台输出情况，方便我看运行到哪一步了，这一步在页面里实现了没有，我通过这个检查出来了很多问题，我都有点佩服我自己想到了这个方案

不过，有一说一，调教AI是一门学问，AI不是人，很多要求你需要明确和它说出来，你想要什么，它才能给你，不像产品经理一样给你一个模糊的东西让你自己脑补，脑补不对还得挨骂，AI你描述不对它是真的不会给你输出你想要的东西的

现在的计算机学生实在是太幸福了，初级的理论不用跟着老师学，问AI就好了，代码解释可比老师解释的强多了，还能用AI糊弄作业，想我们那时候都是大家互抄的，而且抄来还不一定跑得起来（笑

最后，我让豆包写了个网页，是WordPress可复用元素库，其实也不是很多，主要是太多了豆包也输出不了了，就这些还是分两次输出完的，确实像模像样的，不过模仿的味道很重，但是管他呢，感觉应该挺好用的