menu
hjthjthjt
hjthjthjt
永远的菜鸡

「TigerMaterial」—— Material Design 与 WordPress 的巧妙碰撞

TigerMaterial 是 RnMaterial 的重制版,使用 MDUI 进行重新编写

其实当初 RnMaterial 是 Ctrl+S 保存后强行魔改成 WordPress 主题的……

主题介绍

没啥好写的我也不会说话……直接看我博客吧

不过很大程度上这是一款个人倾向很重的主题,我不会为其加入例如切换网站布局,切换主题颜色等功能,你可以自行修改嗷

特性

语文不好,不会写,有什么直接看我博客就知道……我也吹不来……

由于 TigerMaterial 是基于 MDUI 框架开发的,因此继承其所有的样式特性关于的部分,你可以在 MDUI 开发文档 中阅览并使用

这里提供博客内的样式显示效果: TigerMaterial 短代码 & 样式预览

插件

必须搭配使用

主题的整个开发都是基于下列插件进行的,如若你没有安装这些插件,我不对显示效果负责

  • Gutenberg - 古登堡编辑器,WordPress 新版的默认编辑器(主题没有为使用经典编辑器的情况做任何测试)
  • Code Syntax Block - 用于代码高亮(没有打算处理其他编辑器下的高亮)

选用

推荐使用,但不使用他们不会对主题最终效果有影响。此博客均启用了这些插件

更新日志

2019/11/25

1. 新增短代码(主要是懒得去复制大段代码)

2019/11/24

1. 现在会根据文章是否存在目录而选择文章内页 Fab 的展示方式了
2. 文章列表 Ajax 加载时的样式优化,不会乱跳了(应该)
3. 搜索框现在在首页以外的地方也能搜索了
4. 修复了手机端顶部的高度

2019/11/19

1. 文章头图垂直居中辣!

2019/10/30

这次改的还蛮多的自己还蛮快乐的hhh
1. 改了一些样式,比如说文章的各种标题现在加粗了
2. 莫名其妙的 Edge 上的显示好了
3. Yoast SEO 会导致评论回复出问题,所以最后自己实现了 Rich Preview (没想到这么简单……)
4. 文章/页面右上角多了一个回到首页的按钮,不过顶部条这几个的高度有点迷……
5. 然后现在发现在手机上的时候顶部高度又有问题了我的妈……
6. 忘了啥时候加的评论 User-Agent 了(有些浏览器不显示,可能是用了 Opera 之类的……我没加进去,再说吧再说吧咕咕咕咕咕咕咕咕)
7. 然后就是文章右下角 Fab 大改了一下,顺便加了文章目录,现在不再需要安装 Table of Contents Plus 插件了,自己手动实现了一下……好累(

不过刚刚才发现如果文章没有目录的话……那个按钮里点开就是只有目录俩字
忘了做检测,淦,再说吧,先加 TODO 里

2019/10/11

1. 移除了顶部状态栏的上色,现在在任何情况下都是透明的
2. 评论邮件样式改好了
3. Rich Preview(借助 Yoast SEO 插件)
4. 归档,友链的样式改好了
5. 头部图片大幅度缩小高度
6. 代码高亮的背景样式改了改,应该好看点了

2019/10/11之前

1. 使用 MDUI 完全重写主题
2. 支持侧边菜单的二级菜单(抄了 MDX 的代码,感谢一下 )
3. 首页 Ajax 无限加载

不知道,忘了


已知 BUG

  • 应该大概可能暂时没有
  • 第一个版本应该各种鸡儿问题都有(

TODO

  • 评论翻页,现在评论如果太多的话还是全都加载在一个页面中……
  • 多语言(不一定,好懒不想做)

TigerMaterial?

没啥意思,大概是因为我属虎吧

源码 & 下载

源码:https://github.com/hjthjthjt/TigerMaterial

下载:https://github.com/hjthjthjt/TigerMaterial/releases/latest/download/TigerMaterial.zip

博客当前运行在 HostKVM 上(推介链接)

本文采用 CC BY-NC-SA 3.0 协议进行许可,在您遵循此协议的情况下,可以自由共享与演绎本文章。

本文链接:https://jakting.com/archives/tigermaterial.html


共有 7 条评论

  1. 我是笨蛋小扁担

    device_hub UNKNOWN | public UNKNOWN

    啊啊啊啊啊啊啊啊

  2. device_hub UNKNOWN | public Chrome 76.0.3809.85

    回首页和上/下一篇文章,也太麻烦了吧

    1. hjthjthjt

      phone_android Android 10 | public Safari

      我觉得上下篇的意义不大……回首页我暂时没想到放哪里好……

  3. laptop Windows 10 | public Chrome 64.0.3282.140

    淦,cookie没了,还想在上一条回复的
    评论页代码显示不全
    然后评论能不能按时间倒序显示
    然后文章目录能不能随着页面位置浮动(

    1. hjthjthjt

      laptop Windows 10 | public Chrome 78.0.3904.70

      文章目录做到fab里了,样式暂时瞎写(
      评论的话倒序什么的在后台改就行了吧

  4. cocomax

    laptop Windows 10 | public Chrome 78.0.3904.87

    在哪里下载

    1. hjthjthjt

      phone_android Android 10 | public Safari

      emmm还有好多东西没弄完,没那么快(

发表评论

昵称不能为空
邮箱不能为空