Designing a Blogspot XML Template with AI Agent

Preface We already have a Blogger/blogspot blank blog template Next up is making it look good. Let's start with a simple task, using Moonlight Blog as an example. Agent-Oriented Development Hermes officially gives away free models, and the recently popular stealth/ox-alpha is among them. https://zelikk.blogspot.com/2026/04/free-mimimo-v2-pro-omni-hermes-stripe.html The natural language I sent to the Agent is inside the blockquote below I created a new blogspot site, https://clean-template-baseline.blogspot.com/ , and imported the blank blog template I told the Agent, /goal 参考 https://www.williamlong.info/ 的布局, 配色, 字体等视觉效果,  为 https://clean-template-baseline.blogspot.com/ 这个博客站设计xml模板. 这是一个blogspot站点, blogspot站点有自己的xml模板语法. 注意除了用浏览器分析HTML内容, 还要用浏览器截图分析视觉效果. * At the same time, send the blank blog template to the Agent as an attachment The one-shot development result is mediocre. Here is the result from the first reply As you can see, there are some details that need adjustment. I ...

开发 Blogger/blogspot 模板 模仿月光博客

前言 我们已经有了一份 Blogger/blogspot 空白博客模板 接下来就是怎么弄漂亮. 先从简单的任务开始吧, 以 月光博客 为例.

Blank Blogger Template with Clean H1/H2 Tag Structure

Together with  oc/x-preview-f-free , stealth/ox-alpha , I created a blank Blogger/blogspot template. No CSS included. Blogger/blogspot has 5 types of pages Homepage  https://clean-template-baseline.blogspot.com/ Single post  https://clean-template-baseline.blogspot.com/2026/08/post1.html Single page  https://clean-template-baseline.blogspot.com/p/page1.html Search page  https://clean-template-baseline.blogspot.com/search?q=post Label page  https://clean-template-baseline.blogspot.com/search/label/lablel1 My h1, h2, h3, ... tag design for these pages Homepage, Search page, Label page: h1 is the blog name h2 is the post title in the post list The post content in the post list is only shown as a snippet, so there is no h3 type tag All gadget titles and contents do not contain h3 type tags. Single post, Single page: h1 is the post title or page title The post content starts using this type of tag from h2 The blog name does not have an h1 type tag Github https://github.com/crazypeace/blogs...

Blogger/blogspot 空白博客模板 不含CSS

我和  oc/x-preview-f-free , stealth/ox-alpha 一起, 制作了一份 Blogger/blogspot 空白博客模板. 不含CSS.

Blogger Blog Search Widget Empty Title Error Fix

Blogger/blogspot's Blog Search Widget  Set the title to empty Prompt: Required field cannot be left blank If you modify the xml template file and forcibly change the title to empty, then, when importing the template file, it will prompt that the required field cannot be left blank Conclusion The Blog Search widget of Blogger/blogspot cannot be set with an empty title If you don't want the page to display the title of the Blog Search widget, you can only hide it via CSS.

Blogger/blogspot 的 博客搜索 小工具 BlogSearch widget 不能设置标题为空

Blogger/blogspot 的 博客搜索 小工具  设置标题为 空 提示 必填字段不能留空

Blogger Report Abuse Widget Always Outputs H3 Tag

Importing a template file into Blogger/blogspot Theme - the dropdown menu to the right of Customize - Restore Select the .xml file * I prepared a test file that contains all the widgets (except the Followers widget), and none of the widgets use the h2 tag https://github.com/crazypeace/blogspot-template-xml/blob/main/theme-ReportAbuse-testcase.xml Check your blog page You will find that "Report Abuse" has an h3 tag Conclusion When displaying the ReportAbuse widget, the Blogger/blogspot system always outputs an h3 tag If you want to plan out the h1, h2, ... tags of your template as a whole, then do not use the ReportAbuse widget ======== Postscript I myself know almost nothing about Blogger/blogspot template files; my knowledge in this area comes entirely from various AI models. The test file mentioned in this post was also created by AI. Experts in the field are welcome to come and prove me wrong. ^_^

Blogger/blogspot 的 举报滥用情况 小工具 ReportAbuse widget 系统会固定输出 h3 标签

