Hexo bamboo主题配置

Hexo bamboo主题配置

本文内容出自 yuang01 如需了解更多可查看 https://hexo-theme-bamboo.netlify.app/

Front-matter(文章)配置

配置选项	默认值	描述
title	Markdown 的文件标题	文章标题，强烈建议填写此选项
date	文件创建时的日期时间	发布时间，强烈建议填写此选项，且最好保证全局唯一
swiper	false	表示该文章是否需要加入到首页轮播封面中
swiperImg	无	表示该文章在首页轮播封面需要显示的图片路径，如果没有，则默认使用文章的特色图片
swiperDesc	无	表示该文章在首页轮播封面需要显示的文字描述（摘要），如果没有，则使用excerpt，如果excerpt也没有，则取文章内容
img	无	文章特征图，该文章显示的图片，没有则默认使用文章的特色图片
excerpt	无	文章描述（摘要），该文章在首页的描述文字，如果没有，则取swiperDesc,如果swiperDesc也没有，则取文章内容（优先取<-- more -->上面的内容）
top	false	将该值设为true，则将该篇文章显示在首页的置顶栏目中
toc	true	将该值设为false，则该篇文章不显示右侧目录
tocOpen	true	将该值设为false，则该篇文章右侧目录默认收缩
onlyTitle	false	文章详情页头部是否只显示标题，不显示日期等信息
comments	true	将该值设为false，则该篇文章不显示评论
share	true	将该值设为false，则该篇文章不显示分享按钮
copyright	true	将该值设为false，则该篇文章不显示版权声明
donate	true	将该值设为false，则该篇文章不显示打赏按钮
bgImg	-	单独为这篇文章设置背景图片或者背景颜色，可以是数组，数组里面放图片链接，可以是字符串，字符串里面是颜色值，空值则背景颜色透明
bgImgTransition	180000(三分钟)	该篇文章的bgImg设置为数组,该值表示背景图片切换的延迟时间,
categories	无	文章分类，本主题的分类表示宏观上大的分类，只建议一篇文章一个分类
prismjs	无	如果使用的是hexo自带的prismjs代码高亮，通过设置该值为该篇文章设置不同的代码高亮主题（default, coy, dark, funky, okaidia, solarizedlight, tomorrow, twilight）
tags	无	文章标签，一篇文章可以多个标签
mathjax	false	mathjax公式
imgTop	true	设置为false则文章和自定义页面顶部不要图片

按钮

融入段落中按钮

不设置任何参数的 {% btn 按钮, / %} 适合融入段落中。

不设置任何参数的 {% btn warning, 按钮, / %} 适合融入段落中。

不设置任何参数的 {% btn info, 按钮, / %} 适合融入段落中。

不设置任何参数的 {% btn success, 按钮, / %} 适合融入段落中。

不设置任何参数的 {% btn danger, 按钮, / %} 适合融入段落中。

空心和实心按钮

