docs: generate pages with shared stylesheet

This commit is contained in:
游雁
2026-05-21 13:27:58 +00:00
parent c26848f648
commit 30c1c97d44
4 changed files with 18 additions and 136 deletions
+8 -44
View File
@@ -3,52 +3,16 @@
<title>FunASR API</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<style>
body{display:flex;flex-direction:column;min-height:100vh;background:var(--surface)}
.api-layout{display:flex;flex:1}
.api-sidebar{width:260px;min-width:260px;height:calc(100vh - 57px);position:sticky;top:57px;overflow-y:auto;border-right:1px solid var(--line);background:var(--page);padding:8px 0}
.sb-search{margin:4px 8px 10px;padding:7px 10px;width:calc(100% - 16px);border:1px solid var(--line);border-radius:5px;font-size:0.78rem}
.sb-search:focus{outline:none;border-color:var(--primary)}
.l1{border-bottom:1px solid var(--line)}.l1-title{padding:9px 12px;font-size:0.78rem;font-weight:700;color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;gap:6px}
.l1-title:hover{background:var(--surface-2)}.l1-title .cnt{font-size:0.65rem;background:var(--surface-2);color:var(--muted);padding:1px 5px;border-radius:8px;margin-left:auto}
.l1-title .arr{font-size:0.6rem;color:var(--muted);transition:transform 0.2s}.l1-children{max-height:0;overflow:hidden;transition:max-height 0.3s}
.l1.open>.l1-children{max-height:20000px}.l1.open>.l1-title .arr{transform:rotate(90deg)}
.l2-title{padding:4px 12px 4px 22px;font-size:0.74rem;font-weight:600;color:var(--muted);cursor:pointer;display:flex;align-items:center}
.l2-title:hover{background:var(--surface-2);color:var(--ink-soft)}.l2-title .arr{margin-left:auto;font-size:0.55rem;transition:transform 0.2s}
.l2-children{max-height:0;overflow:hidden;transition:max-height 0.25s}.l2.open>.l2-children{max-height:20000px}.l2.open>.l2-title .arr{transform:rotate(90deg)}
.l3-item{display:flex;align-items:center;gap:5px;padding:2px 12px 2px 34px;font-size:0.73rem;color:var(--ink-soft);text-decoration:none;cursor:pointer;border-left:2px solid transparent}
.l3-item:hover{background:var(--surface-2)}.l3-item.active{background:var(--primary-soft);color:var(--primary-dark);border-left-color:var(--primary);font-weight:600}
.l3m{padding-left:44px;font-size:0.7rem}
.mb{font-size:0.5rem;font-weight:700;width:13px;height:13px;display:inline-flex;align-items:center;justify-content:center;border-radius:2px;flex-shrink:0}
.badge-c{background:#dbeafe;color:#1d4ed8}.badge-m{background:#d1fae5;color:#059669}.badge-f{background:#fef3c7;color:#b45309}
.api-content{flex:1;padding:32px 40px;overflow-y:auto;max-width:800px}
.api-detail{display:none}.api-detail.active{display:block}
.api-welcome{color:var(--muted);padding:60px 20px;text-align:center}.api-welcome h2{color:var(--ink-soft);margin-bottom:8px}
.dtag{font-size:0.63rem;font-weight:700;padding:2px 7px;border-radius:3px;text-transform:uppercase}
h2{font-size:1.1rem;margin:8px 0}h2 code{font-family:'JetBrains Mono',monospace;font-size:0.92rem;background:none;color:var(--ink);padding:0}
.dmod{font-size:0.7rem;color:var(--muted);font-family:monospace;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.dmod a{color:var(--primary);text-decoration:none;font-size:0.7rem}.dmod a:hover{text-decoration:underline}
.ddoc{line-height:1.7}.ddoc p{margin-bottom:8px;font-size:0.87rem}.ddoc h4{font-size:0.82rem;font-weight:700;margin:16px 0 4px;color:var(--ink)}
.ddoc ul{list-style:none;padding:0;margin:0 0 12px}.ddoc li{padding:3px 0 3px 12px;border-left:2px solid var(--line);font-size:0.83rem;color:var(--ink-soft)}
.ddoc li code{background:var(--surface-2);padding:1px 4px;border-radius:3px;font-size:0.77rem;color:#b91c1c}
.ddoc li.sub{padding-left:24px;font-size:0.79rem;color:var(--muted);border-left-color:transparent}
.mt{font-size:0.85rem;font-weight:700;margin:24px 0 10px;padding-top:14px;border-top:1px solid var(--line)}
.mblk{margin:8px 0;padding:10px 14px;background:var(--page);border-radius:6px;border:1px solid var(--line)}
.mblk code{font-family:'JetBrains Mono',monospace;font-size:0.84rem}
.mdoc p{font-size:0.83rem}.mdoc h4{font-size:0.78rem}
.gh-link{font-size:0.68rem;color:var(--muted);text-decoration:none;margin-left:8px}.gh-link:hover{color:var(--primary)}
.src-block{margin:12px 0;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.src-block summary{padding:8px 14px;font-size:0.78rem;cursor:pointer;color:var(--muted);background:var(--surface-2)}
.src-block summary:hover{color:var(--ink-soft)}
.src-block pre{margin:0;border-radius:0;font-size:0.75rem;max-height:400px;overflow-y:auto}
.src-more{display:block;padding:8px 14px;font-size:0.75rem;color:var(--primary);text-decoration:none;border-top:1px solid var(--line)}
.src-more:hover{background:var(--surface-2)}
.muted{color:var(--muted-2);font-style:italic}
.hidden{display:none!important}
</style></head><body>
</head><body class="api-page">
<nav class="nav"><div class="container">
<a href="index.html" class="nav-logo">FunASR</a>
<div class="nav-links"><a href="index.html">Home</a><a href="tutorial.html">Tutorial</a><a href="training.html">Training</a><a href="model-registration.html">Develop</a><a href="api.html" class="active">API</a></div>
<div class="nav-links">
<a href="index.html">Home</a>
<a href="tutorial.html">Tutorial</a>
<a href="training.html">Training</a>
<a href="model-registration.html">Develop</a>
<a href="api.html" class="active">API</a>
</div>
<a href="https://github.com/modelscope/FunASR" class="nav-github">GitHub</a>
</div></nav>
<div class="api-layout">
+1 -24
View File
@@ -3,29 +3,6 @@
<title>FunASR Training Guide</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<style>
.content{padding:48px 0 80px}.container.narrow{max-width:820px;margin:0 auto;padding:0 24px}
h1{font-size:2.2rem;font-weight:800;letter-spacing:-0.5px;margin-bottom:8px}
h1+p{color:var(--muted);margin-bottom:32px;font-size:1.05rem}
h2{font-size:1.4rem;font-weight:700;margin:56px 0 16px;padding-bottom:10px;border-bottom:2px solid var(--line)}
h3{font-size:1.1rem;font-weight:600;margin:32px 0 12px}
h4{font-size:0.95rem;font-weight:600;margin:24px 0 8px;color:var(--ink-soft)}
p{margin-bottom:12px;line-height:1.75;font-size:0.92rem}
ul,ol{margin:12px 0 12px 24px}li{margin-bottom:8px;line-height:1.6;font-size:0.9rem}
pre{background:var(--code-bg,#101828);color:#e2e8f0;border-radius:8px;padding:18px 22px;overflow-x:auto;margin:14px 0 22px;font-size:0.82rem;line-height:1.55}
code{font-family:'JetBrains Mono',monospace}
p code,li code,td code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:0.82rem;color:#b91c1c}
.note{background:#eff6ff;border-left:4px solid #2563eb;padding:14px 18px;border-radius:0 8px 8px 0;margin:16px 0;font-size:0.88rem}
.warning{background:#fffbeb;border-left:4px solid #f59e0b;padding:14px 18px;border-radius:0 8px 8px 0;margin:16px 0;font-size:0.88rem}
.tip{background:#f0fdf4;border-left:4px solid #059669;padding:14px 18px;border-radius:0 8px 8px 0;margin:16px 0;font-size:0.88rem}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:0.88rem}
th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line)}
th{background:#f8fafc;font-weight:600;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.3px;color:var(--muted)}
.toc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:20px 0 40px}
.toc-grid a{display:block;padding:10px 14px;background:var(--page,#f7f9fc);border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink-soft);font-size:0.82rem;font-weight:500;transition:all 0.15s}
.toc-grid a:hover{border-color:#2563eb;color:#2563eb}
.output-box{background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:14px 18px;margin:12px 0;font-family:'JetBrains Mono',monospace;font-size:0.76rem;line-height:1.6;overflow-x:auto}
</style>
</head><body>
<nav class="nav"><div class="container">
<a href="index.html" class="nav-logo">FunASR</a>
@@ -343,6 +320,6 @@ print(res[0]["text"])</pre>
<footer>
<p>FunASR &middot; Tongyi Lab, Alibaba Group</p>
<p><a href="index.html">Home</a> &middot; <a href="tutorial.html">Tutorial</a> &middot; <a href="model-registration.html">Develop</a> &middot; <a href="api.html">API</a> &middot; <a href="https://github.com/modelscope/FunASR">GitHub</a></p>
<p><a href="index.html">Home</a> &middot; <a href="tutorial.html">Tutorial</a> &middot; <a href="training.html">Training</a> &middot; <a href="model-registration.html">Develop</a> &middot; <a href="api.html">API</a> &middot; <a href="https://github.com/modelscope/FunASR">GitHub</a></p>
</footer>
</body></html>
+8 -44
View File
@@ -226,52 +226,16 @@ html_page = f'''<!DOCTYPE html>
<title>FunASR API</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<style>
body{{display:flex;flex-direction:column;min-height:100vh;background:var(--surface)}}
.api-layout{{display:flex;flex:1}}
.api-sidebar{{width:260px;min-width:260px;height:calc(100vh - 57px);position:sticky;top:57px;overflow-y:auto;border-right:1px solid var(--line);background:var(--page);padding:8px 0}}
.sb-search{{margin:4px 8px 10px;padding:7px 10px;width:calc(100% - 16px);border:1px solid var(--line);border-radius:5px;font-size:0.78rem}}
.sb-search:focus{{outline:none;border-color:var(--primary)}}
.l1{{border-bottom:1px solid var(--line)}}.l1-title{{padding:9px 12px;font-size:0.78rem;font-weight:700;color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;gap:6px}}
.l1-title:hover{{background:var(--surface-2)}}.l1-title .cnt{{font-size:0.65rem;background:var(--surface-2);color:var(--muted);padding:1px 5px;border-radius:8px;margin-left:auto}}
.l1-title .arr{{font-size:0.6rem;color:var(--muted);transition:transform 0.2s}}.l1-children{{max-height:0;overflow:hidden;transition:max-height 0.3s}}
.l1.open>.l1-children{{max-height:20000px}}.l1.open>.l1-title .arr{{transform:rotate(90deg)}}
.l2-title{{padding:4px 12px 4px 22px;font-size:0.74rem;font-weight:600;color:var(--muted);cursor:pointer;display:flex;align-items:center}}
.l2-title:hover{{background:var(--surface-2);color:var(--ink-soft)}}.l2-title .arr{{margin-left:auto;font-size:0.55rem;transition:transform 0.2s}}
.l2-children{{max-height:0;overflow:hidden;transition:max-height 0.25s}}.l2.open>.l2-children{{max-height:20000px}}.l2.open>.l2-title .arr{{transform:rotate(90deg)}}
.l3-item{{display:flex;align-items:center;gap:5px;padding:2px 12px 2px 34px;font-size:0.73rem;color:var(--ink-soft);text-decoration:none;cursor:pointer;border-left:2px solid transparent}}
.l3-item:hover{{background:var(--surface-2)}}.l3-item.active{{background:var(--primary-soft);color:var(--primary-dark);border-left-color:var(--primary);font-weight:600}}
.l3m{{padding-left:44px;font-size:0.7rem}}
.mb{{font-size:0.5rem;font-weight:700;width:13px;height:13px;display:inline-flex;align-items:center;justify-content:center;border-radius:2px;flex-shrink:0}}
.badge-c{{background:#dbeafe;color:#1d4ed8}}.badge-m{{background:#d1fae5;color:#059669}}.badge-f{{background:#fef3c7;color:#b45309}}
.api-content{{flex:1;padding:32px 40px;overflow-y:auto;max-width:800px}}
.api-detail{{display:none}}.api-detail.active{{display:block}}
.api-welcome{{color:var(--muted);padding:60px 20px;text-align:center}}.api-welcome h2{{color:var(--ink-soft);margin-bottom:8px}}
.dtag{{font-size:0.63rem;font-weight:700;padding:2px 7px;border-radius:3px;text-transform:uppercase}}
h2{{font-size:1.1rem;margin:8px 0}}h2 code{{font-family:'JetBrains Mono',monospace;font-size:0.92rem;background:none;color:var(--ink);padding:0}}
.dmod{{font-size:0.7rem;color:var(--muted);font-family:monospace;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line)}}
.dmod a{{color:var(--primary);text-decoration:none;font-size:0.7rem}}.dmod a:hover{{text-decoration:underline}}
.ddoc{{line-height:1.7}}.ddoc p{{margin-bottom:8px;font-size:0.87rem}}.ddoc h4{{font-size:0.82rem;font-weight:700;margin:16px 0 4px;color:var(--ink)}}
.ddoc ul{{list-style:none;padding:0;margin:0 0 12px}}.ddoc li{{padding:3px 0 3px 12px;border-left:2px solid var(--line);font-size:0.83rem;color:var(--ink-soft)}}
.ddoc li code{{background:var(--surface-2);padding:1px 4px;border-radius:3px;font-size:0.77rem;color:#b91c1c}}
.ddoc li.sub{{padding-left:24px;font-size:0.79rem;color:var(--muted);border-left-color:transparent}}
.mt{{font-size:0.85rem;font-weight:700;margin:24px 0 10px;padding-top:14px;border-top:1px solid var(--line)}}
.mblk{{margin:8px 0;padding:10px 14px;background:var(--page);border-radius:6px;border:1px solid var(--line)}}
.mblk code{{font-family:'JetBrains Mono',monospace;font-size:0.84rem}}
.mdoc p{{font-size:0.83rem}}.mdoc h4{{font-size:0.78rem}}
.gh-link{{font-size:0.68rem;color:var(--muted);text-decoration:none;margin-left:8px}}.gh-link:hover{{color:var(--primary)}}
.src-block{{margin:12px 0;border:1px solid var(--line);border-radius:6px;overflow:hidden}}
.src-block summary{{padding:8px 14px;font-size:0.78rem;cursor:pointer;color:var(--muted);background:var(--surface-2)}}
.src-block summary:hover{{color:var(--ink-soft)}}
.src-block pre{{margin:0;border-radius:0;font-size:0.75rem;max-height:400px;overflow-y:auto}}
.src-more{{display:block;padding:8px 14px;font-size:0.75rem;color:var(--primary);text-decoration:none;border-top:1px solid var(--line)}}
.src-more:hover{{background:var(--surface-2)}}
.muted{{color:var(--muted-2);font-style:italic}}
.hidden{{display:none!important}}
</style></head><body>
</head><body class="api-page">
<nav class="nav"><div class="container">
<a href="index.html" class="nav-logo">FunASR</a>
<div class="nav-links"><a href="index.html">Home</a><a href="tutorial.html">Tutorial</a><a href="training.html">Training</a><a href="model-registration.html">Develop</a><a href="api.html" class="active">API</a></div>
<div class="nav-links">
<a href="index.html">Home</a>
<a href="tutorial.html">Tutorial</a>
<a href="training.html">Training</a>
<a href="model-registration.html">Develop</a>
<a href="api.html" class="active">API</a>
</div>
<a href="https://github.com/modelscope/FunASR" class="nav-github">GitHub</a>
</div></nav>
<div class="api-layout">
+1 -24
View File
@@ -3,29 +3,6 @@
<title>FunASR Training Guide</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<style>
.content{padding:48px 0 80px}.container.narrow{max-width:820px;margin:0 auto;padding:0 24px}
h1{font-size:2.2rem;font-weight:800;letter-spacing:-0.5px;margin-bottom:8px}
h1+p{color:var(--muted);margin-bottom:32px;font-size:1.05rem}
h2{font-size:1.4rem;font-weight:700;margin:56px 0 16px;padding-bottom:10px;border-bottom:2px solid var(--line)}
h3{font-size:1.1rem;font-weight:600;margin:32px 0 12px}
h4{font-size:0.95rem;font-weight:600;margin:24px 0 8px;color:var(--ink-soft)}
p{margin-bottom:12px;line-height:1.75;font-size:0.92rem}
ul,ol{margin:12px 0 12px 24px}li{margin-bottom:8px;line-height:1.6;font-size:0.9rem}
pre{background:var(--code-bg,#101828);color:#e2e8f0;border-radius:8px;padding:18px 22px;overflow-x:auto;margin:14px 0 22px;font-size:0.82rem;line-height:1.55}
code{font-family:'JetBrains Mono',monospace}
p code,li code,td code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:0.82rem;color:#b91c1c}
.note{background:#eff6ff;border-left:4px solid #2563eb;padding:14px 18px;border-radius:0 8px 8px 0;margin:16px 0;font-size:0.88rem}
.warning{background:#fffbeb;border-left:4px solid #f59e0b;padding:14px 18px;border-radius:0 8px 8px 0;margin:16px 0;font-size:0.88rem}
.tip{background:#f0fdf4;border-left:4px solid #059669;padding:14px 18px;border-radius:0 8px 8px 0;margin:16px 0;font-size:0.88rem}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:0.88rem}
th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line)}
th{background:#f8fafc;font-weight:600;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.3px;color:var(--muted)}
.toc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:20px 0 40px}
.toc-grid a{display:block;padding:10px 14px;background:var(--page,#f7f9fc);border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink-soft);font-size:0.82rem;font-weight:500;transition:all 0.15s}
.toc-grid a:hover{border-color:#2563eb;color:#2563eb}
.output-box{background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:14px 18px;margin:12px 0;font-family:'JetBrains Mono',monospace;font-size:0.76rem;line-height:1.6;overflow-x:auto}
</style>
</head><body>
<nav class="nav"><div class="container">
<a href="index.html" class="nav-logo">FunASR</a>
@@ -343,6 +320,6 @@ print(res[0]["text"])</pre>
<footer>
<p>FunASR &middot; Tongyi Lab, Alibaba Group</p>
<p><a href="index.html">Home</a> &middot; <a href="tutorial.html">Tutorial</a> &middot; <a href="model-registration.html">Develop</a> &middot; <a href="api.html">API</a> &middot; <a href="https://github.com/modelscope/FunASR">GitHub</a></p>
<p><a href="index.html">Home</a> &middot; <a href="tutorial.html">Tutorial</a> &middot; <a href="training.html">Training</a> &middot; <a href="model-registration.html">Develop</a> &middot; <a href="api.html">API</a> &middot; <a href="https://github.com/modelscope/FunASR">GitHub</a></p>
</footer>
</body></html>