Skip to content

Releases: Astrian/reflect-white-mweb-theme

全新色彩模式选项,以及部分样式调整

13 Aug 15:22
c3a197a
Compare
Choose a tag to compare

全新色彩模式选项

现在,Reflect White 支持手动调整色彩模式了!在页面底部,你可以看到新的「色彩模式」选项。

除了默认选择的「跟随系统」外,访问者现在可以手动指定 Reflect White 主题使用的色彩模式,包括明亮和黑暗两个选择。同时,在切换色彩模式的过程中会有渐变效果。

注意:

  1. 色彩模式设定偏好数据不会跨用户、跨浏览器、跨会话、跨网站同步。更换浏览器、在不同设备上更改该偏好不会被同步,不同网站间该偏好也不通用。
  2. 若选择「跟随系统」,将与 Reflect White 之前版本的原有明暗色彩模式表现一致。

改用 SCSS 进行样式编写

Reflect White 项目已改用 SCSS 语法进行样式编写。通常,这样做可以大幅提高样式查找与修改效率。同时,对 Reflect White 进行深度定制、或是参与贡献而言,SCSS 会让这个过程变得更为简单。

分割线元素样式修正

对于分割线 <hr> 元素而言,现在它与被分隔的内容有着更大的空隙,以便在视觉上起到更好的分隔效果。

评论代码更新,以及样式调整

31 Mar 08:44
b5c8b1d
Compare
Choose a tag to compare

⚠️ 这是一个重要更新,请在更新前仔细阅读以下内容!⚠️

在 1.0.3 版本中:

  • 修复一个由 MWeb 删除「评论与分享代码」区块功能所导致的无法插入评论工具代码的问题。
    • ⚠️ 请注意,更新后 Reflect White 将不支持旧版「评论与分享代码」区块。意即,你需要重新手动将你的网站的评论工具代码导入,否则在更新模板后,网站的评论框将会消失。新的评论工具代码填充位置在「网站扩展设置」中(右键点击 MWeb 列表中的静态网站,选择「编辑」,在弹出框中选择「高级设置」)。
  • 更新大量样式,让它们看上去更舒适、和谐。影响的元素包括:
    • 移动设备上的 H2 至 H6 小标题
    • 有序列表和无序列表(olul
    • 块引用(blockquote

样式优化

02 Dec 07:21
62d30a3
Compare
Choose a tag to compare
  • 优化小标题样式
  • 优化 <pre><code> 元素样式,现在在文章中插入代码样式更漂亮了 —— 只是没有高亮。

样式优化

08 Oct 13:52
a27327d
Compare
Choose a tag to compare
  • 优化移动端访问新的标签文章列表页面时的样式。

新增文章标签分类功能

08 Oct 12:56
a27327d
Compare
Choose a tag to compare

在本次更新中,Reflect White 主题新增标签分类页面功能。

升级 MWeb 至 3.3.2 版本后,只需要在文章顶部的信息栏中,为文章添加标签,Reflect White 即可自动生成文章标签分类页面。

从 MWeb 添加标签

添加标签并发布网站后,Reflect White 会为添加了标签的文章以「#标签」的形式标注文章相关话题,读者点击后可以查看与该标签相关的文章。Reflect White 还会将标签写入网页元信息,便于搜索引擎收录。

文章内标签样式

新的标签文章列表页面将会一次性显示所有与标签相关的文章,并完美支持黑暗模式及移动端访问。更进一步地,您还可以在 MWeb 中方便地为不同标签添加相关的简介,方便读者快速了解标签内涵。

新的标签文章列表页

在此版本中,其他改进包括:

  • 优化部分元素样式,使之在黑暗模式下有更好的表现。
  • 修复 Twitter 相关元信息无法修改之问题。

小修复

19 Sep 08:26
b9e758b
Compare
Choose a tag to compare
  • 压缩缺省题图质量
  • 优化存档页样式

问题修复

19 Sep 07:32
2b94e74
Compare
Choose a tag to compare
  • 解决大部分情况下无 metadata 的出错情况
  • 为无题图情况添加一张默认图片(来自 Unsplash,感谢作者 samuelzeller)
  • 略微对移动端访问时的样式优化
  • 可以选择为模板添加自定义 CSS 样式表(而无需修改模板文件)