分栏
{% tabs 分栏 %}
<!-- tab 第一个Tab的名字 -->
第一个Tab的内容
<!-- endtab -->
<!-- tab 第二个Tab的名字 -->
第二个Tab的内容
<!-- endtab -->
<!-- tab 第三个Tab的名字 -->
第三个Tab的内容
<!-- endtab -->
{% endtabs %}
例如:
{% folding 查看代码 %}
{% tabs 分栏 %}
<!-- tab C++ -->
```C++#include <iostream>int main() { std::cout << "Hello, World!" << std::endl; return 0;}```
<!-- endtab -->
<!-- tab Java -->
```Javapublic class HelloWorld { public static void main(String[] args) { System.out.println("Hello, World!"); }}```
<!-- endtab -->
<!-- tab Kotlin -->
```Kotlinfun main() { println("Hello, World!")}```
{% endfolding %}
{% tabs 分栏 %}
#include <iostream>int main() { std::cout << "Hello, World!" << std::endl; return 0;}
public class HelloWorld { public static void main(String[] args) { System.out.println("Hello, World!"); }}
fun main() { println("Hello, World!")}
print("Hello, World!")
package main
import "fmt"
func main() { fmt.Println("Hello, World!")}
{% endtabs %}
行内文本 span
{% tabs 行内文本 span %}
{% span 样式参数(参数以空格划分), 文本内容 %}
-
字体: logo, code
-
颜色: red,yellow,green,cyan,blue,gray
-
大小: small, h4, h3, h2, h1, large, huge, ultra
-
left, center, right
- 彩色文字 在一段话中方便插入各种颜色的标签,包括:{% span red, 红色 %}、{% span yellow, 黄色 %}、{% span green, 绿色 %}、{% span cyan, 青色 %}、{% span blue, 蓝色 %}、{% span gray, 灰色 %}。
- 超大号文字 文档「开始」页面中的标题部分就是超大号文字。 {% span center logo large, Volantis %} {% span center small, A Wonderful Theme for Hexo %}
- 彩色文字 在一段话中方便插入各种颜色的标签,包括:{% span red, 红色 %}、{% span yellow, 黄色 %}、{% span green, 绿色 %}、{% span cyan, 青色 %}、{% span blue, 蓝色 %}、{% span gray, 灰色 %}。- 超大号文字 文档「开始」页面中的标题部分就是超大号文字。 {% span center logo large, Volantis %} {% span center small, A Wonderful Theme for Hexo %}
{% endtabs %}
label 标签
{% tabs label 标签 %}
{% label text color %}
参数 | 含义 |
---|---|
text | 文字 |
color | 【可选】背景颜色,默认为 default,default/blue/pink/red/purple/orange/green |
臣亮言:{% label 先帝 %}创业未半,而{% label 中道崩殂 blue %}。今天下三分,{% label 益州疲敝 pink %},此诚{% label 危急存亡之秋 red %}也!然侍衞之臣,不懈于内;{% label 忠志之士 purple %},忘身于外者,盖追先帝之殊遇,欲报之于陛下也。诚宜开张圣听,以光先帝遗德,恢弘志士之气;不宜妄自菲薄,引喻失义,以塞忠谏之路也。 宫中、府中,俱为一体;陟罚臧否,不宜异同。若有{% label 作奸 orange %}、{% label 犯科 green %},及为忠善者,宜付有司,论其刑赏,以昭陛下平明之治;不宜偏私,使内外异法也。
臣亮言:{% label 先帝 %}创业未半,而{% label 中道崩殂 blue %}。今天下三分,{% label 益州疲敝 pink %},此诚{% label 危急存亡之秋 red %}也!然侍衞之臣,不懈于内;{% label 忠志之士 purple %},忘身于外者,盖追先帝之殊遇,欲报之于陛下也。诚宜开张圣听,以光先帝遗德,恢弘志士之气;不宜妄自菲薄,引喻失义,以塞忠谏之路也。宫中、府中,俱为一体;陟罚臧否,不宜异同。若有{% label 作奸 orange %}、{% label 犯科 green %},及为忠善者,宜付有司,论其刑赏,以昭陛下平明之治;不宜偏私,使内外异法也。
{% endtabs %}
折叠框 folding
{% tabs 折叠框 folding %}
{% folding 参数(可选), 标题 %}{% endfolding %}
-
颜色:blue, cyan, green, yellow, red
-
状态:状态填写 open 代表默认打开。
{% folding 查看图片测试 %}
{% endfolding %}
{% folding cyan open, 查看默认打开的折叠框 %}
这是一个默认打开的折叠框。
{% endfolding %}
{% folding green, 查看代码测试 %} 假装这里有代码块(代码块没法嵌套代码块) {% endfolding %}
{% folding yellow, 查看列表测试 %}
- haha
- hehe
{% endfolding %}
{% folding red, 查看嵌套测试 %}
{% folding, 查看嵌套测试2 %}
{% folding 查看嵌套测试3 %}
hahaha
{% endfolding %}
{% endfolding %}
{% endfolding %}
{% folding 查看图片测试 %}

{% endfolding %}
{% folding cyan open, 查看默认打开的折叠框 %}
这是一个默认打开的折叠框。
{% endfolding %}
{% folding green, 查看代码测试 %}假装这里有代码块(代码块没法嵌套代码块){% endfolding %}
{% folding yellow, 查看列表测试 %}
- haha- hehe
{% endfolding %}
{% folding red, 查看嵌套测试 %}
{% folding, 查看嵌套测试2 %}
{% folding 查看嵌套测试3 %}
hahaha <span><img src='https://bu.dusays.com/2023/06/01/64788cd5a356b.png' style='height:24px'></span>
{% endfolding %}
{% endfolding %}
{% endfolding %}
{% endtabs %}