MaterialYour

8,560
224

一个 Material 风格的 Halo 简洁主题

下载

安装到 Halo

方式一

如果安装了应用市场插件,可以直接在应用市场中搜索MaterialYour并安装。

方式二

输入你的 Halo 站点地址,点击安装之后会重定向到你 Halo 后台并自动安装,Halo 的版本需要 >= 2.6.0。

方式三

点击手动下载,然后在 Console 上传。
  • 首页

halo-theme-MaterialYour

一款Material风格的Halo主题,布局简洁,主题色多样,欢迎大家享用~

使用文档

点这儿

预览

预览

屏幕截图 2022-06-29 185254.png

功能&说明

特殊页面:日志、友链页面、相册页面已支持

内容一键加载:全页面支持

全设备适应:由于采用MDUI前端框架,和作者的细心打磨,几乎不会有界面显示混乱,溢出等问题

文章内图片灯箱:目前支持灯箱,未来会换个更好看的灯箱(已换Fancybox最新版)

文章页渲染:文章内容的渲染是由MDUI处理的,不会那么花里胡哨,适合阅读

代码高亮:支持常用语言高亮

菜单栏:支持二级菜单

文章目录:移动端和PC端均支持文章目录

文章列表:文章列表支持有图和无图显示,避免每篇文章都要预览图的尴尬

主题色:支持9种主题色的切换,总有一种适合你

没有我想要的功能?

目前主题功能还很单调,若没有想要的功能,可以给我提issues,我会和你讨论一下合理性再支持

最新开发版本(下载最新版)?

由于自己前端技术有限,短时间内不能发布完美版本,推荐大家体验最新开发版,点击此处

一起完善?

有大佬支持再好不过了,当然,任何想一起完善这款主题的人都可以做出你的宝贵贡献

开发小提示

克隆项目

git clone git@github.com:daifiyum/halo-theme-MaterialYour.git

下面安装的所有包都是开发依赖,这些包也仅仅是为了构建css和js

npm install

需要对css和js进行修改的,可以去./source/css/less文件夹下和./source/js文件夹下修改,不要修改min文件夹内的代码,因为他是自动生成的,完成修改后,输入下面命令构建一下

npm run build

进群神秘代码

有不明白的地方,欢迎进群~
鹅号:763335407

吐槽

主题代码写的很乱、很水,我想干作者咋办?推荐顺着网线来干我😜

安装到 Halo

方式一

如果安装了应用市场插件,可以直接在应用市场中搜索MaterialYour并安装。

方式二

输入你的 Halo 站点地址,点击安装之后会重定向到你 Halo 后台并自动安装,Halo 的版本需要 >= 2.6.0。

方式三

点击手动下载,然后在 Console 上传。

这是一个开源应用,我们推荐优先在开源仓库中提交 issue,以便开发者更好地接收和跟进问题。

去提交 issue