ICDYCT / 我能, 你也行 - 标签:blogger

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

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

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

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

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

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

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

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

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

前言 上一篇我们测试了 Blogger API 的能力 ,  那么能拿TA干点什么呢? 技术的世界里, 英文使用者也是重要的组成部分. 那么, 把技术文章翻译成英文发布吧.

前言 之前玩了 用LLM-WIKI技能分析博客文章之间的关系生成相关推荐 当时没有实现自动方案, 最终的修改是人肉手动的.

前言 最近看到有人应用 cloudflare 的 snippet 实现 像 worker 一样的节点功能.

前言 我想促进访问者跳转到更多的博文. 在单篇博文的页面, 我把 标签放在了文章的标题下面. 我想在首页也实现类似的效果.

前言 书接上文 我们已经隐藏了bloger编辑器的右栏 但工具栏在空间足够的条件下, 还是产生了折叠分栏. 本文就来解决这个问题.

Stylebot https://chromewebstore.google.com/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha 思路基于 上一篇 用Stylish插件修改blogger编辑器宽度 我今天有个想法, 专心写的时候, 右边栏那些 东西我其实不关心. 不如把它们隐藏起来好了.  这样我的编辑区域又能变大一点. 经过一番 F12 工具的使用. 最终结果 www.blogger.com/blog/*/edit/* /* 左栏撑满 */ .fmzcZd {     padding-right: 20px; } /* 编辑区最大化 */ .a89Sje {   max-width: 100%; } /* 右栏隐藏 */ .vW7mGd {   display: none; } 使用效果如下 尾巴 其实对我来说, 还不算 完美.  因为工具栏 还是有个 ...  但实际上的宽度是够的

前面实现了一个反代 blogspot 实现免翻墙域名镜像站 .  用KV中保存需要屏蔽的path的方式, 做到了, 指定path显示固定页面, 而不是原页面的功能. 有的用户也许会觉得, 写了一篇不想在墙内显示的博文, 还要去KV里面添加一条记录, 好麻烦呀. 还有一个办法, 就是对path先进行关键字筛选, 含有关键字的path, 直接就显示固定页面, 不需要去查KV了. 比如, 我在写博文的时候, 就有自定义链接的习惯, 会在 xxx.html 的这个xxx里面 包含博文的主题 https://zelikk.blogspot.com//2022/01/v2ray-caddy-ws-tls-cdn.html 利用GPT开发, 把 项目的work.js 丢进去, 附上这么一段话 GPT返回的结果有问题. 直接return Response 再多打几句. 这样的结果就对了. 更新到Github https://github.com/crazypeace/cf-worker-proxy-blogspot 演示站 https://crazypeace.eu.org/ ======== 相关推荐 《设置域名的Workers Routes路由 屏蔽worker用量异常超过限额的path》 《Cloudflare worker 反代 blogspot 实现免翻墙域名镜像站 绑定KV屏蔽path列表》 《用Cloudflare Snippet实现反代blogspot》

灵感 我有了一个想法, 想提高我这个博客在GFW墙内搜索引擎的曝光.

上一篇讲到我发现了我的博文的代码段有可能含有NBSP的问题. 今天偶然发现, 复制代码段的按钮, 得到的结果会含有NBSP. 比如, 下面的例子. 用鼠标选择, 右键菜单复制, 得到的结果是左边的. 点击代码段的复制按钮, 得到的结果是右边的. (包含一些NBSP字符) 我拿我的代码和问题描述去问 claude. 方案1 将innerText改为textContent 具体实施 https://crazypeace.github.io/blogger-replace-blockquote-to-pre/blockquote-add-copy-button1.js 测试结果不对. 不仅继续含有NBSP, 而且换行也没有了. 拿上面的问题继续问 claude

群里有人讨论如何在blogger中使用markdown 思路 以前在 短链转markdown日记本 的方案中, 页面内容<textarea>中是markdown格式文本, 外面再挂一段简单的JS转换markdown到HTML.

上回书说到 , 我还是回到了用blockquote显示代码的方案. 那么, 没有复制按钮还是不方便呀.