博客引用块与文本颜色使用指南
引用块
这是一段普通引用文本。
[!blue]
这是一段蓝色引用文本。
[!green]
这是一段绿色引用文本。
[!red]
这是一段红色引用文本。
[!yellow]
这是一段黄色引用文本。
:::fold 查看源码
> 这是一段普通引用文本。
> [!blue]
> 这是一段蓝色引用文本。
> [!green]
> 这是一段绿色引用文本。
> [!red]
> 这是一段红色引用文本。
> [!yellow]
> 这是一段黄色引用文本。
:::
折叠内容
:::fold 默认折叠
这里可以填写文本、引用块、列表、图片、表格或代码块。
折叠里的引用块保持原有样式。
:::
:::fold-blue 蓝色折叠
这里填写折叠内容。
:::
:::fold-green 绿色折叠
这里填写折叠内容。
:::
:::fold-red 红色折叠
这里填写折叠内容。
:::
:::fold-yellow 黄色折叠
这里填写折叠内容。
:::
:::fold 查看源码
:::fold 默认折叠
这里可以填写任意 Markdown 内容。
:::
:::fold-blue 蓝色折叠
这里填写折叠内容。
:::
:::fold-green 绿色折叠
这里填写折叠内容。
:::
:::fold-red 红色折叠
这里填写折叠内容。
:::
:::fold-yellow 黄色折叠
这里填写折叠内容。
:::
:::
文本颜色
山重水复疑无路，柳暗花明又一村。
长风破浪会有时，直挂云帆济沧海。
会当凌绝顶，一览众山小。
路漫漫其修远兮，吾将上下而求索。
:::fold 查看源码
山重水复疑无路，<span class="text-color-red">柳暗花明又一村</span>。
长风破浪会有时，<strong class="text-color-red">直挂云帆济沧海</strong>。
会当凌绝顶，一览众山小。
{: .text-color-red}
**路漫漫其修远兮，吾将上下而求索。**{: .text-color-red}
:::
折叠代码块
普通代码块默认直接展示，不需要任何额外标记。需要折叠时，使用 :::fold 标题 和 ::: 包住代码；同一篇文章可以混用这两种写法。
:::fold 查看代码
System.out.println("Hello World");
:::
:::fold 查看源码
:::fold 查看代码
```java
System.out.println("Hello World");
```
:::
:::
转载与许可
许可
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处！