开始使用



Material X

一个简约卡片式的Hexo博客主题


GitHub releaseGitHub releaseGitHub release

图片预览

图片有点大,如果看不到图片请刷新一下网页~
图片有点大,如果看不到图片请刷新一下网页~
图片有点大,如果看不到图片请刷新一下网页~
图片有点大,如果看不到图片请刷新一下网页~
图片有点大,如果看不到图片请刷新一下网页~

示例博客

官方博客

博客链接说明
我自己的博客https://xaoxuu.com/blog/代表最新的、默认的效果
开源示例博客https://mxclub.github.io/example/你可以查看源码
开源示例博客(暗色主题)https://mxclub.github.io/example-dark/你可以查看源码

特别示例

博客链接说明
小吴博客https://www.wushile.top/基于MaterialX开发了MaterialPlus主题
搅拌糖https://blog.treelo.xin/自定义背景、鼠标点击动画、看板娘
YuGao’s Bloghttps://sxyugao.top/实现了ajax

更多使用MaterialX主题的博客

博客链接
MicDZ’s bloghttps://www.micdz.cn
MainGuohttps://blog.mainguo.top
Mark’s bloghttps://mark-thinkpad.gitee.io/blog/
gltjkhttps://blog.gltjk.com
BFDZhttps://www.bfdz.ink
Amblizer’s Mainframehttps://amblizer.xyz
Digcorehttps://www.digcore.cn/
Sparky_14145’s bloghttps://sparky-14145.github.io/
假装偶遇http://jzoy.com/
Shan Sanhttps://shansan.top/
Lemonohttps://blog.lemono.ink/
一个贾程序员https://mofiter.com/
Loser007http://www.loser007.com/
Tony Ren’s bloghttps://tonyrenhk.github.io/
Jason’s Bloghttps://blog.jasonzhang.xyz/
yangtao’s bloghttps://istaotao.com
ZYMINhttps://zymin.cn/
wanggang’s bloghttp://wanggang.site
Alicehttps://zhengjiameng.github.io/
Radiance Bloghttps://lihaojin.life
小肥羊https://lucksheep.github.io/bgzy/
香蕉博客https://mi20.top
萌焰博客https://yanhuang0815.github.io
ZZY’s Bloghttps://www.zzy1991.com/
TRHX’S BLOGhttps://trhx.top/
Giskardhttps://getschwifty.cn/
Residual Nighthttps://residualnight.github.io/
weijiajin’s bloghttps://weijiajin.com
lightsmile’s Bloghttp://www.iamlightsmile.com/
预见未来https://lijunkui.netlify.com/
余城https://sherwinww.github.io/
红发https://hgneer.github.io/
main’s bloghttps://www.intmian.com/
P_Wang’s Bloghttps://tle666.github.io/
huoherhttps://qiuchi.top/
codelearn.clubhttps://codelearn.club/
沧海七粟的博客https://clydeqin7.github.io/

如果你使用了 Material X 主题,欢迎在下方留言告诉大家,我会抽时间归纳到这里~

下载安装

提供两种安装方式:脚本和手动,脚本不仅可以安装主题,还可以方便你发布博客,详见@hexo.sh

A. 使用脚本全自动安装(目前仅支持macOS)

首先打开终端,cd 到你博客的路径,如果你想省事,复制下面这行脚本到终端中执行,全程自动化操作。

1
curl -O 'https://raw.githubusercontent.com/xaoxuu/hexo.sh/master/hexo.sh' -# && chmod 777 hexo.sh && . hexo.sh -i i x

如果你选择了脚本安装,现在可以直接往下看配置项啦~

B. 手动安装

如果你想手动安装,打开终端,cd 到你博客的路径,下载主题到 themes/ 文件夹:

1
git clone https://github.com/xaoxuu/hexo-theme-material-x themes/material-x

然后安装依赖包:

1
npm i -S hexo-generator-search hexo-generator-feed hexo-renderer-less hexo-autoprefixer hexo-generator-json-content hexo-related-popular-posts hexo-helper-qrcode

主题文档

主题源码

许可协议

本主题采用MIT开源许可协议,永久无限制免费使用。

MIT开源许可协议
被授权人有权利使用、复制、修改、合并、出版发行、散布、再授权及贩售软件及软件的副本。
被授权人可根据程式的需要修改授权条款为适当的内容。
在软件和软件的所有副本中都必须包含版权声明和许可声明。

鸣谢

贡献者

感谢各位网友提供的反馈、建议与大力支持,有了大家的帮助,主题就会做的越来越好~

还要感谢那些在评论中提供了帮助的匿名网友~
这里的列表和示例博客列表都是按时间顺序的哦,如果你解决了我这里解决不了的问题,欢迎去GitHub贡献一下代码👏。

收录者

感谢以下网站的收录与分享,让本主题能够被更多人发现,主题就会做的越来越好~

文章分享

目前已分享至以下网站的文章(不含转载):

作者文章
我自己《Material X 一个简约卡片式的 Hexo 博客主题》
MicDZ《在material-x上使用KaTeX》

把主题分享到SegmenuFault、简书、知乎等平台可以快速增加MaterialX主题被发现和使用的几率,所以如果你喜欢本主题,欢迎写原创文章或者转载分享哦。 文 体 不 限 !

TODO

近期活动和计划

pjax

寻找完美兼容pjax的解决办法。目前兼容性有点问题,代码在这个分支:pjax。主要存在的问题是:切换了页面后侧边栏的目录不会更新、评论系统不会更新。

图片放大预览

寻找可以完美实现图片放大预览的方法。
这个功能的缺失导致图片无法放大看,也导致了二维码分享只能是在新页面打开图片文件。体验比较糟糕。

投票

寻找一个可以嵌入文章中的无后端投票插件(或者使用leancloud作为后端)。

点赞、评分

寻找对文章点赞、评分的无后端插件(或者使用leancloud作为后端)。

可选的联系方式

由于个人精力有限,暂不接受私聊,关于主题的疑问请在主题文档下方留言,或者是在主题的github页面提issue,其次是发邮件。所有开源作品均可在我的GitHub找到源码,请不要私聊我询问源码了。
与hexo的使用相关的问题请前往hexo官方文档页面留言,与valine的使用相关的问题请前往valine官方文档页面留言。

恕不提供Hexo教程

关于hexo如何搭建的问题,网上有很多教程,仅仅是查阅官方文档和demo都足够了,所以这方面的问题请不要再来问我了。




评论