############################### 主题基本信息 ############################### info: name: Volantis version: 1.5 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.22/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 ############################### 服务开关 ############################### scrollreveal: true # 页面滚动显示动画 nodewaves: true # 按钮点击效果 busuanzi: true # 访问量统计 # fastclick: true commentTyping: true # 文本框打字机特效 # wordcount: true # 文章字数统计、阅读时长，开启需要安装插件: npm i --save hexo-wordcount ############################### 主题样式 ############################### # 样式 style: # 卡片阴影效果 shadow: # 导航栏阴影 nav: true # 卡片阴影和悬浮动画 # card: true # 毛玻璃效果 具体效果调整在： source/less/_color.less blur: navbar: true widget: true body: true # 建议： # 有背景图：开启毛玻璃，关闭卡片阴影 # 无背景图：关闭毛玻璃，开启卡片阴影 # 幻灯片背景 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: Volantis # logo: assets/logo.png # logo和title只显示一个，若同时设置，则只显示logo search: 'for Hexo 4.2+' # color: '#FFF' # 菜单文字颜色 # 主页封面菜单 features: - name: 公告 icon: fas fa-bullhorn url: / - name: 文档 icon: fas fa-book url: start/ - name: 源码 icon: fas fa-code-branch url: about/ rel: nofollow - name: 鸣谢 icon: fas fa-handshake url: contributors 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: VOLANTIS # logo后面的导航菜单 menu: # 在桌面端显示的导航菜单 on_desktop: - name: 开始使用 icon: fas fa-download url: start rel: nofollow target: _self - name: 站点配置 icon: fas fa-cogs url: site-settings target: _self - name: 主题配置 icon: fas fa-palette url: theme-settings rel: nofollow target: _self - name: 页面配置 icon: fas fa-file-alt url: page-settings rel: nofollow target: _self - name: 进阶设定 icon: fas fa-flask url: advanced-settings rel: nofollow target: _self # 手机端导航菜单（从右上角的按钮点击展开） on_mobile: - name: 近期文章 icon: fas fa-clock url: / - name: 关于小站 icon: fas fa-info-circle url: about/ rel: nofollow search: 搜索文档 # 搜索框文字 # 布局 layout: # 多列布局 multiple_columns: false # 部分浏览器不兼容，谨慎使用 # 文章列表（主页、自定义的列表）布局 on_list: # 列表中每一篇文章的meta信息 meta: [title, date, updated, top] # 列表类页面的侧边栏 sidebar: [navigation, repos_sidebar] # 文章页面布局 on_page: # 文章页面主体元素，你也可以在页面的Front-matter中设置 body: [article, footnote, repos_bottom] # 默认的meta信息，文章中没有配置则按照这里的配置来显示，设置为false则不显示 # 其中，title只在header中有效，music和thumbnail无需在这里设置，文章中有则显示 # 如果tags放置在meta.header中，那么在post列表中不显示（因为卡片下方已经有了） meta: header: [title, category, date, updated, top] footer: [links, tags] # 文章页脚，自动在每一篇文章末尾添加 # footer: [copyright, donate] # 文章页面的侧边栏 sidebar: [navigation, toc] # 其他的页面布局暂时等于文章列表 # meta库配置 meta: # 文章标题 title: # 暂无配置 # 文章作者 author: icon: fas fa-user # 如果配置了头像，则不会显示图标 # 文章创建日期 date: icon: fas fa-edit title: '发布于：' format: 'll' # 日期格式 http://momentjs.com/docs/ # 文章更新日期 updated: icon: fas fa-save 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 # 链接 links: repo: # 源码链接 icon: fas fa-code-branch title: 源码 color: '#508EF2' bug: # BUG反馈链接 icon: fas fa-bug title: BUG color: '#FE5F58' doubt: # 疑问链接 icon: fas fa-question-circle title: 疑问 color: '#FFBD2B' idea: # 建议链接 icon: fas fa-lightbulb title: 建议 color: '#3DC550' faq: # FAQ链接 icon: fas fa-comments title: FAQ color: '#29B1C9' feedback: # 反馈链接 icon: fas fa-comment-dots title: 反馈 color: '#1BCDFC' # 组件库配置 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: - '这是文章页脚，可以放置版权说明以及打赏图片。
博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议' - '' - permalink # --------------------------------------- # 捐赠小部件（可用于文章中和侧边栏） - id: qrcode class: donate icon: fas fa-mobile 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: navigation class: grid icon: fas fa-map-signs title: 帮助索引 rows: - name: 近期消息 icon: fas fa-bullhorn url: / - name: 消息归档 icon: fas fa-file-archive url: archives/ - name: 常见问题 icon: fas fa-question-circle url: faqs rel: external nofollow noopener noreferrer target: _self - name: 更新日志 icon: fas fa-clipboard-list url: https://github.com/xaoxuu/hexo-theme-material-x/releases/ rel: external nofollow noopener noreferrer target: _blank - 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 - id: repos_sidebar class: text icon: fas fa-star title: 点个赞吧 content: - '您的赞对我来说很重要，如果您喜欢本主题，希望能够给下面的项目点个赞来支持一下作者。' - '
' - '[](https://github.com/xaoxuu/ProHUD)' - '[](https://github.com/xaoxuu/ValueX)' - '[](https://github.com/xaoxuu/Inspire)' - id: footnote class: text icon: fas fa-info-circle title: 关于文档 content: - '由于文档经历大改，可能存在内容或链接过时等问题，我会尽快检查和更新，请见谅。' - id: repos_bottom class: text icon: fas fa-star title: 点个赞吧 content: - '您的赞对我来说很重要，如果您喜欢本主题，希望能够给下面的项目点个赞来支持一下作者。' - '
' - '[](https://github.com/xaoxuu/ProHUD)  [](https://github.com/xaoxuu/ValueX)  [](https://github.com/xaoxuu/Inspire)' # 社交信息配置 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