feat:完成微信公众号的自动化工具

2026-04-01 14:21:10 +08:00
commit 124a5f0192
16 changed files with 675 additions and 0 deletions
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -0,0 +1,68 @@
+<!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="stylesheet" href="/static/style.css" />
+  </head>
+  <body>
+    <main class="layout">
+      <section class="panel input-panel">
+        <h1>{{ app_name }}</h1>
+        <p class="muted">粘贴 X 上的优质内容，生成公众号可发布版本，并支持同步到 IM。</p>
+
+        <label>原始内容</label>
+        <textarea id="sourceText" rows="14" placeholder="粘贴 X 长文/线程内容..."></textarea>
+
+        <div class="grid2">
+          <div>
+            <label>标题提示</label>
+            <input id="titleHint" type="text" placeholder="如：AI Agent 商业化路径" />
+          </div>
+          <div>
+            <label>目标读者</label>
+            <input id="audience" type="text" value="公众号运营者/产品经理" />
+          </div>
+        </div>
+
+        <div class="grid2">
+          <div>
+            <label>语气风格</label>
+            <input id="tone" type="text" value="专业、有观点、口语自然" />
+          </div>
+          <div>
+            <label>避免词汇</label>
+            <input id="avoidWords" type="text" placeholder="如：颠覆、闭环、赋能" />
+          </div>
+        </div>
+
+        <label>必须保留观点</label>
+        <input id="keepPoints" type="text" placeholder="逗号分隔" />
+
+        <button id="rewriteBtn" class="primary">AI 改写</button>
+        <p id="status" class="status"></p>
+      </section>
+
+      <section class="panel output-panel">
+        <h2>发布内容</h2>
+
+        <label>标题</label>
+        <input id="title" type="text" />
+
+        <label>摘要</label>
+        <textarea id="summary" rows="3"></textarea>
+
+        <label>Markdown 正文</label>
+        <textarea id="body" rows="16"></textarea>
+
+        <div class="actions">
+          <button id="wechatBtn">发布到公众号草稿箱</button>
+          <button id="imBtn">发送到 IM</button>
+        </div>
+      </section>
+    </main>
+
+    <script src="/static/app.js"></script>
+  </body>
+</html>