Inject CSS into Blogger Editor Iframe with Tampermonkey

Preface Previously  improved the Blogger editor and added pre and code function buttons Also improved the blog template to better display blockquote, pre, and code Then I felt that the display effect inside the editor was a bit ugly. Mainly because the editor originally did not have pre and code functions, so there was no suitable display effect.

Blogger/blogspot 编辑器 内部iframe 应用CSS 实现所见即所得WYSIWYG 油猴篡改猴tampermonkey脚本

前言 前面  改进了 blogger编辑器, 加入了 pre 和 code 的功能按钮 也 改进了 博客的模板, 能更好的显示 blockquote, pre, code 然后就觉得, 编辑器里面的显示效果有点丑. 主要是原本编辑器就没有 pre 和 code 的功能, 没有合适的显示效果.

Fixing Code-Prettify Colors with AI Agents in Blogger

Preface Regarding code highlighting in the blog, my earliest approach was  modifying blockquote CSS to achieve the display effect of code blocks Later I experimented   with introducing Google's code-prettify to implement code highlighting, converting blockquote to pre code Finally, because code highlighting would clear the text background color I set in code snippets , I switched back to the effect of  修改 blockquote 的CSS 来实现 代码段   Now I have enabled  the Blogger editor to input pre and code , so I use blockquote to actually represent quotations, quoting the natural language I send to the Agent, which is indeed a scenario I have used a lot in the last few months. I also used the Agent to operate the Blogger API to help me replace blockquote with pre in historical posts Now I am reconsidering the code highlighting issue.

Blogger/blogspot 引入google的code-prettify实现代码高亮 并保留手动设置的文字颜色

前言 关于博客中的代码高亮, 最早我是  修改 blockquote 的CSS 来实现 代码段 的显示效果 后来实验   引入google的code-prettify实现代码高亮 把blockquote转换为pre code 最后 因为代码高亮会把我在代码段中设置的文字底色清除 , 换回了  修改 blockquote 的CSS 来实现 代码段  的效果 现在我让  blogger编辑器可以输入pre和code了 , 所以我用blockquote真的去表示引用, 引用我发送给Agent的自然语言, 这也确实是我最近几个月使用非常多的场景. 我也通过Agent 操作Blogger API 帮助我把历史博文中的 blockquote 换成了 pre 现在我重新考虑代码高亮的问题.

Telegram Anti-Ad Bot: Python to Cloudflare Worker

Foreword Previously, I implemented a simple anti-advertising bot for personal use with Python , adding a message verification feature. Recently, my server expired, and a thought suddenly occurred to me: can it be converted into a Cloudflare Worker?

电报防广告机器人 实现发言验证的功能 tg-send-msg-exam-bot-worker 迁移到 cloudflare worker

前言 之前 用python实现了自用的简易防广告机器人 , 实现发言验证的功能. 最近服务器到期了, 突然心里动了一个念头, 能转换成cloudflare worker吗?

Convert Telegram Anti-Ad Bot to Cloudflare Worker

Foreword Previously I implemented a simple anti-advertising bot for personal use in Python , implementing join-group verification functionality. Recently my server expired, and suddenly a thought came to me: can it be converted to a Cloudflare Worker?

电报防广告机器人 实现加群验证的功能 tg-join-group-exam-bot-worker 迁移到 cloudflare worker

前言 之前 用python实现了自用的简易防广告机器人 , 实现加群验证的功能. 最近服务器到期了, 突然心里动了一个念头, 能转换成cloudflare worker吗?

Group Management: Welcome Message Implementation Results

Implementation Results What people who join the group see What other group members see Feature Entry Group Management - Welcome Message

Telegram group电报群组设置 欢迎信息Welcome Message 减少加群提醒信息对群组其它成员的干扰

实施效果 加群的人看到的 其它群友看到的 功能入口 群组管理 - Welcome Message

Fix text-autospace.js: Scope hanla Tags to Blog Content

Preface Previously, I applied text-autospace.js to add spaces between Chinese and English , and I have kept using it until now; the display effect is quite good. Today I wanted to have AI modify it so that it only takes effect in the main body of blog posts; it should not take effect in other parts of the page, such as gadgets. AI analysis told me that this script adds hanla tags to the entire body element of the HTML. What? (I was shocked; I had never thought about what this script was doing underneath. I only knew the final display effect by looking at it with my eyes.)

Blogger/blogspot应用text-autospace.js给中英文之间 添加空格 结果给全文body添加hanla标签 影响script脚本代码

前言 之前 应用过text-autospace.js给中英文之间 添加空格 , 一直用到现在, 显示效果不错的. 今天想让AI改改, 只在博文正文中生效; 在页面的其它部分, 比如小工具之类, 不要生效. AI分析告诉我, 这个脚本是对整个HTML的 body 元素全部添加 hanla 标签. 什么? (我很吃惊, 我从来没想过这个脚本在底层干了什么, 我只知道眼睛看最终的显示效果)

Convert Userscript to Chrome Extension for Video Fullscreen

Preface When I use some streaming sites , domain-based traffic splitting doesn't work well. So I simply use it in Edge, and I set Edge to use no proxy, a completely direct connection. I already have a Tampermonkey script that lets videos go fullscreen on the webpage , but I don't want to install too many things in Edge. So I thought: what if I convert this Tampermonkey script into a browser extension?

把 看视频网页全屏 油猴篡改猴tampermonkey脚本 转换为 chrome/edge 浏览器扩展

前言 我在使用一些 影视网站 的时候, 域名分流 并不能好好工作. 所以我干脆在edge中使用, 我把edge设置为不用代理, 完全直连. 我已经有了一个 让视频可以网页全屏的油猴脚本 , 但我的edge并不想安装太多东西. 所以我想, 如果把这个油猴脚本转换为浏览器扩展呢?