普通视图

博客装修日记-地图与热力图更新

2025年12月8日 22:44

确实是离职之后就有了更多折腾的时间,这几天重新搞了个新的虚拟机,部署了rsshub,用AI写了很多小代码,还在vibe-coding自己想做的小插件,忙的不亦乐乎。当然博客的装修也没拉下,更新插件并且又解决了很多网站的小bug。

Marker Pro地图插件

用上了bigfa的Marker Pro地图插件最新版,目前仍然是体验最好的地图插件,广而告知哈哈哈!

最新的2.0版主要更新:

  • 现在单篇文章可绑定多个坐标
  • 可单独管理坐标,同时坐标支持多个设置参数
  • 在编辑文章的时候即可轻松选择已有或新建坐标
  • 坐标绑定文章之后将自动变更状态
  • 地图页面增加了更多的选项卡和数据统计面板
  • 优化了数据结构,增加了年份组和图片组输出
  • 改进了更为现代的样式
  • 优化云端相关文章逻辑,不再需要本地交换数据
  • 优化了渲染逻辑,切换缩放更加流畅

最爽的是支持导入导出兼容Google Map,这样可以同时和我的地图保持同步,唯一遗憾就是导入的城市无法自动识别国别。

一次性导入了之前所有的地点,再次感叹出去容易写游记难。不知道何年何月能把游记补完。

WP Post Heatmap增加黑暗模式

之前在《WordPress博客折腾记》写过,用上了博主雪糕写的热力图插件,但插件不能兼容适配主题的黑暗模式,当时用GPT4和Claude3.5都没能修改好这个代码,一直耿耿于怀,最近Gemini 3 Pro终于支棱起来了。

image-20251208222800071

在原来的插件中额外增加一个heatmap-fix.css文件,完整插件在github可以直接下载,以下是代码的部分:

/* ==========================================================================

1. 默认状态 (兜底)
   (对应 Light 模式,或者没有任何类名的情况)
   ========================================================================== */
   #heatmap {
       filter: none;
       background-color: transparent;
}

/* ==========================================================================

2. 强制黑暗模式 (User clicked "Dark")
   只要 body 有 .dark 类,不管系统是什么颜色,都强制变黑
   ========================================================================== */
   body.dark #heatmap {
       background-color: #ffffff !important; /* 先铺白底 */
       filter: invert(0.82) hue-rotate(180deg) contrast(1.2) !important; /* 再反转 */
       border-radius: 8px;
}
   body.dark h2.wp-block-heading {
       color: #ffffff !important;
}

/* ==========================================================================

3. 自动模式 (User clicked "Auto")
   只有当 body 有 .auto 类,且 系统确实是深色时,才变黑
   ========================================================================== */
   @media (prefers-color-scheme: dark) {
       body.auto #heatmap {
           background-color: #ffffff !important;
           filter: invert(0.82) hue-rotate(180deg) contrast(1.2) !important;
           border-radius: 8px;
       }
       body.auto h2.wp-block-heading {
           color: #ffffff !important;
       }
}

其他增加的小功能或者修复的BUG

  • Markdown编辑器下自动增加图注
  • 增加两个新的标签页
  • 修改bigfa新版主题中的一些小问题:黑暗模式下标题颜色太浅,回复中friend标识的大小不一
  • 改正Home页的邮箱后缀错误
  • 调整Page页标题的大小问题
  • 增加footer中Copyright的年份自动变化

赛博家务之Windows电脑重装实录

2025年12月7日 23:52

不知道是不是电脑安全控制的加强,这些年比较少听到重装系统了,装系统本身是小事,但要重装一堆软件再配置好一堆软件用惯了的设置才是头大。

我这台大约是3-4年前从Win10升级到Win11,上个月突然开始无缘无故卡顿,一度怀疑是硬盘坏了,打开CrystaDiskInfo一看两个硬盘黄灯。赶忙买了新的SSD换上,结果还是卡。

image-20251207221001673

