You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
# Material X |
|
|
|
|
|
> **⚠️声明：此主题是基于 [stkevintan/hexo-theme-material-flow](https://github.com/stkevintan/hexo-theme-material-flow) 改编**。 |
|
|
> |
|
|
> 由于原作者已经将博客迁移至Hugo，作者的主题只进行bug修复，详见作者的 [README](https://github.com/stkevintan/hexo-theme-material-flow) 。 |
|
|
|
|
|
|
|
|
|
|
|
本主题将持续更新和维护，最新**Demo**：[https://blog.xaoxuu.com](https://blog.xaoxuu.com) |
|
|
|
|
|
 |
|
|
|
|
|
相对作者原主题主要有一下方面改动： |
|
|
|
|
|
- 调整卡片阴影细节以及增加卡片的动画效果。 |
|
|
- 博文列表将作者的多列布局改为单列布局。 |
|
|
- 使用了 [fontawesome](http://fontawesome.io) 图标。 |
|
|
- 优化了颜色搭配，方便更换主题色。 |
|
|
- 一些UI细节，如调整搜索框长度使之与右边卡片等宽、优化了在手机端的显示效果。 |
|
|
- 增加对来必力评论系统的支持（虽然我用的是Disqus）。 |
|
|
|
|
|
|
|
|
|
|
|
### 评论 |
|
|
|
|
|
在博客主目录的`_config.yml`文件中添加以下代码即可： |
|
|
|
|
|
``` |
|
|
# disqus评论 |
|
|
disqus_shortname: xaoxuu |
|
|
# 来必力评论 |
|
|
# livere_shortname: xaoxuu |
|
|
``` |
|
|
|
|
|
|
|
|
|
|
|
### 更多图片预览 |
|
|
|
|
|
 |
|
|
|
|
|
|
|
|
|
|
|
 |
|
|
|
|
|
 |
|
|
|
|
|
|
|
|
|
|
|
## 安装 |
|
|
```bash |
|
|
# change to work dir |
|
|
cd /your_blog_dir/ |
|
|
# install dependencies |
|
|
npm i -S hexo-generator-search hexo-generator-feed hexo-renderer-less hexo-autoprefixer hexo-generator-json-content |
|
|
# download source |
|
|
git clone https://github.com/xaoxuu/hexo-theme-material-x themes/material-x |
|
|
``` |
|
|
|
|
|
## 配置 |
|
|
1. Change the value of `theme` to `material-flow` in `_config.yml`. |
|
|
2. Put your avatar && favicon images to `source/images/`. |
|
|
3. Edit `_config.yml` and `themes/material-x/_config.yml` for your needs. |
|
|
|
|
|
|
|
|
Here are some examples: |
|
|
1. [_config.yml](https://github.com/stkevintan/hexo/blob/master/_config.yml) |
|
|
2. [themes/material-flow/_config.yml](https://github.com/stkevintan/hexo/blob/master/themes/material-flow/_config.yml) |
|
|
|
|
|
## More |
|
|
Please refer to offical doc : <https://hexo.io/docs/index.html>
|
|
|
|
