docs(site): consolidate landing page and add macOS download

Publish one bilingual download surface with clearly separated iPhone/iPad App Store and notarized Mac DMG actions.
This commit is contained in:
Rocky
2026-07-30 00:56:50 +08:00
parent 8933e996e4
commit 2d5d3cc450
12 changed files with 212 additions and 661 deletions
+6 -121
View File
@@ -3,128 +3,13 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mac 全局听写 · OSGKeyboard Option 按住说话</title>
<meta name="description" content="OSGKeyboard Mac 全局听写:菜单栏常驻,按住 Option 开口,文字插入当前 App。本地识别可选,BYOK 润色,底部浮层实时反馈。">
<meta name="keywords" content="Mac 听写, Mac 语音输入, Option 听写, 全局语音输入, OSGKeyboard Mac, 开源 Mac dictation">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://hkgood.github.io/OSGKeyboard/mac-dictation/">
<link rel="icon" href="../assets/app-icon.png" type="image/png">
<meta property="og:title" content="Mac 全局听写 · OSGKeyboard">
<meta property="og:description" content="按住 Option,在任意 Mac App 开口落字。开源、可本地、BYOK。">
<meta property="og:url" content="https://hkgood.github.io/OSGKeyboard/mac-dictation/">
<meta property="og:image" content="https://hkgood.github.io/OSGKeyboard/assets/screenshots/zh/dark/mac-dashboard.png">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "TechArticle",
"headline": "OSGKeyboard Mac global dictation — hold Option to speak",
"description": "Menu-bar Mac app with Option-hold global dictation, on-device ASR options, BYOK polish, and a floating live overlay.",
"author": { "@type": "Organization", "name": "OSGKeyboard" },
"dateModified": "2026-07-29"
}
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../assets/site-pages.css">
<title>Redirecting · OSGKeyboard</title>
<meta name="robots" content="noindex">
<link rel="canonical" href="https://hkgood.github.io/OSGKeyboard/">
<meta http-equiv="refresh" content="0; url=../">
<script>location.replace("../");</script>
</head>
<body>
<header class="nav">
<div class="nav-inner">
<a class="brand" href="../">
<img src="../assets/app-icon.png" alt="" width="28" height="28">
OSGKeyboard
</a>
<nav class="nav-links" aria-label="主导航">
<a href="../">首页</a>
<a href="../install/">安装</a>
<a href="../compare/">对比</a>
<a href="../en/">EN</a>
</nav>
</div>
</header>
<main>
<div class="wrap">
<p class="lang-switch"><a href="#zh">中文</a><a href="#en">English</a></p>
<section id="zh">
<p class="eyebrow">macOS</p>
<h1>Mac 全局听写:按住 Option,开口即字</h1>
<p class="lead">OSGKeyboard 在 Mac 上是菜单栏应用。光标在哪个 App,文字就落到哪——邮件、浏览器、IDE、备忘录都行。</p>
<a class="store-badge" href="https://apps.apple.com/cn/app/osgkeyboard/id6781553267" rel="noopener">
<img src="../assets/badges/appstore-zh.svg" width="109" height="40" alt="在 App Store 下载">
</a>
<h2>怎么用</h2>
<ol>
<li>从 App Store 安装并启动 OSGKeyboardMac)。</li>
<li>授予 <strong>麦克风</strong><strong>辅助功能</strong></li>
<li>把光标放到任意可输入处,<strong>按住 Option</strong> 说话,松开后插入润色/转写结果。</li>
</ol>
<h2>体验要点</h2>
<div class="card">
<ul>
<li><strong>底部胶囊浮层</strong> — 录音与状态实时反馈,不抢焦点。</li>
<li><strong>本地模型可选</strong> — SenseVoice / Qwen3 等路径,音频默认不必上云。</li>
<li><strong>BYOK 润色</strong> — 用你已有的 LLM 额度整理标点与结构。</li>
<li><strong>与 iOS 同源产品语言</strong> — 词库与习惯可跨端延续(可选 iCloud)。</li>
</ul>
</div>
<h2>适合谁</h2>
<p>写代码注释、回邮件、记会议要点、在 Cursor / Notion 里口述长文——任何「手慢嘴快」的时刻。若你也需要手机端,同一 App 提供 iOS 自定义键盘,见 <a href="../install/">安装指南</a></p>
<div class="cta-row">
<a class="btn btn-primary" href="../install/#zh">去安装</a>
<a class="btn" href="../compare/">和其他工具对比</a>
</div>
</section>
<hr style="border:none;border-top:1px solid var(--line);margin:3rem 0">
<section id="en">
<p class="eyebrow">macOS</p>
<h1>Mac global dictation: hold Option to speak</h1>
<p class="lead">OSGKeyboard on Mac is a menu-bar app. Wherever the cursor is — Mail, browser, IDE, Notes — polished text lands there.</p>
<a class="store-badge" href="https://apps.apple.com/app/osgkeyboard/id6781553267" rel="noopener">
<img src="../assets/badges/appstore-en.svg" width="120" height="40" alt="Download on the App Store">
</a>
<h2>How to use it</h2>
<ol>
<li>Install OSGKeyboard from the App Store and launch the Mac app.</li>
<li>Grant <strong>Microphone</strong> and <strong>Accessibility</strong>.</li>
<li>Focus any text field, <strong>hold Option</strong> while speaking, release to insert.</li>
</ol>
<h2>What you get</h2>
<div class="card">
<ul>
<li><strong>Floating pill overlay</strong> — live feedback without stealing focus.</li>
<li><strong>Optional local models</strong> — SenseVoice / Qwen3 paths; audio need not leave the device by default.</li>
<li><strong>BYOK polish</strong> — reuse LLM credits you already pay for.</li>
<li><strong>Same product language as iOS</strong> — optional iCloud dictionary continuity.</li>
</ul>
</div>
<p>Also need the phone? The same app ships an iOS custom keyboard — see the <a href="../install/#en">install guide</a>.</p>
</section>
</div>
</main>
<footer>
<div class="footer-inner">
<span>© OSGKeyboard</span>
<span class="footer-links">
<a href="../">Home</a>
<a href="../privacy/">Privacy</a>
<a href="https://github.com/hkgood/OSGKeyboard" rel="noopener">GitHub</a>
</span>
</div>
</footer>
<p><a href="../">OSGKeyboard</a></p>
</body>
</html>