feat: add left sidebar to Chinese tutorial/training/development pages

Author: xiaoyunchong.xyc

zh/model-registration.html

@@ -18,7 +18,22 @@
 <a href="https://github.com/modelscope/FunASR" class="nav-github">GitHub</a>
 </div></nav>
 
-<div class="content"><div class="container narrow">
+<div class="doc-layout">
+<nav class="doc-sidebar">
+<div class="sb-title">开发</div>
+<a href="#architecture">架构</a>
+<a href="#setup">环境搭建</a>
+<a href="#understand">理解代码</a>
+<div class="sb-title">操作</div>
+<a href="#add-model">添加模型</a>
+<a href="#add-component">添加组件</a>
+<a href="#standalone">独立运行</a>
+<a href="#testing">测试</a>
+<div class="sb-title">提示</div>
+<a href="#pitfalls">常见陷阱</a>
+<a href="#contribute">贡献代码</a>
+</nav>
+<div class="doc-content">
 <h1>开发指南</h1>
 <p>从理解框架架构到贡献你自己的模型——循序渐进的完整指南。</p>
 
@@ -393,7 +408,8 @@ <h4>PR 检查清单</h4>
 <h4>许可证</h4>
 <p>代码：MIT 许可。模型权重：FunASR 模型许可（允许商业使用，需注明出处）。</p>
 
-</div></div>
+</div>
+</div>
 
 <footer>
 <p>FunASR &middot; 通义实验室，阿里巴巴集团</p>

zh/training.html

@@ -20,7 +20,23 @@
 <a href="https://github.com/modelscope/FunASR" class="nav-github">GitHub</a>
 </div></nav>
 
-<div class="content"><div class="container narrow">
+<div class="doc-layout">
+<nav class="doc-sidebar">
+<div class="sb-title">训练</div>
+<a href="#overview">概述</a>
+<a href="#data">数据准备</a>
+<div class="sb-title">模型</div>
+<a href="#paraformer">Paraformer</a>
+<a href="#sensevoice">SenseVoice</a>
+<a href="#nano">Fun-ASR-Nano</a>
+<div class="sb-title">进阶</div>
+<a href="#params">参数配置</a>
+<a href="#multi-gpu">多卡训练</a>
+<a href="#deepspeed">DeepSpeed</a>
+<a href="#monitor">监控</a>
+<a href="#inference-after">推理验证</a>
+</nav>
+<div class="doc-content">
 <h1>训练与微调</h1>
 <p>使用 FunASR 训练框架，在你自己的数据上微调预训练模型。</p>
 
@@ -320,7 +336,8 @@ <h4>大规模数据（超过 10,000 小时）</h4>
 <h4>崩溃后恢复训练</h4>
 <p>设置 <code>++train_conf.resume=true</code>（默认已开启）。训练会自动从 <code>output_dir</code> 中最新的 checkpoint 恢复。</p>
 
-</div></div>
+</div>
+</div>
 
 <footer>
 <p>FunASR &middot; 通义实验室，阿里巴巴集团</p>

zh/tutorial.html

@@ -20,7 +20,26 @@
 <a href="https://github.com/modelscope/FunASR" class="nav-github">GitHub</a>
 </div></nav>
 
-<div class="content"><div class="container narrow">
+<div class="doc-layout">
+<nav class="doc-sidebar">
+<div class="sb-title">教程</div>
+<a href="#quick">快速体验</a>
+<a href="#install">安装</a>
+<a href="#choose">模型选择</a>
+<div class="sb-title">使用</div>
+<a href="#scenarios">场景</a>
+<a href="#offline">离线识别</a>
+<a href="#streaming">流式识别</a>
+<a href="#spk">说话人分离</a>
+<a href="#emotion">情感识别</a>
+<a href="#vad">语音检测</a>
+<a href="#punc">标点恢复</a>
+<a href="#export">ONNX导出</a>
+<div class="sb-title">参考</div>
+<a href="#config">参数配置</a>
+<a href="#faq">常见问题</a>
+</nav>
+<div class="doc-content">
 <h1>使用教程</h1>
 <p>从零开始，10 分钟掌握 FunASR 的完整使用方法。</p>
 
@@ -368,7 +387,8 @@ <h4>GPU 没有被使用？</h4>
 # 显式指定 GPU：
 model = AutoModel(model="...", device="cuda:0")</pre>
 
-</div></div>
+</div>
+</div>
 
 <footer>
 <p>FunASR &middot; 通义实验室，阿里巴巴集团</p>