子比主题教程：文章图片添加遮罩版权水印

给子比主题文章页所有图片添加专属遮罩版权效果，纯 JS 代码实现，无需修改源文件。

鼠标悬浮在文章图片上时，自动显示半透明遮罩，右下角展示自定义 LOGO / 版权图片，样式简洁，仅作装饰防盗两用，不影响正常阅读，参数均可自定义，喜欢的直接复制部署即可。

效果预览

代码部署

进入网站后台 → 子比主题设置 → 自定义 JavaScript 代码，将下方完整代码直接粘贴，保存即可。

只需替换代码内图片链接为自己的 LOGO、版权水印地址就能直接使用。

自定义调整说明

1. 水印图片：修改 icon.src = '图片链接' 替换为自己的 LOGO、版权图；
2. 水印大小：调整 width、height 数值，自定义水印尺寸；
3. 水印位置：修改 bottom、right 数值，调整边角距离；
4. 遮罩深浅：修改 rgba(0,0,0,0.5) 透明度数值，调节遮罩深浅；
5. 动画速度：修改 0.3s 数值，调整遮罩淡入淡出速度。

功能特点

• 纯 JS 轻量化，无代码冗余，不影响网站加载速度；
• 鼠标悬浮触发，离开自动隐藏，观感舒适；
• 右下角固定水印展示，防盗 + 装饰双重作用；
• 完美适配子比主题文章内容区域，无样式冲突；
• 所有参数均可自定义，随心修改样式。