i18n
xaoxuu 6 years ago
parent 45db24ea8e
commit 5682d13dfa
  1. 66
      README.md
  2. 12
      _config.yml

@ -115,16 +115,16 @@ widgets:
# 博主信息,显示个人头像、格言、社交信息等
author:
enable: true
avatar: # 头像,如果config中已经设置avatar了,这里可以不用写
title: # 博客名、头衔等等,居中显示
motto: 永远不要忘了自己是谁,因为这个世界就不会。 # 格言座右铭等等
social: true # 是否显示社交信息
avatar: https://xaoxuu.com/assets/img/avatar.jpg # 头像,如果config中已经设置avatar了,这里可以不用写
title: 某知名博主 # 博客名、头衔等等,居中显示
motto: 某知名博主的座右铭啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈。 # 格言座右铭等等
social: true # 是否显示社交信息(内容同页脚的社交信息)
# 显示文章分类
categories: true
# 显示文章标签
tagcloud: true
# 显示网易云歌单id
musicid: 746319661
# 显示网易云歌单
musicid: 746319661 # 歌单id
# 显示友链
links:
- name: xaoxuu
@ -143,9 +143,9 @@ widgets:
# 博主信息,显示个人头像、格言、社交信息等
author:
enable: true
avatar: # 头像,如果config中已经设置avatar了,这里可以不用写
title: # 博客名、头衔等等,居中显示
motto: 永远不要忘了自己是谁,因为这个世界就不会。 # 格言座右铭等等
avatar: https://xaoxuu.com/assets/img/avatar.jpg # 头像,如果config中已经设置avatar了,这里可以不用写
title: 某知名博主 # 博客名、头衔等等,居中显示
motto: 某知名博主的座右铭啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈。 # 格言座右铭等等
social: true # 是否显示社交信息(内容同页脚的社交信息)
```
@ -157,7 +157,7 @@ widgets:
widgets:
...
# 显示文章分类
categories: true
categories: true
```
@ -180,8 +180,8 @@ widgets:
# 右边的小窗口,不想显示哪一项的注释掉对应的即可
widgets:
...
# 显示网易云歌单id
musicid: 746319661
# 显示网易云歌单
musicid: 746319661 # 歌单id
```
@ -287,7 +287,7 @@ social:
- icon: fa-instagram
url: https://www.instagram.com/xaoxuu
- icon: fa-google-plus
url:
url:
- icon: fa-twitter
url: https://twitter.com/xaoxuu
- icon: fa-music
@ -355,41 +355,30 @@ mathjax: true
找到 `themes/material-x/source/less/_defines.less` 这个文件。
### 如果你比较懒,可以只修改整体的主题色
### 如果你比较懒,可以只修改theme-base-xxx
```yaml
// 自定义主题色 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
// 如果你比较懒,就只改这两行就可以了:
@theme-base-main: #EEE;
@theme-base-main: #EFEFEF;
@theme-base-tint: @ax-red;
// 如果你想更深层次DIY,可以更改下面这些:
...
// 自定义主题色 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
```
### 如果你想更深层次DIY,可以修改下面这些:
```yaml
// 自定义主题色 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
// 如果你比较懒,就只改这两行就可以了:
...
// 如果你想更深层次DIY,可以更改下面这些:
// 网页背景
@theme-bg-main: #EFEFEF;
@theme-bg-main: @theme-base-main;
// 导航栏背景
@theme-bg-nav-header: #EFEFEF;
// 卡片标题背景
@theme-bg-card-header: #E3E3E3;
// 按钮背景
@theme-bg-button: @theme-bg-card-header;
@theme-bg-nav-header: darken(@theme-base-main, 3%);
// 卡片背景
@theme-bg-card: #FFF;
// 代码的背景色
@theme-bg-card: white;
// 卡片标题栏背景
@theme-bg-card-header: darken(@theme-base-main, 3%);
// 按钮背景
@theme-bg-button: @theme-base-main;
// 代码的背景色 `code`
@theme-bg-code: @theme-base-tint;
// 代码块的背景色
@theme-bg-code-block: #F5F5F5;
// 代码块的背景色 ```codeblock```
@theme-bg-code-block: fade(@theme-base-main, 70%);
// 引用的颜色以及分类、归档的 hover 时颜色
@theme-bg-quote: @theme-base-tint;
@ -399,12 +388,10 @@ mathjax: true
@theme-text-link: @ax-blue;
// 链接高亮颜色
@theme-text-highlight: @theme-base-tint;
// 在主题色中显示的文本(白或深灰)
// 在主题色中显示的文本(一般为白或深灰)
@theme-text-in-header: @dark;
// 正文文字颜色
@theme-text-main: @dark;
// 自定义主题色 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
```
对应的效果如图所示:
@ -417,6 +404,7 @@ mathjax: true
如果你发现无法使用或者效果与 [示例](https://blog.xaoxuu.com) 有较大区别,可以使用hexo官方提供的用于单元测试的博客应用本主题查看样式。hexo.sh 脚本提供了方便的指令,详情见 hexo.sh 的 [文档](https://xaoxuu.com/docs/hexo.sh) 。
如果你的电脑是不是mac,则无法使用脚本,可以手动下载单元测试博客: [https://github.com/hexojs/hexo-theme-unit-test.git](https://github.com/hexojs/hexo-theme-unit-test.git),然后下载并应用本主题,查看效果。
其他的暂时不想写了,自己摸索吧~

@ -23,16 +23,16 @@ widgets:
# 博主信息,显示个人头像、格言、社交信息等
author:
enable: true
avatar: # 头像,如果config中已经设置avatar了,这里可以不用写
title: # 博客名、头衔等等,居中显示
motto: 永远不要忘了自己是谁,因为这个世界就不会 # 格言座右铭等等
avatar: https://xaoxuu.com/assets/img/avatar.jpg # 头像,如果config中已经设置avatar了,这里可以不用写
title: 某知名博主 # 博客名、头衔等等,居中显示
motto: 某知名博主的座右铭啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 # 格言座右铭等等
social: true # 是否显示社交信息(内容同页脚的社交信息)
# 显示文章分类
categories: true
# 显示文章标签
tagcloud: true
# 显示网易云歌单id
musicid: 746319661
# 显示网易云歌单
musicid: 746319661 # 歌单id
# 显示友链
links:
- name: xaoxuu
@ -94,7 +94,7 @@ recommended_posts:
fixedNumber: false
# Search
# Search 确保_config中只有一个search,否则会冲突。
search:
enable: true
service: hexo

Loading…
Cancel
Save