|
|
|
############################### 主题基本信息 ###############################
|
|
|
|
info:
|
|
|
|
name: Material X
|
|
|
|
version: 1.4
|
|
|
|
docs: https://xaoxuu.com/wiki/material-x/
|
|
|
|
cdn: # 要使用CDN,请在根目录的config文件中写上 use_cdn: true
|
|
|
|
css:
|
|
|
|
style: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-material-x@20.2.21/css/style.css
|
|
|
|
js:
|
|
|
|
app: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-material-x@20.2/js/app.js
|
|
|
|
search: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-material-x@20.2/js/search.js
|
|
|
|
volantis: https://cdn.jsdelivr.net/gh/xaoxuu/volantis@1.0.6/js/volantis.min.js
|
|
|
|
backstretch: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-material-x@20.2/js/backstretch.min.js
|
|
|
|
commentTyping: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-material-x@20.2/js/commentTyping.js
|
|
|
|
|
|
|
|
|
|
|
|
############################### 主题风格 ###############################
|
|
|
|
# style: material # material: 导航栏和标题栏背景是主题色
|
|
|
|
style: pure # pure: 导航栏和标题栏背景是白色
|
|
|
|
|
|
|
|
# 毛玻璃效果 具体效果调整在: source/less/_color.less
|
|
|
|
blur:
|
|
|
|
nav: true
|
|
|
|
widget: true
|
|
|
|
|
|
|
|
|
|
|
|
############################### 服务开关 ###############################
|
|
|
|
scrollreveal: true # 页面滚动显示动画
|
|
|
|
nodewaves: true # 按钮点击效果
|
|
|
|
busuanzi: true # 访问量统计
|
|
|
|
# fastclick: true
|
|
|
|
commentTyping: true # 文本框打字机特效
|
|
|
|
# wordcount: true # 文章字数统计、阅读时长,开启需要安装插件: npm i --save hexo-wordcount
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
############################### 自定义 ###############################
|
|
|
|
# 幻灯片背景
|
|
|
|
backstretch:
|
|
|
|
position: background # cover: 封面背景 background: 整个网页背景
|
|
|
|
duration: 6000 # 持续时间(毫秒)
|
|
|
|
fade: 2500 # 渐变(毫秒)
|
|
|
|
images:
|
|
|
|
- https://i.loli.net/2020/02/08/HNuVoted2mUxILl.jpg
|
|
|
|
- https://i.loli.net/2020/02/08/dNJyR4LHtarTqPu.jpg
|
|
|
|
- https://i.loli.net/2020/02/08/yXx4GwgZYdi81Qs.jpg
|
|
|
|
- https://i.loli.net/2020/02/08/RP7JpGvWaCYfuB6.jpg
|
|
|
|
|
|
|
|
|
|
|
|
# page的封面
|
|
|
|
cover:
|
|
|
|
scheme: search # 后期将会提供多种封面布局方案
|
|
|
|
height: half # full(默认值): 首页封面占据整个第一屏幕,其他页面占半个屏幕高度, half: 所有页面都封面都只占半个屏幕高度
|
|
|
|
title: Live Demo
|
|
|
|
# logo: assets/logo.png # logo和title只显示一个,若同时设置,则只显示logo
|
|
|
|
# search_placeholder: '搜索'
|
|
|
|
# 主页封面菜单
|
|
|
|
features:
|
|
|
|
- name: 博文
|
|
|
|
icon: fas fa-rss
|
|
|
|
url: /
|
|
|
|
- name: 项目
|
|
|
|
icon: fas fa-code-branch
|
|
|
|
url: projects/
|
|
|
|
- name: 友链
|
|
|
|
icon: fas fa-link
|
|
|
|
url: friends/
|
|
|
|
rel: nofollow
|
|
|
|
- name: 关于
|
|
|
|
icon: fas fa-info-circle
|
|
|
|
url: about/
|
|
|
|
rel: nofollow
|
|
|
|
|
|
|
|
|
|
|
|
# 导航栏
|
|
|
|
navbar:
|
|
|
|
# 左侧logo区
|
|
|
|
logo:
|
|
|
|
# 显示图片,使用图片时将不会显示icon和title
|
|
|
|
img: # https://cdn.jsdelivr.net/gh/xaoxuu/cdn-favicon@19.9.7/apple-touch-icon.png
|
|
|
|
# 显示图标
|
|
|
|
icon: fas fa-home
|
|
|
|
# 显示标题
|
|
|
|
title: XAOXUU
|
|
|
|
# logo后面的导航菜单
|
|
|
|
menu:
|
|
|
|
# 在桌面端显示的导航菜单
|
|
|
|
on_desktop:
|
|
|
|
- name: 近期
|
|
|
|
icon: fas fa-hourglass-half
|
|
|
|
url: /
|
|
|
|
target: _self
|
|
|
|
- name: 分类
|
|
|
|
icon: fas fa-folder-open
|
|
|
|
url: blog/categories/
|
|
|
|
rel: nofollow
|
|
|
|
target: _self
|
|
|
|
- name: 标签
|
|
|
|
icon: fas fa-hashtag
|
|
|
|
url: blog/tags/
|
|
|
|
rel: nofollow
|
|
|
|
target: _self
|
|
|
|
- name: 归档
|
|
|
|
icon: fas fa-archive
|
|
|
|
url: blog/archives/
|
|
|
|
rel: nofollow
|
|
|
|
target: _self
|
|
|
|
# 手机端导航菜单(从右上角的按钮点击展开)
|
|
|
|
on_mobile:
|
|
|
|
- name: 近期文章
|
|
|
|
icon: fas fa-clock
|
|
|
|
url: /
|
|
|
|
- name: 文章归档
|
|
|
|
icon: fas fa-archive
|
|
|
|
url: blog/archives/
|
|
|
|
rel: nofollow
|
|
|
|
- name: 开源项目
|
|
|
|
icon: fas fa-code-branch
|
|
|
|
url: projects/
|
|
|
|
- name: 我的友链
|
|
|
|
icon: fas fa-link
|
|
|
|
url: friends/
|
|
|
|
rel: nofollow
|
|
|
|
- name: 主题文档
|
|
|
|
icon: fas fa-book
|
|
|
|
url: https://xaoxuu.com/wiki/material-x/
|
|
|
|
rel: nofollow
|
|
|
|
- name: 关于小站
|
|
|
|
icon: fas fa-info-circle
|
|
|
|
url: about/
|
|
|
|
rel: nofollow
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
# 布局
|
|
|
|
layout:
|
|
|
|
# 文章列表(主页、自定义的列表)布局
|
|
|
|
on_list:
|
|
|
|
# 列表中每一篇文章的meta信息
|
|
|
|
meta: [title, author, date, category, wordcount, top]
|
|
|
|
# 列表类页面的侧边栏
|
|
|
|
sidebar: [blogger, dao_hang, huan_ying, category, tagcloud, tui_jian, donate]
|
|
|
|
# 文章页面布局
|
|
|
|
on_page:
|
|
|
|
# 文章页面主体元素,你也可以在页面的Front-matter中设置
|
|
|
|
body: [article, comments]
|
|
|
|
# 默认的meta信息,文章中没有配置则按照这里的配置来显示,设置为false则不显示
|
|
|
|
# 其中,title只在header中有效,music和thumbnail无需在这里设置,文章中有则显示
|
|
|
|
# 如果tags放置在meta.header中,那么在post列表中不显示(因为卡片下方已经有了)
|
|
|
|
meta:
|
|
|
|
header: [title, author, date, category, counter, wordcount, top]
|
|
|
|
footer: [updated, tags, share]
|
|
|
|
# 文章页脚,自动在每一篇文章末尾添加
|
|
|
|
footer: [copyright, donate]
|
|
|
|
# 文章页面的侧边栏
|
|
|
|
sidebar: [blogger, toc, category, tagcloud, donate]
|
|
|
|
# 其他的页面布局暂时等于文章列表
|
|
|
|
|
|
|
|
|
|
|
|
# meta库配置
|
|
|
|
meta:
|
|
|
|
# 文章标题
|
|
|
|
title: # 暂无配置
|
|
|
|
# 文章作者
|
|
|
|
author:
|
|
|
|
icon: fas fa-user # 如果配置了头像,则不会显示图标
|
|
|
|
# 文章创建日期
|
|
|
|
date:
|
|
|
|
icon: fas fa-calendar-alt
|
|
|
|
title: '发布于:'
|
|
|
|
format: 'll' # 日期格式 http://momentjs.com/docs/
|
|
|
|
# 文章更新日期
|
|
|
|
updated:
|
|
|
|
icon: fas fa-clock
|
|
|
|
title: '更新于:'
|
|
|
|
format: 'll' # 日期格式 http://momentjs.com/docs/
|
|
|
|
# 文章分类
|
|
|
|
category:
|
|
|
|
icon: fas fa-folder-open
|
|
|
|
# 文章置顶
|
|
|
|
top:
|
|
|
|
icon: fas fa-angle-double-up
|
|
|
|
# 文章浏览计数
|
|
|
|
counter:
|
|
|
|
icon: fas fa-eye
|
|
|
|
# 文章字数和阅读时长
|
|
|
|
wordcount:
|
|
|
|
icon_wordcount: fas fa-keyboard
|
|
|
|
icon_duration: fas fa-hourglass-half
|
|
|
|
# 文章标签
|
|
|
|
tags:
|
|
|
|
icon: fas fa-tag
|
|
|
|
# 分享
|
|
|
|
share:
|
|
|
|
- id: qq
|
|
|
|
name: QQ好友
|
|
|
|
img: https://cdn.jsdelivr.net/gh/xaoxuu/assets@19.1.9/logo/128/qq.png
|
|
|
|
- id: qzone
|
|
|
|
name: QQ空间
|
|
|
|
img: https://cdn.jsdelivr.net/gh/xaoxuu/assets@19.1.9/logo/128/qzone.png
|
|
|
|
# - id: qrcode # 当id为qrcode时需要安装插件 npm i -S hexo-helper-qrcode
|
|
|
|
# name: 微信
|
|
|
|
# img: https://cdn.jsdelivr.net/gh/xaoxuu/assets@19.1.9/logo/128/wechat.png
|
|
|
|
- id: weibo
|
|
|
|
name: 微博
|
|
|
|
img: https://cdn.jsdelivr.net/gh/xaoxuu/assets@19.1.9/logo/128/weibo.png
|
|
|
|
# - id: qrcode # 当id为qrcode时需要安装插件 npm i -S hexo-helper-qrcode
|
|
|
|
# name: QRcode
|
|
|
|
# img: https://cdn.jsdelivr.net/gh/xaoxuu/assets@19.1.9/logo/128/qrcode.png
|
|
|
|
|
|
|
|
|
|
|
|
# 组件库配置
|
|
|
|
widget:
|
|
|
|
# ---------------------------------------
|
|
|
|
# 博主信息小部件配置
|
|
|
|
- id: blogger
|
|
|
|
class: blogger
|
|
|
|
avatar: https://cdn.jsdelivr.net/gh/xaoxuu/assets@master/avatar/avatar.png
|
|
|
|
# title: 标题
|
|
|
|
# subtitle: 副标题
|
|
|
|
jinrishici: true # 今日诗词。可以设置字符串,加载失败时会显示占位字符串。
|
|
|
|
social: true
|
|
|
|
# ---------------------------------------
|
|
|
|
# 目录小部件配置(仅在文章中有效)
|
|
|
|
- id: toc
|
|
|
|
class: toc
|
|
|
|
icon: fas fa-list
|
|
|
|
title: 本文目录
|
|
|
|
list_number: false # 是否显示章节
|
|
|
|
min_depth: 2 # H1建议用作网页或者文章的标题,章节从H2开始。
|
|
|
|
max_depth: 5 # 由于宽度有限,主题没有针对所有层级进行布局优化,建议文章最多分为:H2/H3/H4/H5四个层级
|
|
|
|
# ---------------------------------------
|
|
|
|
# 文章分类小部件配置
|
|
|
|
- id: category
|
|
|
|
class: category
|
|
|
|
icon: fas fa-folder-open
|
|
|
|
title: 文章分类
|
|
|
|
more: # 右上角的按钮
|
|
|
|
icon: fas fa-expand-arrows-alt
|
|
|
|
url: blog/categories/
|
|
|
|
rel: external nofollow noopener noreferrer
|
|
|
|
target: _self
|
|
|
|
# ---------------------------------------
|
|
|
|
# 标签云小部件配置
|
|
|
|
- id: tagcloud
|
|
|
|
class: tagcloud
|
|
|
|
icon: fas fa-tags
|
|
|
|
title: 热门标签
|
|
|
|
more: # 右上角的按钮
|
|
|
|
icon: fas fa-expand-arrows-alt
|
|
|
|
url: blog/tags/
|
|
|
|
rel: external nofollow noopener noreferrer
|
|
|
|
target: _self
|
|
|
|
min_font: 14
|
|
|
|
max_font: 24
|
|
|
|
color: true
|
|
|
|
start_color: '#999'
|
|
|
|
end_color: '#555'
|
|
|
|
# ---------------------------------------
|
|
|
|
# 相关文章小部件配置
|
|
|
|
- id: related_posts
|
|
|
|
class: related_posts # 需要安装插件 npm i -S hexo-related-popular-posts
|
|
|
|
icon: fas fa-bookmark
|
|
|
|
title: 相关文章
|
|
|
|
# ---------------------------------------
|
|
|
|
# 版权说明小部件(仅用于文章中)
|
|
|
|
- id: copyright
|
|
|
|
class: copyright
|
|
|
|
blockquote: true # 是否把内容放到blockquote中
|
|
|
|
permalink: '本文永久链接是:' # 显示文章永久链接
|
|
|
|
content:
|
|
|
|
- '这是文章页脚,可以放置版权说明以及打赏图片。<br>博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议'
|
|
|
|
- ''
|
|
|
|
- permalink
|
|
|
|
# ---------------------------------------
|
|
|
|
# 捐赠小部件(可用于文章中和侧边栏)
|
|
|
|
- id: donate
|
|
|
|
class: donate
|
|
|
|
icon: fas fa-donate
|
|
|
|
title: 打赏
|
|
|
|
height: 64px
|
|
|
|
# fancybox: true # 是否允许点击放大
|
|
|
|
images:
|
|
|
|
- https://img.vim-cn.com/4e/3c87a2fd28fd0b9c2f27ce3f83f1e9275d0488.png
|
|
|
|
# - https://img.vim-cn.com/4e/3c87a2fd28fd0b9c2f27ce3f83f1e9275d0488.png
|
|
|
|
# - https://img.vim-cn.com/4e/3c87a2fd28fd0b9c2f27ce3f83f1e9275d0488.png
|
|
|
|
# - https://img.vim-cn.com/4e/3c87a2fd28fd0b9c2f27ce3f83f1e9275d0488.png
|
|
|
|
# ---------------------------------------
|
|
|
|
# 自定义组件,仿照如下写法
|
|
|
|
- id: huan_ying # 唯一标识,自己命名,建议全英文
|
|
|
|
class: text # 小部件类型,对应_widget文件夹中的文件名
|
|
|
|
icon: fas fa-file
|
|
|
|
title: 文本部件
|
|
|
|
content:
|
|
|
|
- '这是一段支持markdown的文本'
|
|
|
|
- '![](https://img.vim-cn.com/4e/3c87a2fd28fd0b9c2f27ce3f83f1e9275d0488.png)'
|
|
|
|
- haha
|
|
|
|
- id: dao_hang
|
|
|
|
class: grid
|
|
|
|
icon: fas fa-map-signs
|
|
|
|
title: 站内导航
|
|
|
|
rows:
|
|
|
|
- name: 近期文章
|
|
|
|
icon: fas fa-clock
|
|
|
|
url: /
|
|
|
|
- name: 文章归档
|
|
|
|
icon: fas fa-archive
|
|
|
|
url: blog/archives/
|
|
|
|
rel: external nofollow noopener noreferrer
|
|
|
|
target: _self
|
|
|
|
- name: 开源项目
|
|
|
|
icon: fas fa-code-branch
|
|
|
|
url: projects/
|
|
|
|
- name: 我的友链
|
|
|
|
icon: fas fa-link
|
|
|
|
url: friends/
|
|
|
|
rel: external nofollow noopener noreferrer
|
|
|
|
target: _self
|
|
|
|
- name: 主题文档
|
|
|
|
icon: fas fa-book
|
|
|
|
url: https://xaoxuu.com/wiki/material-x/
|
|
|
|
rel: external nofollow noopener noreferrer
|
|
|
|
target: _blank
|
|
|
|
- name: 关于小站
|
|
|
|
icon: fas fa-info-circle
|
|
|
|
url: about/
|
|
|
|
rel: external nofollow noopener noreferrer
|
|
|
|
target: _self
|
|
|
|
- id: tui_jian
|
|
|
|
class: list
|
|
|
|
icon: fas fa-thumbs-up
|
|
|
|
title: 强烈推荐
|
|
|
|
rows:
|
|
|
|
- name: 带图片的列表
|
|
|
|
img: https://img.vim-cn.com/4e/3c87a2fd28fd0b9c2f27ce3f83f1e9275d0488.png
|
|
|
|
- name: 带图标的列表
|
|
|
|
icon: fas fa-home
|
|
|
|
- name: Hexo脚本(Mac)
|
|
|
|
url: https://xaoxuu.com/wiki/hexo.sh/
|
|
|
|
rel: external nofollow noopener noreferrer
|
|
|
|
target: _blank
|
|
|
|
- name: 图床脚本(Mac)
|
|
|
|
url: https://xaoxuu.com/wiki/vim-cn.sh/
|
|
|
|
rel: external nofollow noopener noreferrer
|
|
|
|
target: _blank
|
|
|
|
- name: 图片在线压缩
|
|
|
|
url: https://yasuotu.com
|
|
|
|
rel: external nofollow noopener noreferrer
|
|
|
|
target: _blank
|
|
|
|
- name: 生成Favicon
|
|
|
|
url: https://realfavicongenerator.net
|
|
|
|
rel: external nofollow noopener noreferrer
|
|
|
|
target: _blank
|
|
|
|
- name: 简历主题
|
|
|
|
url: https://mxclub.github.io/resume/
|
|
|
|
rel: external nofollow noopener noreferrer
|
|
|
|
target: _blank
|
|
|
|
|
|
|
|
|
|
|
|
# 社交信息配置
|
|
|
|
social:
|
|
|
|
- icon: fas fa-rss
|
|
|
|
url: atom.xml
|
|
|
|
- icon: fas fa-envelope
|
|
|
|
url: mailto:me@xaoxuu.com
|
|
|
|
- icon: fab fa-github
|
|
|
|
url: https://github.com/xaoxuu
|
|
|
|
- icon: fas fa-headphones-alt
|
|
|
|
url: https://music.163.com/#/user/home?id=63035382
|
|
|
|
|
|
|
|
# APlayer配置 https://github.com/metowolf/MetingJS
|
|
|
|
aplayer:
|
|
|
|
# 是否启用,注释此项则不加载服务
|
|
|
|
enable: true
|
|
|
|
# 必选参数
|
|
|
|
server: netease # netease, tencent, kugou, xiami, baidu
|
|
|
|
type: playlist # song, playlist, album, search, artist
|
|
|
|
id: 3175833810 # song id / playlist id / album id / search keyword
|
|
|
|
# 可选参数
|
|
|
|
fixed: false # enable fixed mode
|
|
|
|
theme: '#1BCDFC' # main color
|
|
|
|
autoplay: false # audio autoplay
|
|
|
|
order: list # player play order, values: 'list', 'random'
|
|
|
|
loop: all # player loop play, values: 'all', 'one', 'none'
|
|
|
|
volume: 0.7 # default volume, notice that player will remember user setting, default volume will not work after user set volume themselves
|
|
|
|
list_max_height: 340px # list max height
|
|
|
|
list_folded: true
|
|
|
|
|
|
|
|
############################### 需要复制到根目录配置文件中 ###############################
|
|
|
|
# 请复制到根目录配置文件!
|
|
|
|
# copyright: '[Copyright © 2017-2020 Mr. X](https://xaoxuu.com)'
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
############################### 评论系统 ###############################
|
|
|
|
# disqus_shortname: 要使用哪个请复制到根目录配置文件!
|
|
|
|
# livere_uid: 要使用哪个请复制到根目录配置文件!
|
|
|
|
# gitalk: 要使用哪个请复制到根目录配置文件!
|
|
|
|
# clientID: 你的clientID
|
|
|
|
# clientSecret: 你的clientSecret
|
|
|
|
# repo: 你的repo名
|
|
|
|
# owner: 你的GitHub名
|
|
|
|
# admin: [] 至少填写你的GitHub名
|
|
|
|
# leancloud: 要使用哪个请复制到根目录配置文件!
|
|
|
|
# app_id: 你的appId
|
|
|
|
# app_key: 你的appKey
|
|
|
|
|
|
|
|
|
|
|
|
############################### 杂项,请勿删除 ###############################
|
|
|
|
#valine配置
|
|
|
|
valine:
|
|
|
|
enable: true # 如果你想用Valine评论系统,请设置enable为true
|
|
|
|
volantis: true # 是否启用volantis版本(禁止匿名,增加若干贴吧、QQ表情)
|
|
|
|
# 还需要在根目录配置文件中添加下面这三行内容
|
|
|
|
# leancloud:
|
|
|
|
# app_id: 你的appId
|
|
|
|
# app_key: 你的appKey
|
|
|
|
guest_info: nick,mail,link #valine comment header info
|
|
|
|
placeholder: 快来评论吧~ # valine comment input placeholder(like: Please leave your footprints )
|
|
|
|
avatar: mp # gravatar style https://valine.js.org/avatar
|
|
|
|
pageSize: 10 # comment list page size
|
|
|
|
verify: true # valine verify code (true/false)
|
|
|
|
notify: true # valine mail notify (true/false)
|
|
|
|
lang: zh-cn
|
|
|
|
highlight: true
|
|
|
|
|
|
|
|
# 搜索配置
|
|
|
|
search:
|
|
|
|
enable: true
|
|
|
|
service: hexo # 类型:google, algolia, azure, baidu 默认 hexo
|
|
|
|
# 选择你选取的搜索服务后,复制相应的配置到根目录配置文件中
|
|
|
|
# google:
|
|
|
|
# apiKey:
|
|
|
|
# engineId:
|
|
|
|
# algolia:
|
|
|
|
# applicationID:
|
|
|
|
# apiKey:
|
|
|
|
# indexName:
|
|
|
|
# azure:
|
|
|
|
# serviceName:
|
|
|
|
# indexName:
|
|
|
|
# queryKey:
|
|
|
|
# baidu:
|
|
|
|
# apiId:
|
|
|
|
|
|
|
|
# Less渲染
|
|
|
|
less:
|
|
|
|
compress: true
|