向 Blogger/blogspot 导入模板文件 主题背景 - 自定义右边下拉菜单 - 还原 选择 .xml 文件 * 我准备了一份测试文件, 里面包含了全部的小工具widget (除了关注者 小工具 Followers widget), 并且所有小工具都没有使用 h2 标签 https://github.com/crazypeace/blogspot-template-xml/blob/main/theme-ReportAbuse-testcase.xml

Import Template File into Blogger Theme Safely

Import a Template File into Blogger/blogspot Theme - Customize right-side dropdown menu - Revert Select the .xml file * I have prepared a test file that contains all the widgets, and none of the widgets use the h2 tag https://github.com/crazypeace/blogspot-template-xml/blob/main/theme-Followers-testcase.xml View the Actual Template File Used by Blogger/blogspot Theme - Customize right-side dropdown menu - Edit HTML Note the Key Changes Conclusion When Blogger/blogspot imports a template file, the system forcibly sets the title within the Followers widget to h2 If you want to fully plan a template with h1, h2, ... tags, then do not use the Followers widget ======== Postscript I myself know almost nothing about Blogger/blogspot template files; this knowledge comes entirely from various AI models. The test file mentioned in this article was also created by AI. Experts are welcome to point out my mistakes. ^_^

Blogger/blogspot 导入模板文件时 系统会强行将 Followers widget 里面的 title 设置为 h2

向 Blogger/blogspot 导入模板文件 主题背景 - 自定义右边下拉菜单 - 还原 选择 .xml 文件 * 我准备了一份测试文件, 里面包含了全部的小工具widget, 并且所有小工具都没有使用 h2 标签 https://github.com/crazypeace/blogspot-template-xml/blob/main/theme-Followers-testcase.xml

Add Pre/Code Buttons to Blogger Editor for Code Posts

Preface Many people like Blogger/blogspot. The server and domain are both Google's, so you don't have to worry about others taking it down . However, Blogger's editor is not friendly for writing code-related articles, as it lacks code and pre buttons. Facing this problem, I've seen all kinds of solutions. Some manually write pre code in HTML mode , Some use plugin assistance in HTML mode , I've come up with several workaround solutions myself One is: utilize the editor's built-in blockquote container, and modify the display style Another is: when writing a post, use the editor's built-in blockquote container, then use JS to convert blockquote to pre code when displaying And another: directly write plain Markdown syntax text in HTML mode, and use JS to convert it to HTML when displaying Now that AI capabilities are so powerful, today I had the thought again, letting AI analyze how the original editor works, to see if there's an opportunity to enhance th...

修改 Blogger/blogspot 编辑器 增加 代码片段code 和 代码块pre 按钮

前言 Blogger/blogspot 有不少人喜欢, 服务器和域名都是google的, 不怕别人打 . 但是 Blogger 的编辑器对写代码的文章不友好, 没有 code 和 pre 按钮. 面对这个问题, 我看到过各种各样的方案. 有 在HTML模式下手写 pre code 的 , 有 在HTML模式下用插件辅助的 , 我自己研究出了几种绕过的方案 一种是: 利用编辑器自带的 引用blockquote 块容器, 改造显示样式 另一种是: 在编写博文时, 使用 编辑器自带的 引用blockquote 块容器, 在显示时用JS 把 blockquote转换为pre code 还有一种是: 直接在HTML模式下写纯Markdown语法的文本, 在显示时用JS转换为HTML显示 现在AI能力这么强, 我今天又动了念头想, 让AI来分析一下原本的编辑器是怎么工作的, 看有没有机会对编辑器进行增强.

Hide Telegram Audio/Video Send Button via Forkgram

Preface I don't use the audio/video features on Telegram, so I thought, is it possible to disable the audio/video buttons? Agent-Oriented Development Hermes connecting to opencode/deepseek-v4-flash-free https://zelikk.blogspot.com/2026/08/omniroute-hermes-agent-oracle-arm-ubuntu-root-sudo-.html The natural language prompts I sent to the Agent are in the blockquote sections below Based on the code analysis of https://github.com/forkgram/tdesktop Is it possible to hide the send audio/video button on the rightmost side of the input box? Let me illustrate more clearly with a picture. The button framed and pointed to by the arrow in the image. Clicking this button once will switch from sending audio to sending video. This development task didn't go so smoothly. The first version the Agent modified didn't work. I tested your compiled result, it didn't implement the function I wanted,  in the message window, when no text is entered, the audio/video button on the far right is s...

