简介

本篇教程讲解子比 Zibll 主题自定义美化技巧，支持在文章页面右上角添加专属二维码快捷图标，方便 PC 端用户扫码跳转手机浏览器打开对应文章，实现跨设备快速阅览、一键分享转发，提升站点使用便捷度。功能采用悬浮交互设计，默认仅展示简约图标，鼠标悬浮图标时自动弹出文章二维码，鼠标移开即刻隐藏，不遮挡正文内容、不破坏页面原生排版。功能依托 jQuery qrcode 轻量化插件自动抓取当前文章链接，实时动态生成专属页面二维码，无需图片素材、无需后台配置，同时搭配主题适配美化样式，贴合子比原生界面风格，兼容日间 / 夜间双模式。教程附带完整落地代码示例，包含页面结构 HTML 布局代码、二维码渲染 JS 交互代码，代码精简无冗余，无需改动主题核心源码，一键粘贴即可部署，适配所有版本子比主题，运行稳定无插件冲突。

效果展示

代码部署