博文

目前显示的是标签为“css”的博文

用Stylebot插件 修改blogger编辑器页面 显示被折叠的工具栏按钮

图片
前言 书接上文 我们已经隐藏了bloger编辑器的右栏 但工具栏在空间足够的条件下, 还是产生了折叠分栏. 本文就来解决这个问题. 分析 通过 F12 开发者工具, 分析 工具栏的 HTML 内容 发现, 就在这个工具栏里面, 有些按钮被隐藏了. 也就是说, HTML内容里是有的, 但是页面上不显示. 面向GPT开发 因为GPT文本输入字数限制, 我们需要将工具栏的HTML内容保存为文件, 再上传给GPT. HTML 环境 我有一个工具栏, HTML内容见文件 工具栏中包含一些按钮 有些按钮是显示的, 有些按钮是隐藏的 我现在需要将工具栏下的所有按钮都设置为显示 要求使用设定页面元素CSS的方式 按钮可能是动态的, 所以不要指定按钮的 class, 而要从按钮与工具栏的HTML层级关系分析. 把上述需求发给GPT, 得到 .Qy5T6b.O3LMFb.QduVPe * {     /* 强制元素显示。display: initial 尝试恢复元素的默认显示类型，通常比强制 display: block 更安全。 */     display: initial !important;          /* 确保元素可见 (覆盖 visibility: hidden) */     visibility: visible !important;     /* 确保元素不透明 (覆盖 opacity: 0) */     opacity: 1 !important;          /* 移除可能导致元素被灰色化或隐藏的滤镜效果 */     filter: none !important; } 实践与调试 在 Stylebot 中设置刚刚GPT给的结果, 得到 可以看到有初步效果, 但是显示得太多了. 继续在F12模式下进行简单的分析. 可以看到 下拉菜单选项啊, 说明文字啊, 都显示出来了. 如果我们限制 只显示到 按钮这一层, 会是什么效果呢? 问了一下GPT CSS语法,  改成这样 .Qy5T6b.O3LMFb.QduVPe ...
发表评论
Read more »

hi-linux 奇妙的 Linux 世界 CSS解密 显示全文

图片
TL;DR div#read-more-wrap {   display: none; } div#vip-container {   height: auto !important; } 奇妙的 Linux 世界 有几篇文挺好的. 比如, ptcpdump 新一代抓包神器，可捕获任何进程、容器或 Pod 的网络流量 一文带你搞懂旁路由的原理与配置 为什么只有 13 台根服务器 但是, 要说"但是"了. 首先, 要看全文需要加微信公众号, 发口令, 得到验证码. 其次, 这些文章也不是原创, 都是从别的地方采集的. 比如, ptcpdump: 抓包时显示进程信息以及对任意进程、容器或 Pod 进行抓包 https://mozillazg.com/2024/07/ebpf-ptcpdump-capturing-the-network-traffic-of-a-process-or-container-or-pod.html 旁路由的原理与配置一文通 https://easonyang.com/posts/transparent-proxy-in-router-gateway/ 为什么只有13台根服务器 https://taoshu.in/dns/13-roots.html * 多说一句, 原博客都挺不错的, 可以多看几篇. 那我就想能不能CSS"解密"一下了. ======== 过程并不难 F12 开发者工具 箭头工具 选中这个 "阅读全文" 找更上一层的父元素, id="read-more-wrap", 可以看到这个 warp 是包括了 半透明的mask 以及 "阅读全文" 按钮btn的 给它增加一个 display: none 属性, 就不显示了. 应用到 CSS 修改插件 上, 就是 div#read-more-wrap {   display: none; } 具体操作请参数此视频  https://www.youtube.com/watch?v=AnBbUC8jC7Y 这一步操作完之后, 对比原文, 发现正文并没有显示完整. 进一步的, 用箭头选择HTML元素, 找到了这个 id="vip-container" 并且, 高度是设定了的. ...
发表评论
Read more »

用Stylebot插件修改kejiland博客的颜色 阅读更柔和 | 安知鱼主题博客通吃 anzhiyu theme

图片
kejiland博客的初始配色对我来说, 蓝色太饱和了, 有点刺眼. 所以用 Stylebot 插件修改一下CSS设置.
发表评论
Read more »

User JavaScript and CSS 失效, 换用 Stylebot

最近chrome更新了个什么东西, 一批修改网页的插件需要更新或者失效. 比如, 油猴, User JavaScript and CSS, ...
发表评论
Read more »

用Stylish插件修改eaimty博客的颜色 阅读更柔和