遇事不决重装系统,眼看要硬着头皮搞了,恰好朋友电脑更新换代,于是继承了她的旧台机,这下重装听着没那么痛苦了,玩游戏还能更流畅,美滋滋。

先花了点时间把两台机器的配件合一合,主板、CPU、显卡都用朋友的。内存和硬盘叠加上自己的,4根8G一共32G,鸟枪换炮。我的D4 3200内存是2019年买的,过了这么多年内存价格不降反升……说起来不过2个月前买的SSD已经从899涨到1399,涨幅堪比黄金。

image-20251207221939351

朋友的机箱是毁灭者Masterbox Lite 5,中规中矩的带灯机箱,现在的机箱好像没有几个不带灯的设计,不知道是什么网吧审美。不过功能性比几年前好多了,像朋友这台用了六年的机器,里面灰尘没有想象的多,但还是做了下清灰。

中间几番纠结想换乔思伯Z20机箱,测评和装机视频都看了几个,一问客服电源限长,显卡限长,要换的话还得换一个短电源以及扔掉两个硬盘,遂放弃。

image-20251207222734642

6年前这台电脑就是我帮朋友组装的,拆起来也驾轻就熟,当年我的背线还是走的很整齐的,因为硬盘变多了,全模组电源又额外翻出几根线重新插上,搞好后的电脑看着焕然一新,四舍五入也算是入了台新机。

一次点亮,用旧电脑写个启动U盘开始重装,windows下用rufus做系统盘比balenaEtcher好,说起来微软在这么多年,终于在Windows 11 26200.7019版本修复了更新关机变重启的BUG,也是活久见。

推荐一个装机小工具,淘宝30块买的2.4G键盘鼠标一体输入器,因为我只有蓝牙的鼠标和机械键盘,以前出现过装机的时候手头没有可输入设备的情况,之后这个就是常备工具。

image-20251207223329101

虽然已经是六年前的电脑了,玩燕云还能开标准配置,不错呢。硬盘加在一起有五六块,C盘用了朋友的256GSSD,我原来的SSD系统盘拿来做游戏盘,现在的游戏动不动就一百多G,装上博得之门、星穹铁道、燕云十六州就已经快500,令人震惊。顺便把快坏的硬盘放到后面的分区作为下载的空间,废物利用下。

image-20251207225343192

接下来就是漫长的装软件、配置软件的过程,2025年了除了QQ/微信/网易云/百度网盘/Telegram/Steam这些不可替代,我的装机必备软件大概有以下这些:

  • Adobe Audition(学习版):剪辑播客用的,一年能用上3-4次最多哈哈哈。
  • Adobe lightroom(学习版):管理所有的照片。
  • Adobe Acrobat(学习版):查看、编辑PDF。
  • Antigravity(免费):跟风叫Vibe-coding?反正就是Trae开始收费就换到Google这个,未来收费我可能就回到VScode配合AI食用了。
  • Bandizip(免费):免费的解压缩软件,这个用习惯了。
  • Captura(免费):小巧方便的录屏软件。
  • Chrome(免费):幸亏现在有账号同步,大部分的插件和设置都可以一次到位,比较烦的就是Chrome老是调整安全策略,有挺多好用的插件都不再支持。
  • Clash Verge(免费):老中必备clash verge。
  • Everything(免费):必备,Mac就没有这么畅快的软件,别跟我说Spotlight。
  • filezilla(免费):服务器文件传输:
  • Flomo(免费):记一些随手想到的事情,和苹果备忘录的区别大概是这个一条一条的排版比较好找,否则完全可以用备忘录替代掉。
  • FreeFileSync(免费):硬盘备份。
  • GitHub Desktop(免费):非程序员的我不是很会用命令行啊!
  • Irfanview(免费):看图软件。
  • MobaXterm(免费):服务器管理。
  • Monica(付费):AI All in One,配合网页版的Gemini和GPT一起食用。
  • Motrix(免费):下载。
  • Typora(付费):写作软件,现在这篇博客就是用这个写的。
  • Office全家桶(付费):处理公司的一些文件需要用Excel,我个人的笔记在Onenote,其他已经很少用。多次想把笔记软件换到Obsidian都不成,还是和Onenote死磕吧。另外主力网盘我用的Onedrive,资料放在百度云我是不敢的。
  • Picgo(免费):配合Typora写博客用的,这个自定义配置很麻烦,之前特意写过一篇文章,而且最近把压缩插件换成了picgo-plugin-tinypng,感觉更顺畅了。
  • Potplayer(免费):视频播放,现在一般都在视频平台或者直接电视投屏了,这个用的少了很多。
  • QuickLook(免费):像Mac一样,按空格可以预览文件。
  • Voice Recognition to Text Tool(免费):飞书妙记开始收费后的开源自部署平替,语音转文字,有点麻烦,应该直接付费的。
  • µTorrent(免费):聊胜于无的在PT站下一些无损专辑,放到客厅的机器上听。
  • 白描(付费):最好的OCR软件,没有之一。

