Bamboo主题组件
文本 键盘Spring —->SpringBoot
隐藏文本：密码是123
下划线：hello
着重号：重点消息
删除线：删除
查看代码
1 2 3 4 5 6 7 8 9 键盘：<kbd>Spring</kbd>—-><kbd>SpringBoot</kbd> 隐藏文本：<psw>密码是123 </psw> 下划线：<u>hello</u> 着重号：<emp>重点消息</emp> 删除线：<del>删除<del>
链接 “熊猫”图片可以在主题配置修改
查看代码
1 2 3 {% link 点击跳转到百度, http: {% link 图标库, https:
按键 普通按键 查看代码
1 2 3 4 {% btn large round solid warning, 下载, https: {% btn large round solid info, 链接, https: {% btn large round solid success, 百度一下, https: {% btn large round solid danger, 查看警告, https:
炫酷按键 查看代码
1 2 3 {% btn center cool-1 , 开始使用, https: {% btn center cool-2 , 开始使用, https: {% btn center cool-3 , 开始使用, https:
折叠 折叠效果
1 2 3 4 5 public class HelloWorld { public static void main (String []args) { System.out.println("Hello World!" ); } }
查看代码
1 2 3 4 5 6 7 8 9 10 11 {% folding 查看代码 %} ```java public class HelloWorld { public static void main (String []args) { System.out.println("Hello World!" ); } } ``` {% endfolding %}
Github卡片 用户卡片 查看代码
1 {% ghcard SimpleWordBlog %}
项目卡片 查看代码
1 2 {% ghcard yuang01/hexo-theme-bamboo %} {% ghcard yuang01/hexo-theme-bamboo %}
Note标签
markdown默认写法，左边框颜色，随着主题色改变
查看代码
1 2 3 4 5 6 7 8 9 10 11 > markdown默认写法 {% note quote, 引用 %} {% note warning, 警告 %} {% note danger, 错误 %} {% note success, 成功 %} {% note info, 信息 %}
site-card
查看代码
1 2 3 4 5 6 7 {% sitegroup %} {% site 木兮, url=http: {% site yuang01, url=https: {% site 木兮, url=http: {% site yuang01, url=https: {% site 木兮, url=http: {% endsitegroup %}
视频
Your browser does not support the video tag.
Your browser does not support the video tag.
Your browser does not support the video tag.
查看代码
1 2 3 4 5 6 7 8 100%宽度 {% video https://assets.mixkit.co/videos/preview/mixkit-down-the-river-in-a-bamboo-canoe-6804-large.mp4 %} 50%宽度 {% videos, 2 %} {% video https://assets.mixkit.co/videos/preview/mixkit-down-the-river-in-a-bamboo-canoe-6804-large.mp4 %} {% video https://assets.mixkit.co/videos/preview/mixkit-down-the-river-in-a-bamboo-canoe-6804-large.mp4 %} {% endvideos %}
进度条
查看代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 条形进度条 {% progress 70 danger 进度条测试 %} {% progress 60 info 进度条测试 %} {% progress 60 success 进度条测试 %} {% progress 60 warning 进度条测试 %} {% progress 60 primary 进度条测试 %} 环形进度条 {% progressCircle 70 danger 进度条测试 %} {% progressCircle 80 info 进度条测试 %} {% progressCircle 60 success 进度条测试 %} {% progressCircle 50 warning 进度条测试 %} {% progressCircle 90 primary 进度条测试 %}
图片 单行单张
查看代码
1 2 3 {% gallery %}    {% endgallery %}
多行多张 多行多个图片（每行2～8个图片）
查看代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 {% gallery stretch, 6 %}   {% endgallery %} {% gallery %}     {% endgallery %} {% gallery %}   {% endgallery %} {% gallery stretch, 6 %}               {% endgallery %}