修改 forkgram/tdesktop 实现 屏蔽音频/视频按钮功能

前言 我不在Telegram上使用 音频/视频 功能, 于是想, 能不能把 音频/视频 按钮禁用.

List @me Messages in Telegram Group via Forkgram Tdesktop

Preface We have already implemented pinning groups with @me messages to help us "quickly reach the battlefield" We also implemented jump to the last message that @me   Furthermore, we optimized it into jump to the previous or next message that @me But, if there are many @me messages in a group, then the efficiency of navigating previous and next is also too low. Agent-oriented Development Hermes connects to the free public welfare site agentrouter's gpt-5.6-sol  https://zelikk.blogspot.com/2026/08/cpa-cliproxyapi-user-agent-agentrouter.html The content in the quote boxes below are all natural language I sent to the Agent Analyze the https://github.com/forkgram/tdesktop project Currently available features in the group window interface:  Search button - Person button - Select user Then a search result list is displayed The Agent reported that the underlying API used is messages.search, with the filter condition being from_id Discuss, is there a way to change the search co...

修改 forkgram/tdesktop 实现 搜索@我的消息

前言 我们之前已经实现了 有@我消息的群 置顶 方便我们"快速到达战场" 又实现了 跳转到最后一条@我的消息   进一步地, 优化成了  跳转到前一条后一条@我的消息 但, 如果群里面有很多条@我的消息, 那么前一条后一条的导航效率也太低了吧.

Fix AgentRouter Proxy for Hermes with CPA Custom UA

Preface Recently a public welfare site agentrouter popped up offering free claude-opus-4-8, claude-opus-5, gpt-5.6-sol However, when you connect this to Hermes, you'll find that it doesn't work. Inspiration Came across this big shot's solution of modifying the UA while browsing online https://blog.notett.com/post/2026/08/202608-agentrouter-proxy/ Practice After some exploration, I found that CPA cliproxyapi has the function of setting UA. The content to fill in is just copied from the big shot User-Agent Kilo-Code/7.3.50 ai-sdk/provider-utils/4.0.27 runtime/bun/1.3.14 Then you'll find that the test passes in CPA. Then connect it to Hermes and use it, gpt-5.6-sol works. But claude-opus-4-8 and claude-opus-5 still don't work. ======== Postscript I used it to run some slightly "heavy" development work , and sometimes encountered refusal to work. The model provider failed after retries. I kept raw provider details out of chat; check gateway logs for diagnost...

设置CPA cliproxyapi 的User-Agent 白嫖公益站agentrouter 的gpt-5.6-sol 提供给Hermes

前言 最近冒出来一个 公益站agentrouter 提供免费的claude-opus-4-8, claude-opus-5, gpt-5.6-sol 但是, 当你把这个接到 Hermes 里面后, 会发现, 不能使用

Jump to Previous/Next @Mention Messages in Forkgram

Preface We previously implemented Pin groups with @mention messages to make it easier to "quickly jump to the battlefield". We then further implemented  Jump to the last @mention message . But what if there are multiple new @mention messages in the group?  Agent-Oriented Development Hermes integrates with oc/deepseek-v4-flash-free https://zelikk.blogspot.com/2026/08/omniroute-hermes-agent-oracle-arm-ubuntu-root-sudo-.html The natural language in the quote block below is what I sent to the Agent. 基于 https://github.com/crazypeace/forkgram-tdesktop/tree/goto-last-mention 的代码, 进行增强开发 当 点击 "Go to the last msg mentioned me" 之后, 实现了跳转消息的效果, 然后, 在这个时候, 再次点击 "Go to the last msg mentioned me", 希望能继续跳转到再上一条 @消息 你说一下你是怎么理解 我的需求的, 与我讨论. After analyzing it, the Agent asked me, what should be the anchor point when jumping backward? Should it save the message ID from the previous jump as the anchor point? Or should it use the messages currently visible in the group messa...

