155 lines
8.4 KiB
HTML
155 lines
8.4 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>{{ app_name }} - 新手引导</title>
|
||
<link rel="icon" type="image/svg+xml" href="/static/favicon.svg?v=20260428h" />
|
||
<link rel="stylesheet" href="/static/style.css?v=20260428o" />
|
||
</head>
|
||
<body>
|
||
<div class="product-shell">
|
||
<aside class="side-nav" aria-label="主导航">
|
||
<div class="side-brand">
|
||
<div class="brand-lockup">
|
||
<img class="logo-mark" src="/static/favicon.svg?v=20260428h" alt="" />
|
||
<h1>{{ app_name }}</h1>
|
||
</div>
|
||
</div>
|
||
<nav class="nav-group">
|
||
<div class="nav-label">工作台</div>
|
||
<a class="nav-item" href="/">内容生产</a>
|
||
<a class="nav-item" href="/settings">账号与模型</a>
|
||
<a class="nav-item" href="/billing">账单中心</a>
|
||
<a class="nav-item" href="/upgrade">升级</a>
|
||
<a class="nav-item" href="/profile">个人中心</a>
|
||
<a class="nav-item is-active" href="/guide">新手引导</a>
|
||
</nav>
|
||
<div class="side-footer">首次配置 · 三分钟跑通</div>
|
||
</aside>
|
||
|
||
<div class="workspace">
|
||
<header class="topbar topbar-compact">
|
||
<div class="topbar-actions">
|
||
<span class="mode-badge global-mode-hint">当前模型模式：自由模型</span>
|
||
<a class="icon-btn" href="/" aria-label="返回工作台" title="返回工作台">⌂</a>
|
||
<a class="icon-btn" href="/upgrade" aria-label="升级" title="升级">★</a>
|
||
<a class="icon-btn" href="/profile" aria-label="个人中心" title="个人中心">☺</a>
|
||
<a class="icon-btn" href="/settings" aria-label="账号与模型设置" title="账号与模型设置">⚙</a>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="layout guide-layout">
|
||
<section class="panel guide-panel">
|
||
<div class="panel-scroll guide-scroll">
|
||
<section class="guide-hero">
|
||
<div>
|
||
<p class="guide-eyebrow">新手引导</p>
|
||
<h2>从空账号到第一篇公众号草稿</h2>
|
||
<p class="muted">按下面顺序完成配置、生成、检查和发布。每一步都对应当前项目里的真实页面和按钮。</p>
|
||
</div>
|
||
<div class="guide-hero-actions">
|
||
<a class="subtle-link" href="/settings">先去配置</a>
|
||
<a class="subtle-link" href="/">开始写作</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="guide-grid">
|
||
<article class="guide-card">
|
||
<div class="guide-step">01</div>
|
||
<h3>准备发布账号</h3>
|
||
<p>进入账号与模型设置，绑定公众号 AppID 和 Secret。草稿发布、封面上传、段落海报素材都会使用当前选中的发表主体。</p>
|
||
<p class="muted small">
|
||
不知道哪里查看 ID？可先阅读微信文档：
|
||
<a href="https://developers.weixin.qq.com/doc/oplatform/developers/product/subscription_service/appid.html" target="_blank" rel="noopener noreferrer">查看 AppID / AppSecret 获取说明</a>
|
||
</p>
|
||
<a href="/settings" class="guide-link">打开账号设置</a>
|
||
</article>
|
||
|
||
<article class="guide-card">
|
||
<div class="guide-step">02</div>
|
||
<h3>配置 API IP 白名单</h3>
|
||
<p>若第三方模型平台开启了 API IP 白名单，请先把当前服务器 IP 加入白名单，避免接口请求被拒绝。</p>
|
||
<button id="getServerIpBtn" class="guide-link" type="button">获取服务器IP</button>
|
||
</article>
|
||
|
||
<article class="guide-card">
|
||
<div class="guide-step">03</div>
|
||
<h3>配置 AI 模型</h3>
|
||
<p>保存模型名称、API Key、Base URL、超时秒数和输出 token 上限。未配置模型时将无法进行 AI 改写，请先完成模型配置。</p>
|
||
<a href="/settings#model-settings" class="guide-link">打开模型配置</a>
|
||
</article>
|
||
|
||
<article class="guide-card">
|
||
<div class="guide-step">04</div>
|
||
<h3>输入原文与策略</h3>
|
||
<p>在内容生产页粘贴原文，补充标题提示、目标读者、语气风格、必须保留观点和避免词汇。目标字数建议先从 500 或 800 开始。</p>
|
||
<a href="/" class="guide-link">进入写作输入</a>
|
||
</article>
|
||
|
||
<article class="guide-card">
|
||
<div class="guide-step">05</div>
|
||
<h3>生成并人工复核</h3>
|
||
<p>点击“改写并排版”后，检查标题、摘要、正文结构和排版预览。涉及事实、数据、引用和品牌表达时，发布前务必人工确认。</p>
|
||
<a href="/" class="guide-link">查看发布内容</a>
|
||
</article>
|
||
|
||
<article class="guide-card">
|
||
<div class="guide-step">06</div>
|
||
<h3>补齐封面和海报</h3>
|
||
<p>可按输出标题自动生成 900×383 公众号封面并绑定 thumb_media_id，也可以生成段落海报。勾选自动插入后，发布草稿时会把正文和海报一起编排。</p>
|
||
<a href="/" class="guide-link">处理内容素材</a>
|
||
</article>
|
||
|
||
<article class="guide-card">
|
||
<div class="guide-step">07</div>
|
||
<h3>发布到草稿箱</h3>
|
||
<p>确认发表主体无误后，点击“发布到公众号草稿箱”。需要团队同步时，再点击“发送到 IM”。草稿发布后仍建议在公众号后台最终预览。</p>
|
||
<a href="/" class="guide-link">回到发布动作</a>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="guide-checklist">
|
||
<div class="guide-section-head">
|
||
<h3>发布前检查</h3>
|
||
<p class="muted small">适合每次出稿前快速扫一遍。</p>
|
||
</div>
|
||
<div class="checklist-grid">
|
||
<label class="check-label"><input type="checkbox" />发表主体是目标公众号</label>
|
||
<label class="check-label"><input type="checkbox" />标题没有夸大或误导</label>
|
||
<label class="check-label"><input type="checkbox" />摘要能独立说明文章价值</label>
|
||
<label class="check-label"><input type="checkbox" />正文事实、数据、引用已核对</label>
|
||
<label class="check-label"><input type="checkbox" />封面或默认封面策略可接受</label>
|
||
<label class="check-label"><input type="checkbox" />段落海报插入位置符合预期</label>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="guide-faq">
|
||
<div class="guide-section-head">
|
||
<h3>常见问题</h3>
|
||
<p class="muted small">这些是新账号最常遇到的卡点。</p>
|
||
</div>
|
||
<details>
|
||
<summary>提示未绑定公众号怎么办？</summary>
|
||
<p>进入账号与模型设置，新增公众号并设为当前账号。绑定后回到内容生产页，顶部发表主体会显示当前账号。</p>
|
||
</details>
|
||
<details>
|
||
<summary>模型不可用或生成失败怎么办？</summary>
|
||
<p>检查 API Key、Base URL、模型名、超时秒数和输出 token 上限。第三方兼容接口通常需要填写完整 Base URL。</p>
|
||
</details>
|
||
<details>
|
||
<summary>发布成功后在哪里继续编辑？</summary>
|
||
<p>内容会进入公众号草稿箱。最终标题、封面、排版和群发前预览，建议在公众号后台完成最后确认。</p>
|
||
</details>
|
||
</section>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
</div>
|
||
</div>
|
||
<script src="/static/ui-dialog.js?v=20260428a"></script>
|
||
<script src="/static/mode-hint.js?v=20260428a"></script>
|
||
<script src="/static/guide.js?v=20260428a"></script>
|
||
</body>
|
||
</html>
|