From 5682d13dfa085cf03d3c08ea3de57352c7a1daf3 Mon Sep 17 00:00:00 2001 From: xaoxuu Date: Fri, 31 Aug 2018 20:17:00 +0800 Subject: [PATCH] update --- README.md | 66 ++++++++++++++++++++++------------------------------- _config.yml | 12 +++++----- 2 files changed, 33 insertions(+), 45 deletions(-) diff --git a/README.md b/README.md index 9eac4fe..71e8713 100755 --- a/README.md +++ b/README.md @@ -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),然后下载并应用本主题,查看效果。 其他的暂时不想写了,自己摸索吧~ diff --git a/_config.yml b/_config.yml index 18c6079..daefa32 100755 --- a/_config.yml +++ b/_config.yml @@ -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