修改 forkgram/tdesktop 实现 跳转到前一条后一条@我的消息

前言 我们之前已经实现了 有@我消息的群 置顶 方便我们"快速到达战场" 又进一步实现了  跳转到最后一条@我的消息 但是, 如果群组里面新 @我的消息多于一条呢? 

Forkgram: Jump to Last Message That Mentioned You

Preface We have previously implemented pinning groups with @me messages to help us "quickly get to the battlefield". However, if we scroll up and down in this group, or jump to other groups/channels to find "paper reference materials", and then return to the previous group, we may not be able to find the message that just @-ed me. If you like to "intensely communicate with others" across multiple groups, you may need this feature: Find the previous message that @-ed me For Agent Development Hermes integrated with oc/deepseek-v4-flash-free https://zelikk.blogspot.com/2026/08/omniroute-hermes-agent-oracle-arm-ubuntu-root-sudo-.html The quoted boxes below are the natural language I sent to the Agent Analyze https://github.com/forkgram/tdesktop If I want to implement this feature: I want to find the last message that @-ed me, or replied to me, in a group. What are the options? Currently, forkgram has a menu item "Go to the first message" in the grou...

修改 forkgram/tdesktop 实现 跳转到最后一条@我的消息

前言 我们之前已经实现了  有@我消息的群 置顶  方便我们"快速到达战场" 但是, 如果我们在这个群组里上下滚动了一下, 或者跳到其它群/频道 去找 "论文引用材料", 再回到刚才的群组, 就有可能出现找不到 刚才@我的那条消息 的情况. 如果你喜欢在多个群里面"剧烈地与人交流", 说不定你需要这样的功能: 找到上一条@我的消息

Agent-Oriented Development: AI Coding Beyond Chatbots

Last time sharing  collection of GPT-oriented development examples was in January Most developments are small in scale, the main form is to describe the requirements in the chatbot interface, then a person "moves" the code output by AI into the project, the person does testing, sends the results to GPT, and then GPT outputs the modified product. This cycle repeats ... Now, GPT-oriented development is Agent-oriented development. Agents can operate external environments through API and token, such as cloudflare , github , etc. Agents can operate the chromium browser through tool_call. Not to mention bash terminal operations. Agents have strong image recognition ability; they can understand GUI interfaces. You can let them start VNC, and you connect to it, so you see the same interface, making communication easier. In this way, compared with chatbot-oriented development, the biggest advantage of Agent-oriented development is that the Agent can test the final product by itself, g...

面向Agent开发实例集合 202608

上次分享  面向GPT开发实例集合 还是1月份 大部分开发规模很小, 主要形式是在 chatbot 界面描述需求, 人再把AI输出的代码"搬"到项目里, 人做测试, 把结果发给 GPT, 然后 GPT再输出修改后的产物. 如此循环 ... 现在的面向GPT开发, 都是面向Agent.

Add Mute All Option to Telegram Web Folder Menu

Preface A group member asked whether there's a feature on the phone to mute all of an entire folder I thought about it, and iOS or Android apps are too troublesome. We can use the web version of Telegram. I tried Version A and Version K , and found that Version K's folder long-press has a pop-up menu, which is more suitable for further development Agent-Oriented Development Hermes connected to oc/deepseek-v4-flash-free https://zelikk.blogspot.com/2026/08/omniroute-hermes-agent-oracle-arm-ubuntu-root-sudo-.html The content within the quote boxes below is all natural language I sent to the Agent Clone the https://github.com/morethanwords/tweb project locally, do not put it in the tmp directory, there will be further analysis in the future. Get this project running. You start the browser, and I'll VNC in to operate the login account  At this point, the development and testing environment is set up. I want to add a "Mute all" option to the right-click menu of the dia...

Forkgram Mute All 功能移植到 Telegram Web K版 部署到 Cloudflare Page

前言 有群友问, 手机上有没有 mute all 整个 folder 的功能 我想了一下, ios 或 android APP 太麻烦了, 我们可以利用 web版 telegram. 我试用了一下 A版 和 K版 , 发现K版的 folder 长按是有弹出菜单的, 比较适合进一步开发