此外还有一些小工具,应该算不上常用软件,比如说:CrystaDiskInfo、HWiNFO、Mp3tag,就这些东西,我搞了三四天……也是够累的。

博客装修日记-BUG修理篇

2025年11月26日 00:16

不如直接说是Bug修复日记吧…就是一些小问题拖了很久一直没搞,现在终于倒出手了…

1.修复重定向死循环BUG

之前专门写过一篇关于博客重定向的文章,不过当时没有注意一个问题,自动翻译的PostName是大写,这样输入到浏览器又会自动转为小写,在Redirection就会再重定向一次,经常会由于多次重定向提示刷新次数过多无法打开网页。

解决方法也很简单,打开Wordpress数据库,以phpadmin为例,在SQL查询中执行:

UPDATE wp_posts  
SET post_name = LOWER(post_name)  
WHERE BINARY post_name != LOWER(post_name);

全都改好之后,记得去WordPress 后台的固定链接,点击底部的 “保存更改”,刷新数据库等待生效。

2.显示朋友标识BUG

修复重定向问题时点开文章赫然发现了一个主题的bug(cc @bigfa 哈哈哈哈),开启主题自带的“Friend icon-Show icon when comment author url is in blogroll”,但没想到pingback的评论也会加上icon,就这样了……

image-20251125232821395

找了一下代码应该是在modules/comment.php下,增加一个判断逻辑,完美解决。

 function show_friend_icon($comment_author, $comment_id, $comment)
    {
        // 🛑 新增逻辑:检查评论类型
        // 如果是 pingback 或 trackback,直接返回作者名,不加图标
        if (in_array($comment->comment_type, ['pingback', 'trackback'])) {
            return $comment_author;
        }

        $comment_author_url = $comment->comment_author_url;

        // 如果 URL 为空(有些评论可能没有留网址),也直接返回,避免报错
        if (empty($comment_author_url)) {
            return $comment_author;
        }

        // get domain name
        $comment_author_url = parse_url($comment_author_url, PHP_URL_HOST);

3.Page页Permalink出错

image-20251125235118938

这条应该是刚才执行 SQL 语句,把 CSV 里的 PostName 更新到了数据库的 post_name 字段,导致带了重复的字段进去,执行这条 SQL定位一下问题 post_name

SELECT ID, post_name FROM wp_hidezemberposts WHERE post_name LIKE '%/%';

果然找到了一些:

image-20251125235631052

执行修复,SUBSTRING_INDEX的作用是“只取最后一个斜杠之后的内容”。

UPDATE wp_hidezemberposts
SET post_name = SUBSTRING_INDEX(post_name, '/', -1)
WHERE post_name LIKE '%/%';

回到 WordPress 后台的固定链接,保存更改等待生效。

最后,赞扬Gemini 3,我的新晋心头好,帮我搞定了很多代码小问题,等我下次再用热力图那个功能来挑战下。

❌