materiality Material Design风格

主题简介

一款简洁并专注于显示文字内容的 Material Design 风格 Typecho 主题，基于 MDUI。

主题功能

• 严格遵循 Material Design
• 样式简洁，专注于显示文字内容
• 支持 Pjax 无刷新加载页面
• 支持图片懒加载
• 可自由切换主题颜色
• 可手动或根据访问者时间（20:00~7:00）与访问者系统全局暗色模式状态自动切换至暗色模式
• 可在文章内容中的中文与西文、中文与数字间自动插入空格
• 自动创建文章目录，并且可为每篇文章与页面分别设置其是否显示
• 可自定义应用栏、侧边栏、文章信息、页脚中显示的内容
• 主题选项中可直接设置友情链接

主题缺点

• 没有内置表格样式
• 为了兼容 Ajax 评论，强制关闭评论反垃圾

主题截图

主题使用

主题安装

1. 下载主题压缩包，解压，确保目录为materiality,并上传至usr/themes/下
2. 进入后台并启用主题
3. 进入设置外观并自定义主题
4. 清除浏览器与 CDN 缓存以免与之前使用的主题发生冲突

配置代码高亮

1. 代码高亮通过highlight.js实现，可以自动识别代码语言并着色，可在后台主题设置页面开启。由于每个博客需要代码高亮的语言都不相同，如果在构建时包含所有语言，脚本体积将会非常大，严重影响用户体验
2. 请进入highlight.js自定义构建下载页面，在Custom package节选择所需的语言支持，将下载到的zip文件中的highlight.pack.js文件重命名为highlight.min.js，并替换主题目录/assets/js/highlight.min.js
3. highlight.js 支持多种颜色主题，默认为atom-one-light，如需自定义代码高亮颜色主题，请替换主题目录/assets/css/highlight.min.css（可在自定义构建下载到的highlight.zip中的styles目录下找到所有支持的主题）

截断文章内容在目录中的显示

默认下，Typecho 会将文章的全部内容显示在文章目录中，在文章内容过长时，可在需要截断的位置加入分割标记<!--more-->，Typecho 将仅显示分割标记前的内容：

这是一篇文章
这里的内容会在文章目录中显示
这里的内容也会在文章目录中显示

<!--more-->

这里的内容不会在文章目录中显示
这里的内容不会在文章目录中显示

主题历史

(暂无)