更换 Blogger 主题的原因
使用 Google Blogger 运营多个博客时，默认主题或现有皮肤的不便之处会逐渐显现。我也遇到了菜单和缩略图问题，因此觉得有必要调整主题。
一开始，我想先解决现有 Blogger XML 主题中菜单无法正常显示或缩略图消失的问题。我使用的公开第三方 XML 文件也渐渐变得复杂、臃肿，因此到了整理整体结构的时候。
不过，随着我逐项检查要修改的内容，我开始觉得，与其继续在现有皮肤上不断打补丁，不如重新设计外观和结构。
于是这次我决定 使用 ChatGPT Codex 6 Astra 和 6.1 SOL，从头制作 Google Blogger 主题。
我会具体说明想要的设计和功能，让 Codex 修改代码，再亲自检查结果，以这种方式推进工作。
这不是笼统地要求制作一个网站，而是针对实际运营中的四个博客进行的工作。
使用 Codex 全新制作 XML
首要标准是无论在电脑还是手机上，都能轻松阅读文章。
我优先考虑易读的布局，而不是醒目的装饰。我要求尽可能保留现有菜单和链接，并添加所需功能。
主要需求整理如下：
适配电脑和手机的响应式设计
保留现有菜单和分类链接
显示最新文章和热门文章
缩略图和博客搜索功能
支持深色模式
主页文章列表显示 24 篇文章
翻页功能
在列表中适当安排广告
主页尤其采用了 每篇文章各占一行的列表式设计。标题和缩略图一目了然，每页显示 24 篇文章，并可跳转到下一页。
广告也不是随意插入，而是经过调整，适当地安排在文章列表之间。
我通过对话传达这些条件后，Codex 会相应修改 Blogger XML、CSS 和 JavaScript。
XML 错误与修改过程
并不是所有功能从一开始就能一次性正常运行。
修改主题时，有时会出现现有菜单消失或缩略图无法显示的问题。
最让我印象深刻的问题是 由于使用了 Blogger 不支持的条件表达式，导致 XML 解析错误。
即使代码看起来有模有样，只要 Blogger 编辑器不接受，就无法应用到主题中。
遇到这种情况，我会把编辑器显示的错误消息原样发给 Codex，让它查明原因并重新修改相关部分。
主页文章列表中的箭头一开始也只是外观存在，实际上无法翻页。我又进行了调整，让链接能够正常工作。
经过这个过程，我明确认识到 AI 写出了代码，并不意味着工作就会自动完成。
必须在预览和实际博客中点击菜单，检查文章列表和缩略图是否按预期显示。
统一 4 个博客的主题
这次工作的重要目标，是统一四个博客的设计，同时保留各个网站所需的功能。
如果每个网站的代码都完全独立管理，每次更改通用设计时，就得重复进行同样的修改四次。
为了减少这种重复，我将结构拆分为： 通用 CSS 和 JavaScript 由 GitHub 管理，各博客的菜单和设置则分别保留在各自的 XML 中。
这样既能在一个地方管理通用设计，也能体现各个网站不同的特点和功能。
此外，默认域名和 trip 域名保留了使用现有标签的 5 种语言选择功能，news 博客则添加了按地区选择新闻的功能。
也就是说，虽然采用相同的设计框架，但根据各博客的用途配置不同功能。
如何使用 Cloudflare 将域名连接到 Google Blogger，可参阅上面的文章。
AI 主题制作的实际体验
经过修改和检查后，我将新的 Blogger XML 模板应用到了实际博客。
我在电脑和手机上交替检查，确认菜单、缩略图、搜索、翻页等主要功能是否正常运行。
使用 ChatGPT Codex 时，我最大的感受是， 你对想要的结果描述得有多具体，与要求 AI 制作什么同样重要。
仅仅要求做一个漂亮的博客，与明确提出文章列表数量、广告位置、保留现有菜单等条件，得到的结果有所不同。
出现错误时，与其笼统地说不行，不如说明在哪个页面出现了什么问题，这有助于找到修改方向。
归根结底，这次 Google Blogger 主题制作并不是 AI 自动包办一切的工作。
我确定需求，Codex 编写并修改代码，然后在实际博客中检查结果，如此反复才完成了主题。
如果你没有太多网页设计经验，但想亲自更改 Blogger 皮肤，可以尝试使用 ChatGPT Codex 这类 AI 编程工具。不过， 仍需亲自确认是否存在 XML 错误、现有功能是否保留，以及主题能否在实际网站上正常运行。
#谷歌博客, #博客主题, #谷歌博客主题制作, #Blogger, #BloggerXML, #博客皮肤, #博客主题, #主题制作, #ChatGPT, #ChatGPTCodex, #Codex, #Astra6, #SOL6_1, #AI编程, #AI博客主题, #博客设计, #博客美化, #博客运营, #博客制作, #博客开发, #响应式网页, #响应式博客, #XML修改, #CSS, #JavaScript, #GitHub, #深色模式, #博客SEO, #Blogger主题体验, #AI应用体验
常見問題（FAQ）
Q. 使用 Codex 制作 Blogger 主题时，最好先确定哪些需求？
最好具体整理页面布局和必须保留的功能。
例如，明确列出是否需要适配电脑和手机、是否保留菜单和分类链接、文章列表数量、缩略图、搜索、翻页、深色模式以及广告位置等可核查的条件，这样更容易检查修改结果。
Q. 出现 Blogger XML 错误时应该如何处理？
查看 Blogger 编辑器显示的错误消息，将其连同问题情况一起发给 Codex，修改后再尝试应用。
除了 XML 语法，还要确认条件表达式是否为 Blogger 所支持。错误解决后，最好在预览和实际博客中测试菜单、缩略图、翻页等现有功能是否仍然正常。
Q. AI 写好主题代码后，可以立即应用到博客吗？
与其立即应用，不如先进行预览和功能检查。
代码已经生成，并不代表它一定能正常运行。应用前后都应检查 XML 错误、不同屏幕尺寸下的布局、链接和搜索功能等，必要时重复修改。
Q. 如何管理多个 Blogger 网站的通用设计？
一种方法是单独管理通用样式和脚本，并将各网站的设置保留在各自的主题中。
本文将通用 CSS 和 JavaScript 放在 GitHub 管理，并把各博客的菜单和设置保留在单独的 XML 中。适合的管理方式可能因各网站的结构和运营方式而异。
