############################### 基本信息 ############################### info: name: Material X 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.20/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 # 访问量统计 aplayer: 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: 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 # 桌面端导航栏菜单 menu_desktop: - name: 示例 icon: fas fa-grin 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 # 手机端导航菜单（从右上角的按钮点击展开） menu_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, music, 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, music, donate] # 其他的页面布局暂时等于文章列表 # meta库配置 meta: # 文章标题 title: # 暂无配置 # 文章作者 author: icon: fas fa-user # 如果配置了头像，则不会显示图标 # 文章创建日期 date: icon: fas fa-calendar-alt format: 'YYYY-MM-DD' # 日期格式 http://momentjs.com/docs/ # 文章更新日期 updated: icon: fas fa-clock 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: music class: music icon: fas fa-compact-disc title: "最近在听" theme: '#1BCDFC' # 主题色 autoplay: true # 自动播放 server: netease # netease（网易云音乐）tencent（QQ音乐） xiami（虾米） kugou（酷狗） order: list # list (列表) 'random'（随机） loop: all # 'all', 'one', 'none' type: playlist # song （单曲） album （专辑） playlist （歌单） search （搜索）artist mid: 3175833810 # 歌曲/专辑/歌单 ID/搜索关键词 volume: 0.7 # 音量, 0~1 more: # 右上角的按钮 icon: far fa-heart url: https://music.163.com/#/user/home?id=63035382 rel: external nofollow noopener noreferrer target: _blank # --------------------------------------- # 版权说明小部件（仅用于文章中） - id: copyright class: copyright permalink: '本文永久链接是：' # 显示文章永久链接 content: - '这是文章页脚，可以放置版权说明以及打赏图片。
博客内容遵循 署名-非商业性使用-相同方式共享 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 ############################### 需要复制到根目录配置文件中 ############################### # 请复制到根目录配置文件！ # 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