Releases: Astrian/reflect-white-mweb-theme
Releases · Astrian/reflect-white-mweb-theme
全新色彩模式选项,以及部分样式调整
全新色彩模式选项
现在,Reflect White 支持手动调整色彩模式了!在页面底部,你可以看到新的「色彩模式」选项。
除了默认选择的「跟随系统」外,访问者现在可以手动指定 Reflect White 主题使用的色彩模式,包括明亮和黑暗两个选择。同时,在切换色彩模式的过程中会有渐变效果。
注意:
- 色彩模式设定偏好数据不会跨用户、跨浏览器、跨会话、跨网站同步。更换浏览器、在不同设备上更改该偏好不会被同步,不同网站间该偏好也不通用。
- 若选择「跟随系统」,将与 Reflect White 之前版本的原有明暗色彩模式表现一致。
改用 SCSS 进行样式编写
Reflect White 项目已改用 SCSS 语法进行样式编写。通常,这样做可以大幅提高样式查找与修改效率。同时,对 Reflect White 进行深度定制、或是参与贡献而言,SCSS 会让这个过程变得更为简单。
分割线元素样式修正
对于分割线 <hr>
元素而言,现在它与被分隔的内容有着更大的空隙,以便在视觉上起到更好的分隔效果。
评论代码更新,以及样式调整
在 1.0.3 版本中:
- 修复一个由 MWeb 删除「评论与分享代码」区块功能所导致的无法插入评论工具代码的问题。
⚠️ 请注意,更新后 Reflect White 将不支持旧版「评论与分享代码」区块。意即,你需要重新手动将你的网站的评论工具代码导入,否则在更新模板后,网站的评论框将会消失。新的评论工具代码填充位置在「网站扩展设置」中(右键点击 MWeb 列表中的静态网站,选择「编辑」,在弹出框中选择「高级设置」)。
- 更新大量样式,让它们看上去更舒适、和谐。影响的元素包括:
- 移动设备上的 H2 至 H6 小标题
- 有序列表和无序列表(
ol
和ul
) - 块引用(
blockquote
)
样式优化
样式优化
新增文章标签分类功能
在本次更新中,Reflect White 主题新增标签分类页面功能。
升级 MWeb 至 3.3.2 版本后,只需要在文章顶部的信息栏中,为文章添加标签,Reflect White 即可自动生成文章标签分类页面。
添加标签并发布网站后,Reflect White 会为添加了标签的文章以「#标签」的形式标注文章相关话题,读者点击后可以查看与该标签相关的文章。Reflect White 还会将标签写入网页元信息,便于搜索引擎收录。
新的标签文章列表页面将会一次性显示所有与标签相关的文章,并完美支持黑暗模式及移动端访问。更进一步地,您还可以在 MWeb 中方便地为不同标签添加相关的简介,方便读者快速了解标签内涵。
在此版本中,其他改进包括:
- 优化部分元素样式,使之在黑暗模式下有更好的表现。
- 修复 Twitter 相关元信息无法修改之问题。