Kratos-plus v1.1.19
本次版本主要带来一款全新的「金融 · 盘口」周皮肤、若干站长常问的实用开关,以及内置 Bootstrap 由 4.5.0 到 5.3.3 的跨大版本升级。升级后请强制刷新一次浏览器缓存(Ctrl / Cmd + F5)。
新功能
- 新增「金融 · 盘口」皮肤:以红涨绿跌的交易盘面为设计语言,列表卡采用「上边线 + 左红条」两边收边、hover 封板点亮两条边;分类 tab、相关文章竖条、走心评论区等组件均已适配。在「主题选项 → 每日皮肤」中可选。
- 移动端跳过侧边栏开关:主题选项新增开关,开启后移动端浏览时可直接隐藏侧边栏,正文与页脚衔接更紧凑,不再被侧栏挤到最底部才出现。
- 前台自定义 Head / Footer 代码注入:主题选项新增两块代码框,可分别向前台
<head>与</body>之前注入自定义 HTML / JS / meta 标签,方便接入统计、验证、第三方脚本,而无需修改主题模板文件。 - 默认特色图改为前端 div + CSS 5 预设:告别 SVG 生成器,无缩略图的文章会由前端直接渲染 5 套占位样式(含渐变与文字占位),随主题皮肤自动适配圆角、边框与配色;ebook / bookfold 等纸面皮肤下的文字占位图会跳过 grayscale 滤镜,保留原有色彩。
- 相关文章 / 岁月同一天 迁移到前端 div 渲染:不再依赖服务器端生成 SVG 缩略图,页面加载更轻,缩略图圆角、hover 交互与所在皮肤保持一致。
优化
- 内置 Bootstrap 由 4.5.0 升级至 5.3.3:CSS、JS Bundle(含 Popper 2)全量替换,前端 JS 不再依赖 jQuery 引导 Bootstrap 组件。
- 全站模板、评论表单、搜索小工具中的方向类(
ml-* / mr-* / pl-* / pr-* / float-left / text-left等)统一切换到 Bootstrap 5 逻辑属性等价类(ms-* / me-* / ps-* / pe-* / float-start / text-start等)。 - 导航栏折叠、首页轮播、侧栏 tab、下拉菜单等
data-toggle / data-target / data-dismiss / data-ride / data-slide属性统一改为data-bs-*命名;wp-bootstrap-navwalker已同步适配,sr-only输出为visually-hidden。 - 评论输入组去除 Bootstrap 5 已废除的
input-group-prepend / -append包裹层,图标胶囊直接作为.input-group子元素,间距对齐更精确。 - Bootstrap 5 Reboot 引入的副作用已一并抹平:
:root上的scroll-behavior: smooth已关闭(避免回到顶部按钮点击后动画完成再补一次滚动的迟滞感)、全局a下划线已复位、<code>粉色着色对 Prism / hljs 高亮的覆盖已修复、导航右侧「紧贴右边」的ms-auto已补齐、热度图年份筛选与归档 tab 按钮改用inline-flex双向居中。 - 评论者提示气泡改用 Bootstrap 5 原生
bootstrap.Tooltip.getOrCreateInstance初始化,替换旧的 jQuery 插件调用。
- 全站模板、评论表单、搜索小工具中的方向类(
- 评论者必填时输入框自动带
required:主题选项「评论者必须填写姓名与邮箱」被启用后,姓名 / 邮箱输入框会自动加上required,浏览器原生阻断空提交,减少依赖服务端返回错误。 - 复古预设特色图边框改细:由原「外 4px + 1px 间隙 + 内 1px」调整为「外 2px + 1px 间隙 + 内 1px」,视觉更克制、与卡片比例更协调。
- bookfold 皮肤阴影收敛:解除
.details / .board / .sidebar后代box-shadow全局清零,改由具体元素自控,避免其它组件(如相关文章、评论卡)在纸面皮肤下丢失应有阴影。 - 渐变缩略图色/图分离:拆分
background-color / background-image,避免外层容器的 shorthand 重置意外抹掉渐变。
升级说明
- 本版本涉及主题模板、评论表单、导航等前端结构调整。升级后请强制刷新浏览器缓存(Ctrl / Cmd + F5),确保 CSS 与 JS 全部拉取最新版本。
- 如果你在子主题或自定义 CSS 中使用了 Bootstrap 4 的旧类(
ml-* / mr-* / pl-* / pr-* / float-left / float-right / text-left / text-right / no-gutters / form-row / input-group-append / input-group-prepend / badge-primary等),请一并按 Bootstrap 5 命名迁移;升级前的旧样式规则在 5.3.3 中不再生效。 - 如果你在子主题中扩展了自定义 JS 使用 jQuery 方式调用 Bootstrap 组件(
$(el).modal()/.dropdown()/.tooltip()等),请改为 Bootstrap 5 的原生 API(bootstrap.Modal.getOrCreateInstance(el).show()等)。 - 若你此前手动绑定了自定义
data-toggle="dropdown"或类似属性,请统一改成data-bs-toggle,否则 Bootstrap 5 下不会响应。
下载及预览
GitHub:https://github.com/lifengdi/kratos-plus/releases
0 条评论