图片
eaimty博客 的初始配色很Matrix, 很有个性, 但长时间阅读对眼睛不好. 所以用 Stylish插件 改一下CSS的颜色设置. 我用的配色是从 简阅SimpRead 抄来的. body {     background: #fcf5ed;     color: #333;     } 效果  
1 条评论
Read more »

用Stylish插件修改blogger编辑器宽度

图片
blogger的系统有一点点 "过时". 在编辑博文的时候, 我觉得编辑器的宽度有点太窄, 特别是在比较大的显示器上, 显得没有充分利用. 可以打开开发者工具, 找到这个页面元素, 把width属性改大一点. 但是这样修改的结果, 只要刷新页面就复原了. 为了能每次打开这个编辑器页面都可以自动修改. 可以使用插件实现.
3 条评论
Read more »

The Hot3 in Last 30 Days

酒馆SillyTavern 玩英文角色卡 也能以中文输出 设置世界书Lorebooks

图片
之前 我们实现了 让酒馆SillyTavern输出中文 . 不过, 我们在寻找/试用角色卡的时候, 常常要试用大量的角色卡, 而有些角色卡你说上一两句话就不想继续用了. 如果每个角色卡都那样操作一遍输出中文的话, 会觉得有点麻烦. 那么, 有没有什么方法可以设置一次, 就应用到每一个角色卡呢? 我们可以使用 世界书Lorebooks 这个功能. 在酒馆界面中, 点击 世界书 - 新建 随便用一个你喜欢的名字 * 这个名字只是为了方便管理. 不影响最终效果. 这时, 你应该看到刚刚新建的世界书被选中. (如果不是, 需要你在下拉菜单中选择) 然后 点击 右边的 新条目 按钮 设定这个新条目 1. 条目的标题, 随便设置什么. * 这个标题只是为了方便管理, 不影响最终效果. 2. 触发策略, 设置为 蓝色 * 意思是, 不需要关键词触发. 3. 插入位置, 设置为"角色定义前" * 如果效果不好, 可以试着改为 "角色定义后" 4. 展开条目设定 5. 设置条目的内容为 {{char}}用中文输出全部信息, 包括语言和场景描述. {{char}}输出内容中不要有大段的非中文内容. 现在, 设置你的全局世界书为你刚刚新建的这个世界书. 然后试着和你的新添加的角色卡对话看看? 我们来看看命令行里实际发生了什么. 对比 之前的方案 , 可以看到命令行日志中的效果是一样的, 也就是说, 发送给AI的格式是一样的. ======== 未完待续
Read more »

搭 Docker版 Sub-Store订阅转换专家 带 http-meta 实现 集合订阅 测延迟 排序 筛选 生成新订阅 定时任务上传Gist

图片
需求 https://github.com/2dust/v2rayN/issues/4247/ 有人希望在 v2rayN 中添加自动测延迟, 再自动切换服务器的功能. 我觉得, 如果节点很多(比如到处搜集免费节点的人, 节点总数有可能成千上万), 那么这个测速+筛选的工作不应该由翻墙客户端来做, 应该由一个单独的实体来做. 我找了一圈信息, 最终决定用 Sub-Store 完成这个任务. 搭 Docke版 Sub-Store 教程  https://surge.tel/22/2953/ Docker镜像的说明 https://hub.docker.com/r/xream/sub-store 我也记录一下自己的操作 安装 Docker curl -fsSL https://get.docker.com | bash -s docker  运行 Sub-Store 镜像 docker run -it -d --restart=always -e "SUB_STORE_BACKEND_SYNC_CRON= 55 23 * * * " -e SUB_STORE_FRONTEND_BACKEND_PATH=/ TQg8veJHzYt38utxXtav  -p 127.0.0.1:3001:3001 -v /root/sub-store-data:/opt/app/data --name sub-store xream/sub-store:http-meta * 其中,  TQg8veJHzYt38utxXtav  是你的后端API秘密路径, 你应该自己生成一个随机的, 足够长的字符串, 不要直接使用我的这个. 55 23 * * *  表示同步任务每天 23:55 执行. 如果你想每小时的第55分钟执行一次, 那么使用  55 * * * *   你可以 查看 docker 的运行状态, 确认sub-store运行起来了. docker stats * 如果你是在自己的 电脑 上面搭, 那么, Docker环境用你自己习惯的方式. 需要注意, 镜像为  xream/sub-store:http-meta 如果没带上 http-meta 那么镜像中就没有 http-meta, 那么就不能测速...
Read more »