{% btn hollow, 示例博客, https://baidu.com, fa fa-qq %}
{% btn solid, 示例博客, https://baidu.com, fa fa-weixin %}

大点的按钮和样式

{% btn center large, 开始使用, https://baidu.com, fa fa-download %}

环形按钮

{% btn center large round solid, 开始使用, https://baidu.com, fa fa-download %}

warning等颜色按钮

{% btn large round solid warning, 开始使用, https://baidu.com, fa fa-download %}
{% btn large round solid info, 开始使用, https://baidu.com, fa fa-download %}
{% btn large round solid success, 开始使用, https://baidu.com, fa fa-download %}
{% btn large round solid danger, 开始使用, https://baidu.com, fa fa-download %}
{% btn large solid success, 开始使用, https://baidu.com, fa fa-download %}

warning等颜色空心按钮

{% btn large warning hollow, 开始使用, https://baidu.com, fa fa-download %}
{% btn large info hollow, 开始使用, https://baidu.com, fa fa-download %}
{% btn large success hollow, 开始使用, https://baidu.com, fa fa-download %}
{% btn large danger hollow, 开始使用, https://baidu.com, fa fa-download %}
{% btn success hollow, 开始使用, https://baidu.com, fa fa-download %}

warning等颜色空心环形居中按钮

{% btn large danger hollow center round, 开始使用, https://baidu.com, fa fa-download %}
{% btn danger hollow center round, 开始使用, https://baidu.com, fa fa-download %}

带有头像和名称的按钮

一行两个

{% btns circle grid2 %}
  {% cell 草帽海贼团, https://baidu.com, https://img2.woyaogexing.com/2021/01/30/007e3777e7e64c4aae95ae812708a7bf!400x400.jpeg %}
  {% cell 小绵羊, https://baidu.com, https://img2.woyaogexing.com/2021/01/30/4c59f9dd4aae421fae21344aec8c7b60!400x400.jpeg %}
  {% cell 沫兮, https://baidu.com, https://img2.woyaogexing.com/2021/01/30/1b2aec116f0b49c682badc5befd43905!400x400.jpeg %}
  {% cell 凯爹, https://baidu.com, https://p.qqan.com/up/2021-1/16112058848478910.jpg %}
  {% cell 阿离, https://baidu.com, https://p.qqan.com/up/2021-1/16118869719896010.jpg %}
  {% cell 韩信, https://baidu.com, https://p.qqan.com/up/2021-1/16118869704182020.jpg %}
{% endbtns %}

一行三个

{% btns circle grid3 %}
  {% cell QQ头像, https://baidu.com, http://q1.qlogo.cn/g?b=qq&nk=1730241541&s=640 %}
  {% cell 随机动漫头像, https://baidu.com, http://api.btstu.cn/sjtx/api.php?lx=c1&format=images %}
  {% cell 随机男生头像, https://baidu.com, http://api.btstu.cn/sjtx/api.php?lx=a1&format=images %}
  {% cell 随机女生头像, https://baidu.com, http://api.btstu.cn/sjtx/api.php?lx=b1&format=images %}
  {% cell 随机动漫女头像, https://baidu.com, http://api.btstu.cn/sjtx/api.php?lx=c2&format=images %}
  {% cell 随机动漫男头像, https://baidu.com, http://api.btstu.cn/sjtx/api.php?lx=c3&format=images %}
{% endbtns %}

一行四个

{% btns circle grid4 %}
  {% cell 随机Github头像, https://baidu.com, https://api.prodless.com/avatar.png %}
  {% cell 随机Github头像, https://baidu.com, https://api.prodless.com/avatar.png %}
  {% cell 随机Github头像, https://baidu.com, https://api.prodless.com/avatar.png %}
  {% cell 随机Github头像, https://baidu.com, https://api.prodless.com/avatar.png %}
  {% cell 随机Github头像, https://baidu.com, https://api.prodless.com/avatar.png %}
{% endbtns %}

一行五个

{% btns circle grid5 %}
  {% cell 随机头像, https://baidu.com, https://picsum.photos/200 %}
  {% cell 随机头像id, https://baidu.com, https://picsum.photos/id/1/200 %}
  {% cell 随机头像id, https://baidu.com, https://picsum.photos/id/2/200 %}
  {% cell 随机头像id, https://baidu.com, https://picsum.photos/id/3/200 %}
  {% cell 随机头像id, https://baidu.com, https://picsum.photos/id/4/200 %}
{% endbtns %}

环形图标按钮

{% btns rounded grid5 %}
  {% cell 下载源码, /, fa fa-download %}
  {% cell 查看文档, /, fa fa-book %}
{% endbtns %}

环形图标居中按钮

{% btns rounded grid5 center %}
  {% cell 下载源码, /, fa fa-download %}
  {% cell 查看文档, /, fa fa-book %}
{% endbtns %}

环形图标填充按钮

{% btns rounded grid5 fill %}
  {% cell 下载源码, /, fa fa-download %}
  {% cell 查看文档, /, fa fa-book %}
{% endbtns %}

圆形图标按钮

{% btns circle center grid5 %}
  <a href='https://apps.apple.com/cn/app/heart-mate-pro-hrm-utility/id1463348922?ls=1'>
    <i class='fa fa-apple'></i>
    <b>这个是微信</b>
    {% p red, 微信 %}
    <img src='/medias/wx.jpg'>
  </a>
  <a href='https://apps.apple.com/cn/app/heart-mate-lite-hrm-utility/id1475747930?ls=1'>
    <i class='fa fa-apple'></i>
    <b>这个是支付宝</b>
    {% p green, 支付宝 %}
    <img src='/medias/zfb.jpg'>
  </a>
{% endbtns %}

audio音频

{% audio http://qiniu.cunzhuang.top/%E5%85%AD%E5%93%B2%20-%20%E4%BD%A0%E7%9A%84%E5%BF%83%E6%98%AF%E5%90%A6%E4%B9%9F%E6%9C%89%E6%88%91%E7%9A%84%E5%90%8D.mp3 %}

大家也可以关注我的 个人博客，和csdn是同步的，我会持续更新的，感谢大家支持~