给评论框加上Github登录验证，提高评论提交门槛
本文基于 给 Typecho 评论区适配 Cloudflare Turnstile 这篇文章。发现其实还是有能通过 Turnstile 验证并发送垃圾评论的（背后应该是智能的人工，而不是人工智能）。为了尽量避免这种情况吧，发广告的人应该一般不会注册 Github 账号，而我自己站的受众，基本人手一个 Github 账号，而且也有相应的网络条件，在理论成立之后咕咕咕了很久很久，终于今天落实了下...
正在浏览：分类 技术 下的文章
给 Typecho 评论区适配 Cloudflare Turnstile
一直以来，本站评论区都饱受 Spam 的烦扰，于是 TE 水友群里就有小伙伴提议用一下 Cloudflare Turnstile 来解决一下。这个就是类似于 Google reCAPTCHA 吧，但区别与 Google 的是，Turnstile 没有那些烦人的找红绿灯找自行车啊什么的，几乎属于无感的。于是便着手考虑给自己站点的评论区也安排上这个。PS：情人节大家都在牵手，我在这里改BUG.....
记一次通过量产工具修复虚标缩水U盘
半个月前，得到了一个U盘。想都不用想，就是那种黑胶的、三无厂商的U盘，在Windows的文件资源管理器下，显示是一个32G的U盘（1000kb => 1024kb相关差异）。一看，根本不可能这么大方给一个这么大的U盘，心想肯定写个几十M应该就废了，感觉八成里面封装的是牛屎芯片，于是抱着想折腾一下的心理，试图寻找方法，去给这个U盘还原成真实容量。首先，先是找到了ChipGenius这个软...
利用 onerror 事件使 Gravatar 在源不可用时自动切换头像源
前些天，有小伙伴反映说，站点的头像变成碎图了...今天找了下时间，解决了这个问题。本方案的原理，就是使用了onerror事件的调用，来检测头像加载过程中是否出错，如果出错，就执行 Javascript 逻辑。目前整理好的代码如下所示。const avatarOnError = (node) => { // nowURL：（例）https://cravatar.cn/avatar...
使用SVG Sprites（雪碧图）实现本站表情的解决方案
起初，发现自己用的酷安表情包，当时为了极致占用（为了降低网络开销），已经被压缩的非常糊。然后，就想到是否能用SVG来解决这个问题，于是，找到位大佬在Github仓库里提供的SVG格式的酷安表情包，故经过筛选之后取之，基本只留下了圆脸和狗头表情，其他的都略去了。最终筛选出这80张表情。正当因如何再次缩减表情数量（减少HTTP请求次数）而犯愁的我，经过搜索查找，找到了SVG Sprites（雪碧...
将主题适配WP的部分迁移回TE，与一些改动
面对WordPress的社区活跃度与充足的功能与插件，但还是因为性能问题放弃了迁移计划。迁移过程中，也产生了一些新的代码，于是近日将相关代码迁回TE站点，并更新主题版本号为JiCoreV3.1版本。大概更新的内容如下图所示吧。其中更多的还是关于评论系统的改进。因为整套主题的原生评论辅助用JS已经被我重写了，当时也有很多因素没有考虑到，比如说当JS不可用时，如何才能正确回复夫评论？当从邮件提醒...
打退堂鼓的移植WordPress
这周，本来想要把站点迁移到WordPress，原由就是看到老权吐槽说，Typecho的XMLRPC不标准，提PR也不见合并，同时自己也对Typecho的社区活跃度有了疑虑，故开始计划迁移到WordPress。有了AI加持，写代码非常容易。期间也看了不少大佬的博客，还有一些教程。确实，WordPress在教程方面，还是很多的。主题适配进度也在逐渐爬坡，目前的功能就差ajax回复、评论IP显示、...
使用原生 JavaScript 实现页面路由效果
最近把手头的东西都去了 jQuery 的依赖，去掉之后，想给我一个使用 JavaScript 渲染列表的站，加上个路由，但这个站用的还不是 Vue，用不了 vue-router，于是找到了如下方式，使用原生 JavaScript，来达到类似的 URL 展示效果。document.addEventListener('DOMContentLoaded', function (...
在 1Panel 上使用 webp-server-go 实现全站 webp 改造
想着搬站都有一段时间了，看看能不能把 webp-server-go 给搬过来，降低一下站点的带宽开销。之前也写过一篇文章，但用的不是 Docker 部署的方案，只是略有出处罢了。且这个小服务端也在升级，配置文件也发生了一些变化。按照官方的文档，首先在 1Panel 后台中点击容器->镜像->拉取镜像，填入 webp-server-go 的镜像，再点击拉取按钮，如下图所示。拉取完毕...
隐藏奇奇怪怪的设备的“安全删除硬件并弹出媒体”托盘选项
前几天，买了一个支持 Windows Hello 的 DIY 摄像头模组，不料接上 USB 线后，任务栏托盘里多了个“安全删除硬件并弹出媒体”、“弹出 Integrated Camera”的菜单栏...好奇点了弹出，点了之后就用不了了，重新插拔才正常，弹出设备的提示也没消失，仍在。询问店家，店家的回复是“正常的”、“对的呢 有些电脑会这样子 目前无解”。今天经过好一顿搜索，搜索到了如下两个教...
网站成功搬家，站点成功存续，1Panel迁移踩坑记录！
还有几个月，特价的华为云机器就要过期了。正好看见群友在群里分享的阿里的 99 元机，当天买下，并办了接入备案。故大喜，毕竟站点的存续有希望了，有了能继续下去的物质基础。对于这个站的未来嘛，虽然已经确定了自己没有入行计算机，也没有从事程序员的工作，但还是将这个站点，作为自己的兴趣爱好，继续进行下去，大概率周末会改改站啊，写写东西啊什么的，尽量让这个站，长期存续下去，毕竟里面也装满了我半个青春，...
使用relative-time-element.js在前端层面实现时间的实时显示
这两天给站擦擦灰，补全了一些功能，优化了一些细节。突发奇想，Github issues 区的内容的所有回复/发送内容，时间都是随真实时间实时变动的。在经历了自己造轮子失败之后，偶然发现原来这个功能已经被 Github 开源出来了...合计着我这白忙活。https://github.com/github/relative-time-element调用方法也是非常简单的，对现有项目的创伤性几乎为...
使用WebP Server Go来加速站点本地图片访问速度
临近毕业，要到自己为站点续命的时候了。想减少开销，减少一些潜在的意外，故挪掉了一直在用的云存储（大部分文件是反代uploads目录并静态内容迁移以使用 CDN 节点进行加速，小部分文件为自上传的云存储）。这样一来，之前那些随手传上去的图片不是那么小，没有了 CDN 端上的 WebP 自动转换，图片加载速度的确是慢了不少。然后经过搜索，找到了这么个基于 Go 语言写的这么一个服务端程序，可以自...
JSP简单实现用户登录与注册功能
本教程使用 IDEA Ultimate 实现，社区版需要其他方式的设置创建项目简要介绍。创建 JAVA EE 项目，选择 WEB 服务，将下载到的 Tomcat 的路径添加 Tomcat 服务器列表中，然后点击下一步，选择 Java EE 8。添加 MySQL JDBC 驱动点文件->项目结构->库，然后将 MySQL 驱动的 jar 包（mysql-connector-java...
软著申请下来了，顺便更新了下主题
就在今天，我的软著证书，终于拿到手了。怀着开心的心情，写下此文。起因最初在 21 年那阵吧，老权把南博的软著给拿到手之后不久，偶然发现 Typecho 的主题模板也是可以申请软著的，于是建议我也弄一个。但由于自己一直很懒吧，跟老权取完经之后，就一直放在这儿了...（我承认这习惯很不好...）后来，22 年，长春大疫，封城。老师找我干活，本以为是什么带我起飞的差事，但当老师线上交流，老师发给了...
最近看到的有趣的前端的小东西，作为学习笔记
参考来源：w3schools，与 mozila 的 MDN用变量一样的写法去写 CSS:root { --blue: #6495ed; --white: #faf0e6; } body { background-color: var(--blue); } h2 { border-bottom: 2px solid var(--blue); }CSS 层面阻止原生事件pointer...