feat: 集成 SearXNG 元搜索引擎，支持 JSON API 搜索替代四引擎 HTML 解析
- 新增 SearXNG 配置模态框，支持 API 地址、引擎列表、语言、安全搜索等参数
- 顶部添加独立 🔍 搜索按钮，带启用状态小绿点
- 启用后 web_search 走 SearXNG JSON API（70+ 引擎聚合）
- 禁用时回退原有 Bing+百度+搜狗+360 四引擎 HTML 解析方案
- 认证 Key 通过 HTTP Header Authorization: Bearer 传递，非必填
- 配置持久化到 SQLite settings 表
This commit is contained in:
thzxx
@@ -72,6 +72,12 @@
|
||||
<circle cx="12" cy="12" r="3"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button class="icon-btn searxng-btn" id="btnSearxng" title="SearXNG 搜索配置">
|
||||
<span class="searxng-icon-dot" id="searxngIconDot"></span>
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@@ -699,6 +705,100 @@
|
||||
<!-- ═══════════════ Toast 通知容器 ═══════════════ -->
|
||||
<div class="toast-container" id="toastContainer"></div>
|
||||
|
||||
<!-- ═══════════════ SearXNG 配置模态框 ═══════════════ -->
|
||||
<div class="modal-overlay" id="searxngModal" style="display:none;">
|
||||
<div class="modal" style="max-width:640px;">
|
||||
<div class="modal-header">
|
||||
<h3>🔍 SearXNG 元搜索引擎</h3>
|
||||
<button class="icon-btn" id="btnCloseSearxng">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="setting-group">
|
||||
<label class="setting-label">
|
||||
<span class="searxng-badge" id="searxngBadge">⚪ 未启用</span>
|
||||
<label class="toggle-label" style="margin-left:auto;display:inline-flex;">
|
||||
<input type="checkbox" id="toggleSearxngEnabled">
|
||||
<span class="toggle-slider"></span>
|
||||
</label>
|
||||
</label>
|
||||
<p class="text-muted" style="font-size:11px;margin-top:4px;">
|
||||
启用后，联网搜索将使用 SearXNG 元搜索引擎（隐私保护、70+ 引擎聚合），替代内置的四引擎 HTML 解析方案。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="setting-group">
|
||||
<label class="setting-label">SearXNG API 地址</label>
|
||||
<input class="setting-input" id="searxngUrl" type="url" placeholder="https://search.metona.cn" style="margin-bottom:6px;">
|
||||
<p class="text-muted" style="font-size:11px;">SearXNG 实例的根地址，无需带 /search 路径</p>
|
||||
</div>
|
||||
|
||||
<div class="setting-group">
|
||||
<label class="setting-label">搜索引擎</label>
|
||||
<input class="setting-input" id="searxngEngines" type="text" placeholder="google,bing,duckduckgo,wikipedia" style="margin-bottom:6px;">
|
||||
<p class="text-muted" style="font-size:11px;">逗号分隔的引擎列表。常用: google, bing, duckduckgo, wikipedia, brave, qwant, startpage</p>
|
||||
</div>
|
||||
|
||||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;">
|
||||
<div class="setting-group">
|
||||
<label class="setting-label">语言</label>
|
||||
<select class="setting-input" id="searxngLanguage" style="margin-bottom:0;">
|
||||
<option value="zh-CN">简体中文</option>
|
||||
<option value="zh-TW">繁體中文</option>
|
||||
<option value="en">English</option>
|
||||
<option value="ja">日本語</option>
|
||||
<option value="ko">한국어</option>
|
||||
<option value="">自动检测</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="setting-group">
|
||||
<label class="setting-label">安全搜索</label>
|
||||
<select class="setting-input" id="searxngSafeSearch" style="margin-bottom:0;">
|
||||
<option value="0">关闭</option>
|
||||
<option value="1">中等</option>
|
||||
<option value="2">严格</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="setting-group">
|
||||
<label class="setting-label">时间范围</label>
|
||||
<select class="setting-input" id="searxngTimeRange" style="margin-bottom:0;">
|
||||
<option value="">不限</option>
|
||||
<option value="day">最近一天</option>
|
||||
<option value="week">最近一周</option>
|
||||
<option value="month">最近一月</option>
|
||||
<option value="year">最近一年</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="setting-group">
|
||||
<label class="setting-label">单次结果数</label>
|
||||
<input class="setting-input" id="searxngMaxResults" type="number" min="1" max="50" step="1" value="20" style="margin-bottom:0;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="setting-group">
|
||||
<label class="setting-label">🔑 认证 Key（非必填）</label>
|
||||
<input class="setting-input" id="searxngAuthKey" type="password" placeholder="留空则不发送认证" style="margin-bottom:6px;">
|
||||
<p class="text-muted" style="font-size:11px;">SearXNG 实例的 API 认证密钥，通过 HTTP Header <code>Authorization: Bearer xxx</code> 传递。需配合 Nginx 反向代理验证</p>
|
||||
</div>
|
||||
|
||||
<div class="modal-actions">
|
||||
<div style="flex:1;"></div>
|
||||
<button class="btn btn-primary" id="btnSaveSearxng">💾 保存配置</button>
|
||||
</div>
|
||||
|
||||
<div style="margin-top:16px;padding:12px;background:var(--bg-layer);border-radius:var(--radius-md);">
|
||||
<p style="font-size:11px;color:var(--text-secondary);margin:0;">
|
||||
💡 <strong>提示：</strong>SearXNG 是开源元搜索引擎，不追踪用户、不记录隐私。
|
||||
需要自行部署或使用公共实例。API 端点格式：<code>{{URL}}/search?q={{query}}&format=json</code>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ═══════════════ 应用入口 ════════════════ -->
|
||||
<script type="module" src="./main.ts"></script>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user