223 lines
13 KiB
HTML
223 lines
13 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>小红书自动评论助手</title>
|
|
<link rel="stylesheet" href="sidepanel.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<h1>🤖 小红书自动评论助手</h1>
|
|
</div>
|
|
|
|
<div class="auth-section">
|
|
<div class="auth-status-row">
|
|
<span class="auth-badge" id="auth-badge">…</span>
|
|
<span class="auth-detail" id="auth-detail">正在检查授权状态…</span>
|
|
</div>
|
|
<div class="auth-actions">
|
|
<input type="text" id="card-key-input" class="card-key-input" placeholder="输入卡密，如 CA-XXXX-XXXX" />
|
|
<button id="activate-btn" class="activate-btn">激活</button>
|
|
<button id="buy-btn" class="buy-btn">购买授权</button>
|
|
</div>
|
|
<div class="coupon-bar" id="coupon-bar" hidden>
|
|
<span class="coupon-text">⏰ 试用到期限时优惠：码 <b id="coupon-code">XHS24H</b> · <span id="coupon-percent">8 折</span> · 剩余 <b id="coupon-left">--:--:--</b></span>
|
|
<button type="button" id="coupon-copy-btn" class="coupon-copy-btn">复制</button>
|
|
</div>
|
|
<div class="pay-select-row" id="pay-select-row" hidden>
|
|
<span class="pay-select-label">选择支付方式：</span>
|
|
<button class="pay-btn" data-pay="alipay">支付宝</button>
|
|
<button class="pay-btn" data-pay="wxpay">微信</button>
|
|
<button class="pay-btn pay-cancel" id="pay-cancel-btn">取消</button>
|
|
</div>
|
|
<div class="order-status" id="order-status"></div>
|
|
<div class="announcement-box" id="announcement-box" hidden>
|
|
<div class="announcement-title">📢 公告</div>
|
|
<div id="announcement-list"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="search-section">
|
|
<div class="search-form">
|
|
<input type="text" id="keyword-input" placeholder="输入关键词搜索小红书..." />
|
|
<button id="search-btn">🔍 搜索</button>
|
|
</div>
|
|
<div class="region-row">
|
|
<label for="region-select">📍 按地区</label>
|
|
<select id="region-select">
|
|
<option value="">不限地区</option>
|
|
<option value="北京">北京</option>
|
|
<option value="上海">上海</option>
|
|
<option value="广州">广州</option>
|
|
<option value="深圳">深圳</option>
|
|
<option value="杭州">杭州</option>
|
|
<option value="成都">成都</option>
|
|
<option value="重庆">重庆</option>
|
|
<option value="武汉">武汉</option>
|
|
<option value="西安">西安</option>
|
|
<option value="南京">南京</option>
|
|
<option value="天津">天津</option>
|
|
<option value="苏州">苏州</option>
|
|
<option value="长沙">长沙</option>
|
|
<option value="郑州">郑州</option>
|
|
<option value="青岛">青岛</option>
|
|
<option value="厦门">厦门</option>
|
|
<option value="昆明">昆明</option>
|
|
<option value="沈阳">沈阳</option>
|
|
<option value="__custom__">自定义…</option>
|
|
</select>
|
|
</div>
|
|
<input type="text" id="region-custom" class="region-custom-input" placeholder="输入自定义地区，如 杭州西湖区" hidden />
|
|
<small class="region-hint">选择地区后会自动拼进搜索关键词（如「咖啡 上海」），选择会自动保存</small>
|
|
<div class="action-status-row">
|
|
<span id="action-status" class="action-status"></span>
|
|
</div>
|
|
<div class="auto-click-controls">
|
|
<button id="auto-click-btn" class="auto-click-btn" title="在当前页面自动点击笔记">
|
|
🤖 自动点击笔记
|
|
</button>
|
|
<button id="test-detection-btn" class="test-btn" title="测试页面元素检测">
|
|
🧪 测试元素检测
|
|
</button>
|
|
<div class="click-mode-selector">
|
|
<label>
|
|
<input type="checkbox" id="expand-content" checked>
|
|
展开笔记内容
|
|
</label>
|
|
<small>勾选后会在点击笔记时展开内容，取消勾选则只简单点击</small>
|
|
</div>
|
|
<div class="delay-config">
|
|
<label class="delay-label">⏱️ 评论间隔（每条评论之间随机等待）</label>
|
|
<div class="delay-inputs">
|
|
<input type="number" id="delay-min" class="delay-input" min="0" step="0.1" placeholder="最小 1">
|
|
<span class="delay-sep">~</span>
|
|
<input type="number" id="delay-max" class="delay-input" min="0" step="0.1" placeholder="最大 2">
|
|
<span class="delay-unit">分钟</span>
|
|
</div>
|
|
<small>在最小~最大之间随机取值，模拟真人节奏（如填 1 和 2 = 每篇随机等 1~2 分钟）；填 0 则不等待</small>
|
|
</div>
|
|
<div class="mode-selector">
|
|
<div class="mode-label">评论方式</div>
|
|
<div class="mode-options">
|
|
<label class="mode-option" for="mode-custom">
|
|
<input type="radio" name="comment-mode" id="mode-custom" value="custom">
|
|
<span>固定评论池</span>
|
|
</label>
|
|
<label class="mode-option" for="mode-text">
|
|
<input type="radio" name="comment-mode" id="mode-text" value="text">
|
|
<span>自定义文字</span>
|
|
</label>
|
|
<label class="mode-option" for="mode-ai">
|
|
<input type="radio" name="comment-mode" id="mode-ai" value="ai">
|
|
<span>AI 按笔记生成</span>
|
|
</label>
|
|
</div>
|
|
<small id="mode-hint">固定评论池 = 循环发预设短评；AI = 按每篇笔记内容生成</small>
|
|
</div>
|
|
<div class="text-comment-config" id="text-comment-panel">
|
|
<label for="user-comments">自定义文字回复（一行一条，按顺序循环发送）</label>
|
|
<textarea id="user-comments" class="prompt-textarea" rows="5" placeholder="每行输入一条评论，例如： 这个宝藏笔记必须赞 收藏了，周末就去打卡"></textarea>
|
|
<div class="prompt-actions">
|
|
<button id="save-user-comments-btn" class="save-prompt-btn">保存文字库</button>
|
|
<span id="user-comments-count" class="panel-count"></span>
|
|
</div>
|
|
<small>改动即时保存已打开的小红书页面；一行一条，发完最后一条从头开始循环</small>
|
|
</div>
|
|
<a class="ai-key-guide" href="https://ai.88531.cn" target="_blank" rel="noopener" title="点击前往 ai.88531.cn 免费获取模型 KEY">
|
|
🔑 还没有模型KEY？<span class="ai-key-guide-cta">免费获取模型KEY</span> → ai.88531.cn
|
|
</a>
|
|
<div class="comment-config">
|
|
<label>
|
|
AI评论生成（自定义模型）:
|
|
<div class="ai-config">
|
|
<input type="text" id="api-key" placeholder="API密钥" class="api-key-input">
|
|
</div>
|
|
<div class="ai-config">
|
|
<input type="text" id="api-base-url" placeholder="API地址，如 https://ai.88531.cn/v1" class="api-key-input">
|
|
</div>
|
|
<div class="ai-config">
|
|
<input type="text" id="model-name" placeholder="模型名，如 mimo-v2.6-flash" class="api-key-input">
|
|
<button id="test-ai-btn" class="test-ai-btn">测试AI</button>
|
|
</div>
|
|
<div class="test-result-row">
|
|
<span id="test-ai-result" class="test-ai-result"></span>
|
|
</div>
|
|
</label>
|
|
<small>任意 OpenAI 兼容接口均可（地址 + 模型名 + 密钥），改动即时保存</small>
|
|
<div class="ai-status" id="ai-status">
|
|
<span class="status-indicator">🔴</span>
|
|
<span class="status-text">未配置API密钥</span>
|
|
</div>
|
|
</div>
|
|
<div class="prompt-config">
|
|
<label for="ai-prompt">AI 提示词（使用 {{content}} 作为笔记内容占位符）</label>
|
|
<textarea id="ai-prompt" class="prompt-textarea" rows="6" placeholder="输入用于生成评论的提示词..."></textarea>
|
|
<div class="prompt-actions">
|
|
<button id="save-prompt-btn" class="save-prompt-btn">保存提示词</button>
|
|
<button id="reset-prompt-btn" class="reset-prompt-btn">恢复默认</button>
|
|
</div>
|
|
<small>示例：根据笔记内容生成引流评论...\\n笔记内容：{{content}}</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="log-section">
|
|
<div class="log-header">
|
|
<h3>📊 评论记录</h3>
|
|
<button id="refresh-log-btn" class="log-refresh-btn" title="刷新记录">刷新</button>
|
|
</div>
|
|
<div class="log-stats">
|
|
<span class="log-stat"><strong id="stat-today">0</strong> 今日</span>
|
|
<span class="log-stat"><strong id="stat-month">0</strong> 本月</span>
|
|
<span class="log-stat"><strong id="stat-total">0</strong> 总计</span>
|
|
</div>
|
|
<div id="log-list" class="log-list">
|
|
<div class="log-empty">暂无评论记录，成功评论后会自动出现在这里</div>
|
|
</div>
|
|
<small class="log-note">仅显示最近 100 条（最多保留 300 条），点击记录可直接打开对应笔记</small>
|
|
</div>
|
|
|
|
<div class="info-section">
|
|
<div class="info-content">
|
|
<h3>📋 功能说明</h3>
|
|
<ul>
|
|
<li>🔍 <strong>搜索功能</strong>：输入关键词自动搜索小红书内容</li>
|
|
<li>📍 <strong>地区筛选</strong>：选择地区自动拼进关键词，按地区限定搜索结果</li>
|
|
<li>🤖 <strong>自动点击</strong>：自动点击每篇笔记并发表评论</li>
|
|
<li>🧪 <strong>元素检测</strong>：测试页面元素是否被正确识别</li>
|
|
<li>💬 <strong>评论配置</strong>：自定义模型生成评论内容</li>
|
|
<li>📝 <strong>自定义文字</strong>：自己写文字库，循环发送</li>
|
|
<li>📊 <strong>评论记录</strong>：今日/本月/总计统计，点击记录直达笔记</li>
|
|
</ul>
|
|
|
|
<h3>⚡ 使用方法</h3>
|
|
<ol>
|
|
<li>点击工具栏图标打开右侧侧边栏</li>
|
|
<li>在小红书页面输入搜索关键词</li>
|
|
<li>点击"🔍 搜索"开始自动操作</li>
|
|
<li>或直接点击"🤖 自动点击笔记"</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<div class="version-info">
|
|
<span>版本: 1.7.9</span>
|
|
<span>侧边栏常驻 · 专注于自动评论</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="latest-version-bar">
|
|
<a class="latest-version-btn" href="https://dl.88531.cn/xhs.html" target="_blank" rel="noopener" title="点击前往下载最新版本">
|
|
⬇️ 获取最新版本
|
|
</a>
|
|
<div class="latest-version-tip">版本更新 / 下载安装包请认准官方地址 dl.88531.cn</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="sidepanel.js"></script>
|
|
</body>
|
|
</html>
|