# 设置页

搜索钉在顶部（过滤 + 标字）、账号、写入、AI 密钥、外观组、关于。

```html
<div style="padding:32px 16px 64px" class="xxd-read">
  <h1 class="xxd-text" data-variant="heading1" style="margin-bottom:16px">设置</h1>
  <div class="xxd-input-wrap" style="margin-bottom:20px"><i data-xxd-icon="Search" data-size="16"></i><input class="xxd-input" type="search" placeholder="搜索设置（⌘F）" aria-label="搜索设置"><button class="xxd-input-clear" aria-label="清空"><i data-xxd-icon="X" data-size="14"></i></button></div>
  <div class="xxd-settings">
    <section class="xxd-group"><h2 class="xxd-group__title">账号</h2><div class="xxd-group__body"><div class="xxd-account"><span class="xxd-avatar" style="--avatar-size:36px">东</span><div class="xxd-account__main"><div class="xxd-account__name">小小东</div><div class="xxd-plan-line">免费版 · 今天还能写入 3 篇</div></div><button class="xxd-btn" data-size="sm" data-variant="primary">开通会员</button></div></div></section>
    <section class="xxd-group"><h2 class="xxd-group__title">写入</h2><div class="xxd-group__body">
      <div class="xxd-row" data-keywords="标题 title"><div class="xxd-row__text"><div class="xxd-row__title">写入标题</div><div class="xxd-row__desc">第一行 # 标题作为文章标题</div></div><div class="xxd-row__control"><input type="checkbox" role="switch" class="xxd-switch" checked aria-label="写入标题"></div></div>
      <div class="xxd-row" data-keywords="标点 引号"><div class="xxd-row__text"><div class="xxd-row__title">智能标点</div></div><div class="xxd-row__control"><input type="checkbox" role="switch" class="xxd-switch" checked aria-label="智能标点"></div></div>
      <a class="xxd-row" href="#"><div class="xxd-row__text"><div class="xxd-row__title">本地图片文件夹</div><div class="xxd-row__desc">未连接</div></div></a>
    </div></section>
    <section class="xxd-group"><h2 class="xxd-group__title">AI 服务</h2><div class="xxd-group__body">
      <div class="xxd-row" data-stack><div class="xxd-row__text"><div class="xxd-row__title">API 密钥</div><div class="xxd-row__desc">只保存在这台电脑上</div></div><div class="xxd-input-group xxd-secret" data-xxd-secret><input type="password" value="sk_live_4f8a2c91d7e3b6a0" readonly aria-label="API 密钥"><button class="xxd-btn" data-variant="ghost" data-icon-only data-size="sm" data-secret-toggle aria-label="显示"><i data-xxd-icon="Eye" data-size="16"></i></button><button class="xxd-btn" data-variant="ghost" data-icon-only data-size="sm" data-secret-copy aria-label="复制"><i data-xxd-icon="Copy" data-size="16"></i></button></div></div>
    </div></section>
    <div id="tpl-appearance"></div>
    <section class="xxd-group"><h2 class="xxd-group__title">关于</h2><div class="xxd-group__body">
      <div class="xxd-row"><div class="xxd-row__text"><div class="xxd-row__title">版本</div></div><div class="xxd-row__control xxd-text" data-variant="mono-secondary">1.8.2</div></div>
      <a class="xxd-row" href="#"><div class="xxd-row__text"><div class="xxd-row__title">隐私政策</div></div></a>
    </div></section>
  </div>
</div>
<script>
  Xxd.mountAppearance(document.getElementById("tpl-appearance"), { languages: [{ value: "zh-CN", label: "简体中文" }, { value: "zh-Hant", label: "繁體中文" }, { value: "en", label: "English" }], language: "zh-CN" });
  Xxd.init(document);
  Xxd.bindSettingsSearch(document.querySelector('.xxd-input-wrap input'), document.querySelector('.xxd-settings'), { hotkey: false });
</script>
```