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

hjthjthjt 7月 17, 2017

作为 Material Design 的痴迷爱好者,曾经为了找 MD 翻遍 Google 搜索结果中各种链接,然后愣是没找到喜欢的要不就是丑到爆炸¯_(ツ)_/¯

在偶然一次机会看到 hexo-theme-material 这款 Hexo 主题后,一下子爱上了它,在获悉它仅有 Hexo 版和 Typecho 版本后,征求了开发者同意,将主题移植到了 WordPress ,这就有了「RnMaterial」

https://github.com/hjthjthjt/rnmaterial

当然,它没有原版那么多的可定制性,我想只让它简简单单地成为一个 WP 主题,因此我甚至没有加入设置界面(懒)加了!加了!我加了设置了!

RnMaterial For WordPress

RnMaterial 是一款基于 hexo-theme-material 的 WordPress 主题。

2.0 更新日志

  • (修复)侧边栏上下正常显示菜单(不支持三级菜单)
  • (优化)现在,评论通知邮件更加 Material Design 了
  • (新增)设置界面,以下内容为设置中内置的功能
  • (新增)内置 SMTP 邮件发信功能,请自行设置
  • (新增)主题颜色支持自定义(背景颜色,手机浏览器状态栏颜色,特色图片颜色,超链接文本颜色)
  • (新增)支持 OwO 表情开启与关闭
  • (新增)* SEO 设置 *(Keywords,Author,Description)
  • (新增)支持修改底部博客建立年份
  • (新增)支持在设置中自定义 CSS 与 JavaScript
  • (新增)支持显示备案号
  • (新增)支持统计代码
  • (新增)支持自定义 Creative Commons 授权方式
  • (新增)屏蔽 s.w.org,提高境内网站加载速度

关于 Prism 代码语法高亮

去除了主题原本的样式,理论兼容其他 Prism 语法高亮
目前测试了 WP Editor.MD Markdown 编辑器,正常工作,其他编辑器或单独语法高亮暂未测试,若失败请发 issue
推荐使用 Prism 的 default 主题

如果 WP Editor.MD 中的语法高亮不工作,请尝试以下两种解决方式:

  1. 进入 WP Editor.MD 插件后台,在语法高亮选项语法高亮加载模式自动加载模式改为自定义加载模式,保存并刷新任意文章后,再次设置为自动加载模式并保存,似乎可以正常工作
  2. 保证文章中的代码块均选择了正确的渲染语言,例如 npm install -g hexo-cli 应正确选择为 Bash 而不是 Shell,貌似只要文章中有正确的渲染,其他就算不正确也会正确加载代码样式(但是没有对应的高亮)

使用须知

  • 建议在 仪表盘>设置>阅读 中将 博客页面至多显示 改为 5篇文章
  • 主题在Microsoft Edge浏览器上会无法显示图标字体,不修,谢谢,我不喜欢 Edge

已知问题

  • 侧边栏大部分已可通过 WordPress 后台控制,但目前无法折叠二级菜单(鼠标移动至该处时会自动展开二级菜单)

非必要性提示

  • 主题默认你的博客放在域名根目录(即 //domain.com/ 即可打开你的博客,而不是例如 //domain.com/wp)。如果你的博客状态属于后者,影响仅限加入的 OwO表情,请自行更改 js/OwO.json 中内容,一般情况下,如果你放置在例如 wp 的目录中,你应该将 /wp-content/themes/rnmaterial/img 改为 /wp/wp-content/themes/rnmaterial/img(当然,如果你在设置中关闭了 OwO 表情,你可无视这条提示)

https://github.com/hjthjthjt/rnmaterial

本文采用 CC BY-NC-SA 3.0 协议进行许可,在您遵循此协议的情况下,可以自由共享与演绎本文章。
本文链接:https://jakting.com/archives/rnmaterial.html

  1. tanker说道:

    安卓感十足

    1. hjthjthjt说道:

      (σ・ω・)σYO♪

发表评论

电子邮件地址不会被公开。 必填项已用*标注