Folding 折叠面板

基本语法

<c-folding title="点击展开标题" open>
  折叠的内容，支持 HTML
</c-folding>

参数说明

使用示例

示例 1：基本折叠

<c-folding title="查看更多配置选项">
  <ul>
    <li><code>primary_color</code> - 主色调</li>
    <li><code>accent_color</code> - 强调色</li>
    <li><code>font_family</code> - 字体设置</li>
  </ul>
</c-folding>

示例 2：默认展开

<c-folding title="安装要求" open>
  <ul>
    <li>Halo 2.21.0 或更高版本</li>
    <li>现代浏览器（Chrome、Firefox、Safari、Edge）</li>
  </ul>
</c-folding>

示例 3：代码折叠

<c-folding title="查看完整配置文件">
  <pre><code>apiVersion: theme.halo.run/v1alpha1
kind: Theme
metadata:
  name: theme-clarity
spec:
  displayName: Clarity
  version: "1.0.0"</code></pre>
</c-folding>

示例 4：嵌套折叠

<c-folding title="第一章：入门指南">
  <p>这是第一章的内容...</p>
  
  <c-folding title="1.1 安装步骤">
    <ol>
      <li>下载主题</li>
      <li>上传安装</li>
      <li>启用配置</li>
    </ol>
  </c-folding>
</c-folding>

使用效果