用 IrfanView 把图片批量转换成 WebP
WebP 是谷歌推出的图片格式，同等画质下体积比 jpg、png 小 25% 以上：一张 2M 的 jpg 转完剩 1M，能省服务器存储、加快图片加载。代价是兼容性，老浏览器不认，支持情况可以在 caniuse.com
Jenkins 对接 Nexus 私服：Vue 制品的构建、上传与多环境部署
前端 Vue 项目的发布链路：开发把代码提交到 Git/SVN，每个发布版本更新 package.json 里的版本信息，然后 npm publish 把构建产物推到 Nexus 的 npm 私服；Jenkins 通过插
一行 CSS 让整站变灰的实现与注意点
整站变灰用在哀悼缅怀日和公祭日这类场景，勿忘历史。功能本身不复杂：给根元素挂一层灰度滤镜，所有渲染内容都会继承。一段代码加对位置，用到时开关一次就行。 代码 html { filter: progid:DX...
WordPress 首页只允许选“页面”？一段代码让它支持选文章
WordPress 后台「设置-阅读」里，“静态页面”首页只能从页面里挑，文章不在下拉列表里。其实通过过滤 wp_dropdown_pages 把这个下拉重建成包含所有已发布文章的选择器就能绕开限制，前后台再各...
PandoraNext 部署并与 ChatGPT-Web 对接的记录
PandoraNext 的目标是帮用户绕开网络限制使用 GPT 服务，配合第三方 chatgpt-web 前端就能得到可用的对话界面。这篇记录部署、取 token、对接 Web 三步。 先说明时效：截至 2024 年 1
把评论区的博主标识换成自定义 SVG 图标
评论区里文章作者自己发言时，通常会带一个小徽章。主题自带的图标是通用样式，想换成自己的标识（比如这个粉色底的 bilibili 图标），不必装插件，改一处模板输出就行：把原来那个图标标记整段...
切换日/夜模式时弹一条提示的 jQuery 写法
点主题的黑/白切换按钮时，想让用户明确感知当前切到了哪种模式，可以用 Layer 弹层在切换瞬间弹一条两秒的提示。核心就是一段 jQuery，先决条件是站点里能用 Layer.js。 先确认 Layer.js 是否...
OpenResty 搭配开源 WAF 拦截 Web 攻击
OpenResty 是基于 nginx 的 Web 应用服务器，支持 Lua 脚本和第三方模块。在它前面挂一套 WAF，用 Lua 对进出流量做实时检测与拦截，成本很低，这篇文章记录 unixhot/waf 的部署过程和