<!DOCTYPE html><html lang="zh"><head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>SearxNG 深度研究报告 | 隐私搜索的终极形态与自托管革命</title>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""/>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"/>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
<!-- Chart.js -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
'serif': ['Playfair Display', 'serif'],
'sans': ['Inter', 'sans-serif'],
},
colors: {
primary: '#1e293b',
secondary: '#475569',
accent: '#3b82f6',
muted: '#64748b',
surface: '#f8fafc',
border: '#e2e8f0'
}
}
}
}
</script>
<style>
.hero-gradient {
background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
}
.text-shadow {
text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.prose-custom {
line-height: 1.75;
font-size: 1.1rem;
}
.prose-custom h1 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1.5rem; }
.prose-custom h2 { font-size: 2rem; font-weight: 600; margin: 2.5rem 0 1.5rem 0; }
.prose-custom h3 { font-size: 1.5rem; font-weight: 600; margin: 2rem 0 1rem 0; }
.prose-custom h4 { font-size: 1.25rem; font-weight: 500; margin: 1.5rem 0 0.75rem 0; }
.toc-fixed {
position: fixed;
top: 0;
left: 0;
width: 280px;
height: 100vh;
background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
border-right: 1px solid #e2e8f0;
overflow-y: auto;
z-index: 50;
padding: 2rem 1.5rem;
}
.main-content {
margin-left: 280px;
min-height: 100vh;
}
.toc-link {
display: block;
padding: 0.5rem 0;
color: #475569;
text-decoration: none;
border-left: 2px solid transparent;
padding-left: 1rem;
transition: all 0.2s ease;
}
.toc-link:hover,
.toc-link.active {
color: #3b82f6;
border-left-color: #3b82f6;
background: rgba(59, 130, 246, 0.05);
}
.toc-link.level-2 {
padding-left: 1.5rem;
font-size: 0.9rem;
}
.toc-link.level-3 {
padding-left: 2rem;
font-size: 0.85rem;
color: #64748b;
}
<span class="mention-invalid">@media</span> (max-width: 1024px) {
.toc-fixed {
display: none;
}
.main-content {
margin-left: 0;
}
}
.citation {
color: #3b82f6;
text-decoration: none;
font-weight: 500;
cursor: pointer;
transition: color 0.2s ease;
}
.citation:hover {
color: #1d4ed8;
text-decoration: underline;
}
.comparison-grid {
background: linear-gradient(45deg, #f8fafc 0%, #f1f5f9 100%);
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 2rem;
margin: 2rem 0;
}
.feature-card {
background: white;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 2rem;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.feature-card:hover {
transform: translateY(-2px);
box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1);
}
.bento-grid {
display: grid;
grid-template-columns: 2fr 1fr;
grid-template-rows: auto auto;
gap: 2rem;
margin: 2rem 0;
}
.bento-item {
background: white;
border-radius: 16px;
padding: 2rem;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.bento-item.main {
grid-row: span 2;
}
<span class="mention-invalid">@media</span> (max-width: 768px) {
.bento-grid {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
}
.bento-item.main {
grid-row: span 1;
}
}
</style>
<base target="_blank">
</head>
<body class="bg-surface font-sans text-primary">
<!-- Fixed Table of Contents -->
<nav class="toc-fixed">
<div class="mb-8">
<h3 class="font-serif font-bold text-lg mb-4">目录导航</h3>
<a href="#executive-summary" class="toc-link">执行摘要</a>
<a href="#core-positioning" class="toc-link">核心定位</a>
<a href="#project-definition" class="toc-link level-2">项目定义与演进</a>
<a href="#technical-principles" class="toc-link level-2">技术原理</a>
<a href="#design-concept" class="toc-link level-2">设计理念</a>
<a href="#core-features" class="toc-link">核心功能特性</a>
<a href="#privacy-protection" class="toc-link level-2">隐私保护体系</a>
<a href="#search-capabilities" class="toc-link level-2">搜索能力配置</a>
<a href="#interface-customization" class="toc-link level-2">界面体验定制</a>
<a href="#deployment-architecture" class="toc-link">部署架构</a>
<a href="#deployment-modes" class="toc-link level-2">部署模式选择</a>
<a href="#containerized-deployment" class="toc-link level-2">容器化部署</a>
<a href="#configuration-management" class="toc-link level-2">配置管理</a>
<a href="#comparative-analysis" class="toc-link">对比分析</a>
<a href="#privacy-comparison" class="toc-link level-2">隐私维度对比</a>
<a href="#feature-comparison" class="toc-link level-2">功能特性对比</a>
<a href="#advantages-limitations" class="toc-link">优势与局限</a>
<a href="#conclusion" class="toc-link">结论与展望</a>
</div>
</nav>
<!-- Main Content -->
<main class="main-content">
<!-- Hero Section with Bento Layout -->
<section class="hero-gradient text-white py-16 px-8">
<div class="max-w-6xl mx-auto">
<div class="bento-grid">
<!-- Main Hero Content -->
<div class="bento-item main bg-white/10 backdrop-blur-sm border border-white/20">
<div class="mb-6">
<span class="inline-block bg-accent/20 text-accent px-4 py-2 rounded-full text-sm font-medium mb-4">
<i class="fas fa-shield-alt mr-2"></i>隐私搜索研究报告
</span>
<h1 class="font-serif text-4xl md:text-5xl font-bold leading-tight text-shadow mb-6">
<em>SearxNG</em>
<br/>
隐私搜索的终极形态
<br/>
与自托管革命
</h1>
<p class="text-xl text-gray-200 mb-8 leading-relaxed">
深度解析开源元搜索引擎的技术架构、隐私保护机制与部署实践，
探索数据主权时代的搜索基础设施新范式
</p>
</div>
<div class="grid grid-cols-3 gap-6 text-center">
<div class="bg-white/5 rounded-lg p-4">
<div class="text-2xl font-bold">70+</div>
<div class="text-sm opacity-80">搜索引擎聚合</div>
</div>
<div class="bg-white/5 rounded-lg p-4">
<div class="text-2xl font-bold">24.5k</div>
<div class="text-sm opacity-80">GitHub Stars</div>
</div>
<div class="bg-white/5 rounded-lg p-4">
<div class="text-2xl font-bold">零</div>
<div class="text-sm opacity-80">数据收集</div>
</div>
</div>
</div>
<!-- Key Highlights -->
<div class="bento-item bg-white/10 backdrop-blur-sm border border-white/20">
<h3 class="font-serif text-xl font-semibold mb-4">核心优势</h3>
<ul class="space-y-3">
<li class="flex items-center">
<i class="fas fa-check-circle text-accent mr-3"></i>
<span>零数据收集架构</span>
</li>
<li class="flex items-center">
<i class="fas fa-check-circle text-accent mr-3"></i>
<span>完全用户可控</span>
</li>
<li class="flex items-center">
<i class="fas fa-check-circle text-accent mr-3"></i>
<span>代码可审计</span>
</li>
</ul>
</div>
<!-- Deployment Options -->
<div class="bento-item bg-white/10 backdrop-blur-sm border border-white/20">
<h3 class="font-serif text-xl font-semibold mb-4">部署方式</h3>
<div class="space-y-4">
<div class="flex justify-between items-center">
<span>公共实例</span>
<span class="text-sm bg-green-500/20 px-2 py-1 rounded">即用</span>
</div>
<div class="flex justify-between items-center">
<span>Docker部署</span>
<span class="text-sm bg-yellow-500/20 px-2 py-1 rounded">推荐</span>
</div>
<div class="flex justify-between items-center">
<span>Kubernetes</span>
<span class="text-sm bg-red-500/20 px-2 py-1 rounded">企业</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Executive Summary -->
<section id="executive-summary" class="py-16 px-8 bg-white">
<div class="max-w-4xl mx-auto">
<h2 class="font-serif text-3xl font-bold mb-8 text-center">执行摘要</h2>
<div class="feature-card mb-12">
<div class="flex items-start space-x-6">
<div class="bg-accent/10 rounded-full p-4 flex-shrink-0">
<i class="fas fa-search text-accent text-2xl"></i>
</div>
<div>
<h3 class="font-serif text-xl font-semibold mb-4">核心发现</h3>
<p class="prose-custom text-secondary">
SearxNG作为开源元搜索引擎，通过聚合70+搜索引擎实现了<strong>"搜索而不被追踪"</strong>的隐私保护目标。
其零数据收集架构、完全用户可控和代码可审计性构成了独特的竞争优势。
</p>
</div>
</div>
</div>
<div class="grid md:grid-cols-2 gap-8 mb-12">
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4 text-accent">技术突破</h4>
<ul class="space-y-2 text-secondary">
<li>• 并行聚合搜索架构，毫秒级协调数十个API调用</li>
<li>• 四层纵深防护体系，彻底阻断追踪机制</li>
<li>• 动态引擎池管理，支持80+搜索引擎实时调度</li>
<li>• 完全透明的排序算法，用户可精确控制参数</li>
</ul>
</div>
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4 text-accent">部署创新</h4>
<ul class="space-y-2 text-secondary">
<li>• Docker官方镜像，Compose编排简化部署</li>
<li>• 树莓派4B即可支持个人使用场景</li>
<li>• 企业级多实例负载均衡架构</li>
<li>• 完整的API接口，支持AI代理集成</li>
</ul>
</div>
</div>
<div class="bg-accent/5 rounded-xl p-8 border-l-4 border-accent">
<h4 class="font-serif text-lg font-semibold mb-4">战略意义</h4>
<p class="prose-custom text-secondary">
SearxNG代表了搜索基础设施的去中心化趋势，在GDPR、个人信息保护法等数据合规要求日益严格的背景下，
为技术用户、隐私极客和企业组织提供了<strong>数据主权</strong>的可行路径。
虽然需要权衡部署复杂度与聚合延迟，但其深度定制自由和基础设施控制在隐私搜索引擎领域具有独特价值。
</p>
</div>
</div>
</section>
<!-- Core Positioning -->
<section id="core-positioning" class="py-16 px-8 bg-surface">
<div class="max-w-6xl mx-auto">
<h2 class="font-serif text-3xl font-bold mb-12 text-center">核心定位与基本概念</h2>
<!-- Project Definition -->
<div id="project-definition" class="mb-16">
<h3 class="font-serif text-2xl font-semibold mb-8">项目定义与演进历程</h3>
<div class="grid lg:grid-cols-2 gap-8 mb-12">
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4">Searx起源</h4>
<p class="prose-custom text-secondary mb-4">
Searx诞生于2014年前后，作为对斯诺登事件后全球数字监控关注的直接技术回应。
采用<strong>AGPL-3.0许可证</strong>发布，确保代码完全透明性和社区共享
<a href="https://trackboxx.com/en/search-engine-alternatives-google/" class="citation">[87]</a>
<a href="https://brave2049.com/gao-bie-zhui-zong-shen-du-dui-bi-si-da-yin-si-sou-suo-yin-qing/" class="citation">[45]</a>。
</p>
<p class="prose-custom text-secondary">
作为元搜索引擎，Searx不直接构建网页索引，而是通过智能中介层将查询并行分发至多个第三方搜索引擎，
在数据传输过程中剥离所有追踪元素
<a href="https://blog.csdn.net/gitblog_01158/article/details/148391998" class="citation">[150]</a>。
</p>
</div>
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4">SearxNG分叉</h4>
<p class="prose-custom text-secondary mb-4">
2021年从原版Searx分叉而出，迅速确立<strong>事实标准</strong>地位：
GitHub仓库显示24.5k星标、2.5k分支、277位贡献者
<a href="https://github.com/searxng/searxng" class="citation">[91]</a>。
</p>
<p class="prose-custom text-secondary">
"NG"后缀宣示技术演进定位——更快的迭代速度、更活跃的社区响应、更现代化的代码架构。
官方文档站点提供完整知识体系，显著降低使用门槛
<a href="https://searxng.org/" class="citation">[207]</a>。
</p>
</div>
</div>
<div class="comparison-grid">
<h4 class="font-serif text-lg font-semibold mb-6 text-center">原版Searx与SearxNG关键差异</h4>
<div class="overflow-x-auto">
<table class="w-full text-sm">
<thead>
<tr class="border-b border-border">
<th class="text-left py-3 px-4 font-semibold">差异维度</th>
<th class="text-left py-3 px-4 font-semibold">原版Searx</th>
<th class="text-left py-3 px-4 font-semibold">SearxNG</th>
</tr>
</thead>
<tbody class="text-secondary">
<tr class="border-b border-border">
<td class="py-3 px-4 font-medium">开发活跃度</td>
<td class="py-3 px-4">维护模式，更新缓慢</td>
<td class="py-3 px-4 text-accent">主动开发，滚动发布 <a href="https://trackboxx.com/en/search-engine-alternatives-google/" class="citation">[87]</a>
</td>
</tr>
<tr class="border-b border-border">
<td class="py-3 px-4 font-medium">引擎库规模</td>
<td class="py-3 px-4">~50个搜索源</td>
<td class="py-3 px-4 text-accent">70+稳定支持，246个可用 <a href="https://searxng.org/" class="citation">[207]</a>
</td>
</tr>
<tr class="border-b border-border">
<td class="py-3 px-4 font-medium">前端架构</td>
<td class="py-3 px-4">传统模板引擎</td>
<td class="py-3 px-4 text-accent">现代化重构，响应式优化</td>
</tr>
<tr class="border-b border-border">
<td class="py-3 px-4 font-medium">隐私机制</td>
<td class="py-3 px-4">基础代理隔离</td>
<td class="py-3 px-4 text-accent">增强：TLS指纹轮换、高级限流器 <a href="https://github.com/searxng/searxng/issues/2515" class="citation">[158]</a>
</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium">部署体验</td>
<td class="py-3 px-4">手动配置为主</td>
<td class="py-3 px-4 text-accent">Docker官方镜像，Compose编排 <a href="https://docs.searxng.org/admin/installation-docker.html" class="citation">[68]</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Technical Principles -->
<div id="technical-principles" class="mb-16">
<h3 class="font-serif text-2xl font-semibold mb-8">元搜索引擎技术原理</h3>
<div class="grid lg:grid-cols-3 gap-8 mb-12">
<div class="feature-card">
<div class="bg-accent/10 rounded-full w-12 h-12 flex items-center justify-center mb-4">
<i class="fas fa-network-wired text-accent"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-3">并行聚合机制</h4>
<p class="text-secondary text-sm">
基于Python asyncio实现异步并发请求，毫秒级协调数十个外部API调用，
每个引擎适配器负责协议转换和响应解析
<a href="https://blog.csdn.net/gitblog_01158/article/details/148391998" class="citation">[150]</a>。
</p>
</div>
<div class="feature-card">
<div class="bg-accent/10 rounded-full w-12 h-12 flex items-center justify-center mb-4">
<i class="fas fa-filter text-accent"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-3">智能去重算法</h4>
<p class="text-secondary text-sm">
采用Simhash局部敏感哈希+标题相似度计算识别重复内容，
支持硬合并和软合并策略平衡去重与信息多样性
<a href="https://blog.csdn.net/qq_40999403/article/details/149534977" class="citation">[141]</a>。
</p>
</div>
<div class="feature-card">
<div class="bg-accent/10 rounded-full w-12 h-12 flex items-center justify-center mb-4">
<i class="fas fa-shield-alt text-accent"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-3">四层防护体系</h4>
<p class="text-secondary text-sm">
网络层代理、标识符清除、请求净化、结果处理四层纵深防护，
有效阻断底层搜索引擎对终端用户的识别与追踪
<a href="https://brave2049.com/gao-bie-zhui-zong-shen-du-dui-bi-si-da-yin-si-sou-suo-yin-qing/" class="citation">[45]</a>。
</p>
</div>
</div>
<div class="bg-white rounded-xl p-8 border border-border">
<h4 class="font-serif text-lg font-semibold mb-6">聚合搜索处理流水线</h4>
<div class="grid md:grid-cols-4 gap-6">
<div class="text-center">
<div class="bg-accent/10 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-3">
<i class="fas fa-paper-plane text-accent"></i>
</div>
<h5 class="font-medium mb-2">查询分发</h5>
<p class="text-sm text-secondary">并行发起多个搜索引擎请求</p>
</div>
<div class="text-center">
<div class="bg-accent/10 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-3">
<i class="fas fa-cogs text-accent"></i>
</div>
<h5 class="font-medium mb-2">结果标准化</h5>
<p class="text-sm text-secondary">异构格式转换为统一对象</p>
</div>
<div class="text-center">
<div class="bg-accent/10 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-3">
<i class="fas fa-compress-alt text-accent"></i>
</div>
<h5 class="font-medium mb-2">去重合并</h5>
<p class="text-sm text-secondary">识别并合并重复内容</p>
</div>
<div class="text-center">
<div class="bg-accent/10 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-3">
<i class="fas fa-sort-amount-down text-accent"></i>
</div>
<h5 class="font-medium mb-2">智能排序</h5>
<p class="text-sm text-secondary">多维度信号综合评分</p>
</div>
</div>
</div>
</div>
<!-- Design Concept -->
<div id="design-concept" class="mb-16">
<h3 class="font-serif text-2xl font-semibold mb-8">设计理念与核心价值主张</h3>
<div class="grid lg:grid-cols-3 gap-8">
<div class="feature-card">
<div class="bg-red-50 rounded-full w-16 h-16 flex items-center justify-center mb-4">
<i class="fas fa-user-shield text-red-500 text-xl"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-3 text-red-700">隐私优先</h4>
<p class="text-secondary text-sm mb-4">
零数据收集原则：无日志架构、无状态设计、无Cookie策略。
查询处理完全在内存中进行，完成后立即释放
<a href="https://blog.csdn.net/gitblog_01158/article/details/148391998" class="citation">[150]</a>。
</p>
<div class="bg-gray-50 rounded-lg p-3 text-xs">
<strong>数据保留期：</strong>零持久化
</div>
</div>
<div class="feature-card">
<div class="bg-blue-50 rounded-full w-16 h-16 flex items-center justify-center mb-4">
<i class="fas fa-crown text-blue-500 text-xl"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-3 text-blue-700">用户主权</h4>
<p class="text-secondary text-sm mb-4">
完全可控的搜索体验：数据主权、配置主权、算法主权。
settings.yml提供数百个可调参数，支持深度定制
<a href="https://docs.searxng.org/admin/installation-docker.html" class="citation">[68]</a>。
</p>
<div class="bg-gray-50 rounded-lg p-3 text-xs">
<strong>控制维度：</strong>基础设施到算法全链路
</div>
</div>
<div class="feature-card">
<div class="bg-green-50 rounded-full w-16 h-16 flex items-center justify-center mb-4">
<i class="fas fa-eye text-green-500 text-xl"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-3 text-green-700">开源透明</h4>
<p class="text-secondary text-sm mb-4">
AGPL-3.0许可证确保完全透明性：代码可审计、变更历史可追溯、
社区驱动贡献模式，分叉机制确保项目演进韧性
<a href="https://github.com/searxng/searxng" class="citation">[91]</a>。
</p>
<div class="bg-gray-50 rounded-lg p-3 text-xs">
<strong>治理模式：</strong>社区驱动，分叉韧性
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Core Features -->
<section id="core-features" class="py-16 px-8 bg-white">
<div class="max-w-6xl mx-auto">
<h2 class="font-serif text-3xl font-bold mb-12 text-center">主要功能与技术特性</h2>
<!-- Privacy Protection -->
<div id="privacy-protection" class="mb-16">
<h3 class="font-serif text-2xl font-semibold mb-8">隐私保护体系</h3>
<div class="grid lg:grid-cols-2 gap-8 mb-12">
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4">无日志架构</h4>
<p class="prose-custom text-secondary mb-4">
系统性设计消除敏感信息持久化存储：网络层Web服务器不记录客户端信息，
应用层查询处理采用内存驻留模式，业务层不维护用户账户系统或搜索历史
<a href="https://blog.csdn.net/gitblog_01158/article/details/148391998" class="citation">[150]</a>。
</p>
<div class="bg-red-50 rounded-lg p-4">
<h5 class="font-medium text-red-700 mb-2">架构取舍</h5>
<ul class="text-sm text-red-600 space-y-1">
<li>• 无搜索历史 → 无法个性化推荐</li>
<li>• 无用户画像 → 无法优化排序</li>
<li>• 无行为分析 → 需替代迭代机制</li>
</ul>
</div>
</div>
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4">代理集成</h4>
<div class="space-y-4">
<div class="border-l-4 border-blue-400 pl-4">
<h5 class="font-medium text-blue-700">HTTP/HTTPS代理</h5>
<p class="text-sm text-secondary">基础IP隐藏，适用于企业网络、商业VPN</p>
</div>
<div class="border-l-4 border-purple-400 pl-4">
<h5 class="font-medium text-purple-700">SOCKS5代理</h5>
<p class="text-sm text-secondary">灵活协议支持，适用于Shadowsocks/V2Ray</p>
</div>
<div class="border-l-4 border-green-400 pl-4">
<h5 class="font-medium text-green-700">Tor网络</h5>
<p class="text-sm text-secondary">双重匿名，支持隐藏服务部署
<a href="https://searxng.org/" class="citation">[156]</a>
</p>
</div>
</div>
</div>
</div>
<div class="comparison-grid">
<h4 class="font-serif text-lg font-semibold mb-6">反追踪机制矩阵</h4>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="text-center">
<div class="bg-blue-100 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-3">
<i class="fas fa-ban text-blue-600"></i>
</div>
<h5 class="font-medium mb-2">DNT信号</h5>
<p class="text-sm text-secondary">HTTP头DNT: 1声明反追踪意愿
<a href="https://brave2049.com/gao-bie-zhui-zong-shen-du-dui-bi-si-da-yin-si-sou-suo-yin-qing/" class="citation">[45]</a>
</p>
</div>
<div class="text-center">
<div class="bg-purple-100 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-3">
<i class="fas fa-link-slash text-purple-600"></i>
</div>
<h5 class="font-medium mb-2">Referer清除</h5>
<p class="text-sm text-secondary">配置Referrer-Policy: no-referrer阻断跨站追踪
<a href="https://brave2049.com/gao-bie-zhui-zong-shen-du-dui-bi-si-da-yin-si-sou-suo-yin-qing/" class="citation">[45]</a>
</p>
</div>
<div class="text-center">
<div class="bg-green-100 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-3">
<i class="fas fa-image text-green-600"></i>
</div>
<h5 class="font-medium mb-2">图片代理</h5>
<p class="text-sm text-secondary">服务器中转加载，阻断图片来源服务器追踪
<a href="https://brave2049.com/gao-bie-zhui-zong-shen-du-dui-bi-si-da-yin-si-sou-suo-yin-qing/" class="citation">[45]</a>
</p>
</div>
<div class="text-center">
<div class="bg-orange-100 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-3">
<i class="fas fa-broom text-orange-600"></i>
</div>
<h5 class="font-medium mb-2">URL净化</h5>
<p class="text-sm text-secondary">内置privacy_url_cleaner插件覆盖2000+常见参数
<a href="https://cloud.baidu.com/article/3932438" class="citation">[149]</a>
</p>
</div>
</div>
</div>
</div>
<!-- Search Capabilities -->
<div id="search-capabilities" class="mb-16">
<h3 class="font-serif text-2xl font-semibold mb-8">搜索能力配置</h3>
<div class="mb-12">
<h4 class="font-serif text-lg font-semibold mb-6">引擎库规模：70+搜索源覆盖</h4>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="feature-card">
<h5 class="font-medium mb-3 flex items-center">
<i class="fas fa-globe text-blue-500 mr-2"></i>
通用搜索
</h5>
<ul class="text-sm text-secondary space-y-1">
<li>• Google、Bing、DuckDuckGo</li>
<li>• Brave Search、Mojeek、Qwant</li>
</ul>
</div>
<div class="feature-card">
<h5 class="font-medium mb-3 flex items-center">
<i class="fas fa-graduation-cap text-green-500 mr-2"></i>
学术科研
</h5>
<ul class="text-sm text-secondary space-y-1">
<li>• Google Scholar、arXiv、PubMed</li>
<li>• IEEE Xplore、Semantic Scholar</li>
</ul>
</div>
<div class="feature-card">
<h5 class="font-medium mb-3 flex items-center">
<i class="fas fa-code text-purple-500 mr-2"></i>
代码开发
</h5>
<ul class="text-sm text-secondary space-y-1">
<li>• GitHub、GitLab、Bitbucket</li>
<li>• Stack Overflow、PyPI/npm</li>
</ul>
</div>
<div class="feature-card">
<h5 class="font-medium mb-3 flex items-center">
<i class="fas fa-newspaper text-red-500 mr-2"></i>
新闻媒体
</h5>
<ul class="text-sm text-secondary space-y-1">
<li>• Google News、Reuters、AP News</li>
<li>• 多源交叉验证，时效优先</li>
</ul>
</div>
</div>
</div>
<div class="bg-surface rounded-xl p-8 border border-border">
<h4 class="font-serif text-lg font-semibold mb-6">引擎权重与排序自定义</h4>
<div class="bg-gray-900 rounded-lg p-4 text-green-400 text-sm font-mono mb-6">
<pre><code>engines:
- name: google
engine: google
shortcut: go
enabled: true
weight: 1.0 # 默认权重
timeout: 3.0
- name: google_scholar
engine: google_scholar
shortcut: gs
enabled: true
weight: 2.0 # 学术查询时提升优先级
timeout: 5.0</code></pre>
</div>
<p class="prose-custom text-secondary">
支持动态权重规则：基于查询特征自动调整引擎组合，实现"学术研究""技术开发""新闻追踪"等场景模板
<a href="https://cloud.baidu.com/article/3932438" class="citation">[149]</a>。
</p>
</div>
</div>
<!-- Interface Customization -->
<div id="interface-customization" class="mb-16">
<h3 class="font-serif text-2xl font-semibold mb-8">界面与体验定制</h3>
<div class="grid lg:grid-cols-2 gap-8 mb-12">
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4">主题系统</h4>
<p class="prose-custom text-secondary mb-4">
多层次界面定制：预设主题（简洁/深色/高对比度）、CSS变量（配色、字体、间距）、
布局结构（结果密度、侧边栏）、完全自定义（品牌标识、页脚重构）
<a href="https://brave2049.com/gao-bie-zhui-zong-shen-du-dui-bi-si-da-yin-si-sou-suo-yin-qing/" class="citation">[45]</a>。
</p>
<div class="grid grid-cols-3 gap-3 text-center">
<div class="bg-gray-100 rounded p-3">
<div class="w-8 h-8 bg-white border rounded mx-auto mb-2"></div>
<div class="text-xs">简洁</div>
</div>
<div class="bg-gray-100 rounded p-3">
<div class="w-8 h-8 bg-gray-800 rounded mx-auto mb-2"></div>
<div class="text-xs">深色</div>
</div>
<div class="bg-gray-100 rounded p-3">
<div class="w-8 h-8 bg-yellow-100 border-2 border-yellow-400 rounded mx-auto mb-2"></div>
<div class="text-xs">高对比度</div>
</div>
</div>
</div>
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4">多语言支持</h4>
<p class="prose-custom text-secondary mb-4">
<strong>58种界面语言</strong>由社区通过Weblate平台协作维护。
关键设计：界面语言与搜索语言完全分离，满足多语言用户灵活需求
<a href="https://searxng.org/" class="citation">[207]</a>。
</p>
<div class="bg-blue-50 rounded-lg p-4">
<h5 class="font-medium text-blue-700 mb-2">设计亮点</h5>
<ul class="text-sm text-blue-600 space-y-1">
<li>• 中文界面搜索英文内容</li>
<li>• 英文界面搜索中文内容</li>
<li>• 自动语言检测减少配置负担</li>
</ul>
</div>
</div>
</div>
<div class="comparison-grid">
<h4 class="font-serif text-lg font-semibold mb-6">搜索类别与快捷键</h4>
<div class="grid lg:grid-cols-2 gap-8">
<div>
<h5 class="font-medium mb-4">支持类别</h5>
<div class="space-y-3">
<div class="flex items-center">
<i class="fas fa-globe text-blue-500 mr-3"></i>
<span class="text-sm">General - 综合网页搜索</span>
</div>
<div class="flex items-center">
<i class="fas fa-image text-green-500 mr-3"></i>
<span class="text-sm">Images - 图片搜索（尺寸/颜色/类型过滤）</span>
</div>
<div class="flex items-center">
<i class="fas fa-video text-purple-500 mr-3"></i>
<span class="text-sm">Videos - 视频搜索（时长/分辨率筛选）</span>
</div>
<div class="flex items-center">
<i class="fas fa-newspaper text-red-500 mr-3"></i>
<span class="text-sm">News - 新闻搜索（时间范围筛选）</span>
</div>
<div class="flex items-center">
<i class="fas fa-map text-orange-500 mr-3"></i>
<span class="text-sm">Map - 地图搜索（地理编码/路线规划）</span>
</div>
</div>
</div>
<div>
<h5 class="font-medium mb-4">快捷键操作</h5>
<div class="bg-gray-50 rounded-lg p-4 space-y-2 text-sm">
<div class="flex justify-between">
<span><kbd class="bg-white px-2 py-1 rounded border">/</kbd> 或 <kbd class="bg-white px-2 py-1 rounded border">Ctrl+K</kbd></span>
<span class="text-secondary">聚焦搜索框</span>
</div>
<div class="flex justify-between">
<span><kbd class="bg-white px-2 py-1 rounded border">↑</kbd> <kbd class="bg-white px-2 py-1 rounded border">↓</kbd> 或 <kbd class="bg-white px-2 py-1 rounded border">j</kbd> <kbd class="bg-white px-2 py-1 rounded border">k</kbd></span>
<span class="text-secondary">结果导航</span>
</div>
<div class="flex justify-between">
<span><kbd class="bg-white px-2 py-1 rounded border">Enter</kbd></span>
<span class="text-secondary">打开选中结果</span>
</div>
<div class="flex justify-between">
<span><kbd class="bg-white px-2 py-1 rounded border">Ctrl+Enter</kbd></span>
<span class="text-secondary">新标签页打开</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Deployment Architecture -->
<section id="deployment-architecture" class="py-16 px-8 bg-surface">
<div class="max-w-6xl mx-auto">
<h2 class="font-serif text-3xl font-bold mb-12 text-center">部署架构与实施方案</h2>
<!-- Deployment Modes -->
<div id="deployment-modes" class="mb-16">
<h3 class="font-serif text-2xl font-semibold mb-8">部署模式选择</h3>
<div class="grid lg:grid-cols-3 gap-8 mb-12">
<div class="feature-card">
<div class="bg-green-100 rounded-full w-16 h-16 flex items-center justify-center mb-4">
<i class="fas fa-rocket text-green-600 text-xl"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-4 text-green-700">公共实例</h4>
<p class="prose-custom text-secondary mb-4">
searx.space维护全球公共实例列表，标注地理位置、TLS评级、响应时间。
代表性实例：searx.be（比利时）、searx.tiekoetter.com（德国）
<a href="https://blog.csdn.net/gitblog_00769/article/details/145107709" class="citation">[133]</a>。
</p>
<div class="space-y-2 text-sm">
<div class="flex items-center text-green-600">
<i class="fas fa-check mr-2"></i>
<span>零部署成本，即时可用</span>
</div>
<div class="flex items-center text-green-600">
<i class="fas fa-check mr-2"></i>
<span>无需技术知识和维护</span>
</div>
<div class="flex items-center text-red-600">
<i class="fas fa-times mr-2"></i>
<span>隐私信任依赖运营者</span>
</div>
<div class="flex items-center text-red-600">
<i class="fas fa-times mr-2"></i>
<span>功能配置固定，无法定制</span>
</div>
</div>
</div>
<div class="feature-card">
<div class="bg-blue-100 rounded-full w-16 h-16 flex items-center justify-center mb-4">
<i class="fas fa-server text-blue-600 text-xl"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-4 text-blue-700">私有自托管</h4>
<p class="prose-custom text-secondary mb-4">
完全数据主权、无限定制自由、无使用限制。
硬件要求：树莓派4B即可支持个人使用（实测15 QPS）
<a href="https://cloud.baidu.com/article/3768648" class="citation">[147]</a>。
</p>
<div class="space-y-2 text-sm">
<div class="flex items-center text-blue-600">
<i class="fas fa-check mr-2"></i>
<span>完全数据主权和定制自由</span>
</div>
<div class="flex items-center text-blue-600">
<i class="fas fa-check mr-2"></i>
<span>内部系统集成能力</span>
</div>
<div class="flex items-center text-yellow-600">
<i class="fas fa-exclamation-triangle mr-2"></i>
<span>需要基础技术能力</span>
</div>
<div class="flex items-center text-yellow-600">
<i class="fas fa-exclamation-triangle mr-2"></i>
<span>基础设施投入成本</span>
</div>
</div>
</div>
<div class="feature-card">
<div class="bg-purple-100 rounded-full w-16 h-16 flex items-center justify-center mb-4">
<i class="fas fa-building text-purple-600 text-xl"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-4 text-purple-700">组织级部署</h4>
<p class="prose-custom text-secondary mb-4">
企业场景价值：数据合规（GDPR）、内部知识库集成、统一搜索入口、
审计日志支持。支持多实例负载均衡、LDAP/SSO认证对接
<a href="https://blog.csdn.net/gitblog_00075/article/details/141081441" class="citation">[138]</a>。
</p>
<div class="space-y-2 text-sm">
<div class="flex items-center text-purple-600">
<i class="fas fa-check mr-2"></i>
<span>数据合规和信息安全</span>
</div>
<div class="flex items-center text-purple-600">
<i class="fas fa-check mr-2"></i>
<span>统一搜索入口</span>
</div>
<div class="flex items-center text-red-600">
<i class="fas fa-times mr-2"></i>
<span>高可用架构复杂</span>
</div>
<div class="flex items-center text-red-600">
<i class="fas fa-times mr-2"></i>
<span>安全加固要求高</span>
</div>
</div>
</div>
</div>
</div>
<!-- Containerized Deployment -->
<div id="containerized-deployment" class="mb-16">
<h3 class="font-serif text-2xl font-semibold mb-8">容器化部署（推荐方案）</h3>
<div class="grid lg:grid-cols-2 gap-8 mb-12">
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4">Docker单机部署</h4>
<div class="bg-gray-900 rounded-lg p-4 text-green-400 text-sm font-mono mb-4">
<pre><code># 1. 拉取镜像
docker pull docker.io/searxng/searxng:latest
# 2. 创建持久化目录
mkdir -p ./searxng/config/ ./searxng/data/
# 3. 启动容器
docker run --name searxng -d \
-p 8888:8080 \
-v "./config/:/etc/searxng/" \
-v "./data/:/var/cache/searxng/" \
docker.io/searxng/searxng:latest</code></pre>
</div>
<p class="text-sm text-secondary">
访问http://localhost:8888，首次启动生成默认配置，
后续编辑./config/settings.yml定制
<a href="https://docs.searxng.org/admin/installation-docker.html" class="citation">[68]</a>
<a href="https://docs.searxng.org/admin/installation-docker.html" class="citation">[191]</a>。
</p>
</div>
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4">Docker Compose编排</h4>
<div class="bg-gray-900 rounded-lg p-4 text-green-400 text-sm font-mono mb-4">
<pre><code>services:
searxng:
image: searxng/searxng
environment:
- SEARXNG_SECRET_KEY=your_secret_key
volumes:
- ./config:/etc/searxng
- ./data:/var/cache/searxng
ports:
- 8080:8080
redis:
image: redis:alpine
volumes:
- redis-data:/data
volumes:
redis-data:</code></pre>
</div>
<p class="text-sm text-secondary">
官方searxng-docker仓库提供完整编排模板，支持持久化与配置管理
<a href="https://docs.cherry-ai.com/pre-basic/websearch/searxng" class="citation">[131]</a>。
</p>
</div>
</div>
<div class="comparison-grid">
<h4 class="font-serif text-lg font-semibold mb-6">镜像版本策略对比</h4>
<div class="overflow-x-auto">
<table class="w-full text-sm">
<thead>
<tr class="border-b border-border">
<th class="text-left py-3 px-4 font-semibold">策略</th>
<th class="text-left py-3 px-4 font-semibold">标签示例</th>
<th class="text-left py-3 px-4 font-semibold">适用场景</th>
<th class="text-left py-3 px-4 font-semibold">风险与收益</th>
</tr>
</thead>
<tbody class="text-secondary">
<tr class="border-b border-border">
<td class="py-3 px-4 font-medium">滚动最新</td>
<td class="py-3 px-4">latest</td>
<td class="py-3 px-4">开发测试，追求新功能</td>
<td class="py-3 px-4 text-yellow-600">自动更新，可能引入未预期变更 <a href="https://docs.searxng.org/admin/installation-docker.html" class="citation">[191]</a>
</td>
</tr>
<tr class="border-b border-border">
<td class="py-3 px-4 font-medium">固定版本</td>
<td class="py-3 px-4">2025.8.1-3d96414</td>
<td class="py-3 px-4">生产环境，稳定性优先</td>
<td class="py-3 px-4 text-green-600">可复现部署，需主动跟进安全更新 <a href="https://docs.searxng.org/admin/installation-docker.html" class="citation">[191]</a>
</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium">语义版本</td>
<td class="py-3 px-4">0.16.0</td>
<td class="py-3 px-4">平衡场景</td>
<td class="py-3 px-4 text-blue-600">明确版本边界，升级路径清晰</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Configuration Management -->
<div id="configuration-management" class="mb-16">
<h3 class="font-serif text-2xl font-semibold mb-8">高级配置管理</h3>
<div class="grid lg:grid-cols-2 gap-8 mb-12">
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4">settings.yml核心配置</h4>
<div class="bg-gray-900 rounded-lg p-4 text-green-400 text-sm font-mono mb-4">
<pre><code>general:
instance_name: "My SearxNG"
debug: false
search:
safe_search: 0 # 0=关闭, 1=中等, 2=严格
autocomplete: "google" # 自动补全引擎
default_lang: "zh-CN"
server:
secret_key: "your_random_secret_key"
limiter: true # 速率限制
image_proxy: true
engines:
- name: github
engine: github
shortcut: gh
enabled: true
weight: 1.0
timeout: 3.0
github_token: !environment GH_TOKEN</code></pre>
</div>
<p class="text-sm text-secondary">
关键配置区块：general（实例信息）、search（搜索设置）、server（服务器）、
engines（搜索引擎）、outgoing（代理设置）<a href="https://blog.csdn.net/gitblog_00477/article/details/151160151" class="citation">[74]</a>
<a href="https://doc.fastgpt.io/docs/introduction/guide/plugins/searxng_plugin_guide" class="citation">[75]</a>。
</p>
</div>
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4">环境变量注入</h4>
<div class="bg-gray-900 rounded-lg p-4 text-green-400 text-sm font-mono mb-4">
<pre><code># Docker环境变量配置
SEARXNG_SERVER_SECRET_KEY=your_random_secret
SEARXNG_SERVER_BASE_URL=https://search.example.com
SEARXNG_SEARCH_SAFE_SEARCH=1
UWSGI_WORKERS=4
UWSGI_THREADS=4
# 敏感信息管理
GH_TOKEN=your_github_token</code></pre>
</div>
<p class="text-sm text-secondary">
命名规则：SEARXNG_</p><section>_<key>，优先级高于配置文件。
敏感信息通过Docker Secrets或Kubernetes Secrets注入
<a href="https://docs.searxng.org/admin/installation-docker.html" class="citation">[68]</a>
<a href="https://docs.cherry-ai.com/pre-basic/websearch/searxng" class="citation">[131]</a>。
<p></p>
</key></section></div>
</div>
<div class="comparison-grid">
<h4 class="font-serif text-lg font-semibold mb-6">反向代理集成配置</h4>
<div class="grid lg:grid-cols-2 gap-8">
<div>
<h5 class="font-medium mb-4">Nginx配置要点</h5>
<div class="bg-gray-900 rounded-lg p-4 text-green-400 text-sm font-mono">
<pre><code>upstream searxng {
server 127.0.0.1:8080;
}
server {
listen 443 ssl http2;
server_name search.example.com;
ssl_certificate /path/to/cert.pem;
ssl_certificate_key /path/to/key.pem;
location / {
proxy_pass http://searxng;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
}</code></pre>
</div>
<p class="text-sm text-secondary mt-2">
配置要点：SSL终止、请求头转发、负载均衡
<a href="https://docs.searxng.org/admin/" class="citation">[194]</a>。
</p>
</div>
<div>
<h5 class="font-medium mb-4">Traefik优势</h5>
<ul class="space-y-2 text-sm text-secondary">
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>自动服务发现</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Let's Encrypt集成</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>动态配置标签</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>零信任架构支持</span>
</li>
</ul>
<p class="text-sm text-secondary mt-4">
Traefik通过标签配置实现动态路由和自动证书管理
<a href="https://adg.csdn.net/69706f3c437a6b40336a3a13.html" class="citation">[136]</a>。
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Comparative Analysis -->
<section id="comparative-analysis" class="py-16 px-8 bg-white">
<div class="max-w-6xl mx-auto">
<h2 class="font-serif text-3xl font-bold mb-12 text-center">与主流搜索引擎对比分析</h2>
<!-- Privacy Comparison -->
<div id="privacy-comparison" class="mb-16">
<h3 class="font-serif text-2xl font-semibold mb-8">隐私维度对比</h3>
<div class="comparison-grid mb-12">
<h4 class="font-serif text-lg font-semibold mb-6 text-center">数据收集政策对比</h4>
<div class="overflow-x-auto">
<table class="w-full text-sm">
<thead>
<tr class="border-b border-border">
<th class="text-left py-3 px-4 font-semibold">数据类型</th>
<th class="text-center py-3 px-4 font-semibold">SearxNG</th>
<th class="text-center py-3 px-4 font-semibold">DuckDuckGo</th>
<th class="text-center py-3 px-4 font-semibold">Startpage.com</th>
<th class="text-center py-3 px-4 font-semibold">Google/Bing</th>
</tr>
</thead>
<tbody class="text-secondary">
<tr class="border-b border-border">
<td class="py-3 px-4 font-medium">搜索查询</td>
<td class="py-3 px-4 text-center text-green-600">不记录</td>
<td class="py-3 px-4 text-center text-green-600">不记录</td>
<td class="py-3 px-4 text-center text-green-600">不记录</td>
<td class="py-3 px-4 text-center text-red-600">记录，个性化核心</td>
</tr>
<tr class="border-b border-border">
<td class="py-3 px-4 font-medium">IP地址</td>
<td class="py-3 px-4 text-center text-green-600">不存储</td>
<td class="py-3 px-4 text-center text-green-600">不存储</td>
<td class="py-3 px-4 text-center text-green-600">不存储</td>
<td class="py-3 px-4 text-center text-red-600">存储，地理定位</td>
</tr>
<tr class="border-b border-border">
<td class="py-3 px-4 font-medium">用户画像</td>
<td class="py-3 px-4 text-center text-green-600">不构建</td>
<td class="py-3 px-4 text-center text-green-600">无</td>
<td class="py-3 px-4 text-center text-green-600">无</td>
<td class="py-3 px-4 text-center text-red-600">详细构建，广告定向</td>
</tr>
<tr class="border-b border-border">
<td class="py-3 px-4 font-medium">Cookie追踪</td>
<td class="py-3 px-4 text-center text-green-600">不使用</td>
<td class="py-3 px-4 text-center text-yellow-600">有限使用</td>
<td class="py-3 px-4 text-center text-yellow-600">有限使用</td>
<td class="py-3 px-4 text-center text-red-600">广泛使用</td>
</tr>
<tr class="border-b border-border">
<td class="py-3 px-4 font-medium">代码可审计</td>
<td class="py-3 px-4 text-center text-green-600">完全开源</td>
<td class="py-3 px-4 text-center text-yellow-600">部分开源</td>
<td class="py-3 px-4 text-center text-red-600">闭源</td>
<td class="py-3 px-4 text-center text-red-600">闭源</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium">自托管选项</td>
<td class="py-3 px-4 text-center text-green-600">支持</td>
<td class="py-3 px-4 text-center text-red-600">不支持</td>
<td class="py-3 px-4 text-center text-red-600">不支持</td>
<td class="py-3 px-4 text-center text-red-600">不支持</td>
</tr>
</tbody>
</table>
</div>
<div class="mt-6 p-4 bg-blue-50 rounded-lg">
<p class="text-sm text-blue-700">
<strong>核心差异：</strong>SearxNG的零收集是架构性保障，而非政策承诺——代码可审计，
自托管完全可控，任何收集都需要修改源码并重新部署
<a href="https://brave2049.com/gao-bie-zhui-zong-shen-du-dui-bi-si-da-yin-si-sou-suo-yin-qing/" class="citation">[45]</a>
<a href="https://blog.csdn.net/gitblog_01158/article/details/148391998" class="citation">[150]</a>。
</p>
</div>
</div>
<div class="grid lg:grid-cols-2 gap-8">
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4">追踪防护深度</h4>
<div class="space-y-4">
<div class="border-l-4 border-blue-400 pl-4">
<h5 class="font-medium text-blue-700">网络层防护</h5>
<p class="text-sm text-secondary">SearxNG：代理隔离，IP隐藏</p>
<p class="text-sm text-secondary">其他方案：VPN可提供类似效果</p>
</div>
<div class="border-l-4 border-purple-400 pl-4">
<h5 class="font-medium text-purple-700">应用层防护</h5>
<p class="text-sm text-secondary">SearxNG：标识符清除，请求净化</p>
<p class="text-sm text-secondary">其他方案：DuckDuckGo等有限清除</p>
</div>
<div class="border-l-4 border-green-400 pl-4">
<h5 class="font-medium text-green-700">结果层防护</h5>
<p class="text-sm text-secondary">SearxNG：追踪元素剥离，图片代理</p>
<p class="text-sm text-secondary">其他方案：Startpage匿名视图部分覆盖</p>
</div>
</div>
<p class="text-sm text-secondary mt-4">
SearxNG的代理层隔离对用户透明，无需浏览器配置，覆盖所有通过实例的搜索活动
<a href="https://brave2049.com/gao-bie-zhui-zong-shen-du-dui-bi-si-da-yin-si-sou-suo-yin-qing/" class="citation">[45]</a>
<a href="https://searxng.org/" class="citation">[156]</a>。
</p>
</div>
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4">法律合规框架</h4>
<div class="space-y-4">
<div class="bg-green-50 rounded-lg p-4">
<h5 class="font-medium text-green-700 mb-2">SearxNG自托管</h5>
<p class="text-sm text-green-600">数据处理完全自主，最小化合规负担，数据本地化特性</p>
</div>
<div class="bg-blue-50 rounded-lg p-4">
<h5 class="font-medium text-blue-700 mb-2">Startpage.com</h5>
<p class="text-sm text-blue-600">荷兰公司，GDPR直接管辖，法律约束强</p>
</div>
<div class="bg-yellow-50 rounded-lg p-4">
<h5 class="font-medium text-yellow-700 mb-2">DuckDuckGo</h5>
<p class="text-sm text-yellow-600">美国公司，标准合同条款，域外管辖风险</p>
</div>
</div>
<p class="text-sm text-secondary mt-4">
SearxNG的数据本地化特性使其成为跨国企业满足数据驻留要求的可行方案
<a href="https://brave2049.com/gao-bie-zhui-zong-shen-du-dui-bi-si-da-yin-si-sou-suo-yin-qing/" class="citation">[45]</a>
<a href="https://cloud.baidu.com/article/4250944" class="citation">[103]</a>。
</p>
</div>
</div>
</div>
<!-- Feature Comparison -->
<div id="feature-comparison" class="mb-16">
<h3 class="font-serif text-2xl font-semibold mb-8">功能特性对比</h3>
<div class="comparison-grid mb-12">
<h4 class="font-serif text-lg font-semibold mb-6 text-center">多维度功能特性对比矩阵</h4>
<div class="overflow-x-auto">
<table class="w-full text-sm">
<thead>
<tr class="border-b border-border">
<th class="text-left py-3 px-4 font-semibold">对比维度</th>
<th class="text-center py-3 px-4 font-semibold">SearxNG</th>
<th class="text-center py-3 px-4 font-semibold">Whoogle</th>
<th class="text-center py-3 px-4 font-semibold">Startpage</th>
<th class="text-center py-3 px-4 font-semibold">DuckDuckGo</th>
<th class="text-center py-3 px-4 font-semibold">Google/Bing</th>
</tr>
</thead>
<tbody class="text-secondary">
<tr class="border-b border-border">
<td class="py-3 px-4 font-medium">隐私保护级别</td>
<td class="py-3 px-4 text-center text-green-600">极高：代理隔离、Tor、无日志、图片代理 <a href="https://brave2049.com/gao-bie-zhui-zong-shen-du-dui-bi-si-da-yin-si-sou-suo-yin-qing/" class="citation">[45]</a>
</td>
<td class="py-3 px-4 text-center text-green-600">高：去除Google跟踪</td>
<td class="py-3 px-4 text-center text-green-600">高：匿名视图、GDPR</td>
<td class="py-3 px-4 text-center text-green-600">高：阻止跟踪器</td>
<td class="py-3 px-4 text-center text-red-600">低：全面收集</td>
</tr>
<tr class="border-b border-border">
<td class="py-3 px-4 font-medium">可定制性</td>
<td class="py-3 px-4 text-center text-green-600">极高：引擎、权重、主题、布局全可控 <a href="https://brave2049.com/gao-bie-zhui-zong-shen-du-dui-bi-si-da-yin-si-sou-suo-yin-qing/" class="citation">[45]</a>
</td>
<td class="py-3 px-4 text-center text-yellow-600">低：仅Google，无定制</td>
<td class="py-3 px-4 text-center text-yellow-600">低：基本无选项</td>
<td class="py-3 px-4 text-center text-yellow-600">中：部分设置</td>
<td class="py-3 px-4 text-center text-red-600">低：个性化不可关闭</td>
</tr>
<tr class="border-b border-border">
<td class="py-3 px-4 font-medium">搜索来源</td>
<td class="py-3 px-4 text-center text-green-600">70+引擎聚合 <a href="https://trackboxx.com/en/search-engine-alternatives-google/" class="citation">[87]</a>
<a href="https://searxng.org/" class="citation">[207]</a>
</td>
<td class="py-3 px-4 text-center text-blue-600">单一Google</td>
<td class="py-3 px-4 text-center text-blue-600">主要Google</td>
<td class="py-3 px-4 text-center text-green-600">混合：自有+Bing</td>
<td class="py-3 px-4 text-center text-blue-600">单一自有索引</td>
</tr>
<tr class="border-b border-border">
<td class="py-3 px-4 font-medium">结果多样性</td>
<td class="py-3 px-4 text-center text-green-600">高，多源交叉验证</td>
<td class="py-3 px-4 text-center text-yellow-600">低，继承Google偏见</td>
<td class="py-3 px-4 text-center text-yellow-600">低，Google单一视角</td>
<td class="py-3 px-4 text-center text-green-600">中，有限自有索引</td>
<td class="py-3 px-4 text-center text-green-600">中，个性化过滤气泡</td>
</tr>
<tr class="border-b border-border">
<td class="py-3 px-4 font-medium">响应速度</td>
<td class="py-3 px-4 text-center text-yellow-600">中等，聚合开销</td>
<td class="py-3 px-4 text-center text-green-600">快，单一来源</td>
<td class="py-3 px-4 text-center text-yellow-600">中等</td>
<td class="py-3 px-4 text-center text-green-600">快</td>
<td class="py-3 px-4 text-center text-green-600">极快</td>
</tr>
<tr class="border-b border-border">
<td class="py-3 px-4 font-medium">部署方式</td>
<td class="py-3 px-4 text-center text-green-600">开源，可自托管 <a href="https://brave2049.com/gao-bie-zhui-zong-shen-du-dui-bi-si-da-yin-si-sou-suo-yin-qing/" class="citation">[45]</a>
</td>
<td class="py-3 px-4 text-center text-green-600">开源，可自托管</td>
<td class="py-3 px-4 text-center text-blue-600">商业服务</td>
<td class="py-3 px-4 text-center text-blue-600">中心化</td>
<td class="py-3 px-4 text-center text-blue-600">商业服务</td>
</tr>
<tr class="border-b border-border">
<td class="py-3 px-4 font-medium">技术门槛</td>
<td class="py-3 px-4 text-center text-yellow-600">中-高 <a href="https://brave2049.com/gao-bie-zhui-zong-shen-du-dui-bi-si-da-yin-si-sou-suo-yin-qing/" class="citation">[45]</a>
</td>
<td class="py-3 px-4 text-center text-yellow-600">中</td>
<td class="py-3 px-4 text-center text-green-600">无</td>
<td class="py-3 px-4 text-center text-green-600">无</td>
<td class="py-3 px-4 text-center text-green-600">无</td>
</tr>
<tr>
<td class="py-3 px-4 font-medium">核心优势</td>
<td class="py-3 px-4 text-center text-green-600">隐私+控制+透明 <a href="https://brave2049.com/gao-bie-zhui-zong-shen-du-dui-bi-si-da-yin-si-sou-suo-yin-qing/" class="citation">[45]</a>
</td>
<td class="py-3 px-4 text-center text-blue-600">纯净Google</td>
<td class="py-3 px-4 text-center text-blue-600">Google质量+匿名</td>
<td class="py-3 px-4 text-center text-green-600">易用+即时答案</td>
<td class="py-3 px-4 text-center text-blue-600">质量最高</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="grid lg:grid-cols-3 gap-8">
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4">可定制性</h4>
<p class="prose-custom text-secondary mb-4">
SearxNG的settings.yml提供数百个可调参数，从引擎选择、权重排序、
超时策略到界面主题、缓存配置、安全级别，几乎所有运行方面均可精细控制。
</p>
<div class="bg-blue-50 rounded-lg p-4">
<h5 class="font-medium text-blue-700 mb-2">独特价值</h5>
<p class="text-sm text-blue-600">
技术用户能够打造完全符合个人需求的搜索体验，
但这种自由度也带来了相应的学习成本。
</p>
</div>
</div>
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4">搜索来源多样性</h4>
<p class="prose-custom text-secondary mb-4">
SearxNG的70+引擎聚合实现了虚拟索引整合，不同引擎的索引策略、
排名算法、内容偏好差异形成互补，降低单一引擎的系统性偏见。
</p>
<div class="bg-green-50 rounded-lg p-4">
<h5 class="font-medium text-green-700 mb-2">实测数据</h5>
<p class="text-sm text-green-600">
跨引擎结果重叠度常低于40%，意味着60%以上内容仅出现在特定引擎中
<a href="https://cloud.baidu.com/article/4253210" class="citation">[118]</a>。
</p>
</div>
</div>
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4">结果质量权衡</h4>
<div class="space-y-3 text-sm">
<div class="flex justify-between">
<span>信息覆盖广度</span>
<span class="text-green-600">SearxNG优</span>
</div>
<div class="flex justify-between">
<span>结果相关性深度</span>
<span class="text-red-600">商业引擎优</span>
</div>
<div class="flex justify-between">
<span>时效性</span>
<span class="text-red-600">商业引擎优</span>
</div>
<div class="flex justify-between">
<span>个性化适配</span>
<span class="text-red-600">SearxNG无（设计取舍）</span>
</div>
<div class="flex justify-between">
<span>无广告干扰</span>
<span class="text-green-600">SearxNG优</span>
</div>
</div>
</div>
</div>
<div class="bg-orange-50 rounded-xl p-8 border-l-4 border-orange-400 mt-12">
<h4 class="font-serif text-lg font-semibold mb-4 text-orange-700">关键洞察</h4>
<p class="prose-custom text-secondary">
SearxNG的无个性化是隐私保护的<strong>必要代价</strong>——用户需承担更多结果筛选责任，
无法依赖算法自动优化。但这也避免了"过滤气泡"效应，呈现更多元的信息视角。
理性策略是<strong>分层工具组合</strong>：敏感查询使用SearxNG，日常探索使用商业引擎，
形成隐私与效率的动态平衡。
</p>
</div>
</div>
</div>
</section>
<!-- Advantages and Limitations -->
<section id="advantages-limitations" class="py-16 px-8 bg-surface">
<div class="max-w-6xl mx-auto">
<h2 class="font-serif text-3xl font-bold mb-12 text-center">优势评估与局限性分析</h2>
<div class="grid lg:grid-cols-2 gap-12">
<!-- Core Advantages -->
<div>
<h3 class="font-serif text-2xl font-semibold mb-8 text-green-700">核心竞争优势</h3>
<div class="space-y-8">
<div class="feature-card">
<div class="bg-green-100 rounded-full w-16 h-16 flex items-center justify-center mb-4">
<i class="fas fa-shield-alt text-green-600 text-xl"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-3 text-green-700">隐私保护的终极形态</h4>
<p class="prose-custom text-secondary">
SearxNG的隐私保护不是单一功能，而是<strong>系统性工程</strong>：
无日志架构从源头消除数据留存、代理层隔离阻断直接追踪、
开源代码实现可验证信任、自托管选项彻底消除第三方依赖。
这种纵深防御设计使其成为当前隐私搜索领域的<strong>技术标杆</strong>。
</p>
</div>
<div class="feature-card">
<div class="bg-blue-100 rounded-full w-16 h-16 flex items-center justify-center mb-4">
<i class="fas fa-crown text-blue-600 text-xl"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-3 text-blue-700">用户主权的完全实现</h4>
<p class="prose-custom text-secondary">
从基础设施控制（自托管部署）到算法透明（可审计排序逻辑），
从引擎选择（70+自由组合）到界面定制（主题、布局、语言），
SearxNG将<strong>控制权重新交还用户</strong>。
这种主权实现程度在搜索引擎领域<strong>独一无二</strong>。
</p>
</div>
<div class="feature-card">
<div class="bg-purple-100 rounded-full w-16 h-16 flex items-center justify-center mb-4">
<i class="fas fa-users text-purple-600 text-xl"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-3 text-purple-700">开源生态的可持续性</h4>
<p class="prose-custom text-secondary">
AGPL-3.0许可证、活跃的GitHub社区、规范的CI/CD流程、
以及分叉机制带来的韧性，共同确保SearxNG的<strong>长期可持续性</strong>。
即使核心维护团队变动，社区有能力接管并继续演进
<a href="https://github.com/searxng/searxng" class="citation">[91]</a>
<a href="https://searxng.org/" class="citation">[207]</a>。
</p>
</div>
</div>
</div>
<!-- Main Limitations -->
<div>
<h3 class="font-serif text-2xl font-semibold mb-8 text-red-700">主要局限与挑战</h3>
<div class="space-y-8">
<div class="feature-card">
<div class="bg-red-100 rounded-full w-16 h-16 flex items-center justify-center mb-4">
<i class="fas fa-tools text-red-600 text-xl"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-3 text-red-700">技术门槛要求</h4>
<p class="prose-custom text-secondary">
Docker容器化虽显著降低门槛，但<strong>完全掌控仍需基础技术能力</strong>：
Linux系统管理、网络配置、YAML语法、故障排查。
这一门槛将大量普通用户排除在自托管选项之外，被迫依赖公共实例或替代方案。
</p>
</div>
<div class="feature-card">
<div class="bg-orange-100 rounded-full w-16 h-16 flex items-center justify-center mb-4">
<i class="fas fa-clock text-orange-600 text-xl"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-3 text-orange-700">性能瓶颈</h4>
<p class="prose-custom text-secondary">
并行查询的<strong>最慢响应约束</strong>、引擎失效的<strong>降级处理</strong>、
以及反爬对抗的<strong>持续博弈</strong>，使SearxNG的响应速度和结果稳定性
难以与原生引擎匹敌。公共实例的Google可用性波动尤为明显
<a href="https://github.com/searxng/searxng/issues/2515" class="citation">[158]</a>。
</p>
</div>
<div class="feature-card">
<div class="bg-yellow-100 rounded-full w-16 h-16 flex items-center justify-center mb-4">
<i class="fas fa-ban text-yellow-600 text-xl"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-3 text-yellow-700">功能边界</h4>
<p class="prose-custom text-secondary">
元搜索架构的<strong>固有取舍</strong>：无自有索引意味着无法优化特定内容类型；
无用户画像意味着无法提供个性化推荐；
无行为数据意味着难以自动优化排序。
这些边界是隐私优先设计的<strong>必要代价</strong>。
</p>
</div>
<div class="feature-card">
<div class="bg-gray-100 rounded-full w-16 h-16 flex items-center justify-center mb-4">
<i class="fas fa-exclamation-triangle text-gray-600 text-xl"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-3 text-gray-700">公共实例质量</h4>
<p class="prose-custom text-secondary">
公共实例的<strong>运营者差异</strong>导致服务质量参差不齐：配置策略不同、
引擎启用各异、更新频率不一、隐私承诺可信度难验证。
用户需投入精力评估和选择，或接受自托管的运维负担。
</p>
</div>
</div>
</div>
</div>
<!-- Future Trends -->
<div class="bg-white rounded-xl p-8 border border-border mt-12">
<h3 class="font-serif text-2xl font-semibold mb-8 text-center">发展趋势与演进方向</h3>
<div class="grid lg:grid-cols-3 gap-8">
<div class="feature-card">
<div class="bg-green-100 rounded-full w-16 h-16 flex items-center justify-center mb-4">
<i class="fas fa-search-plus text-green-600 text-xl"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-3 text-green-700">引擎库持续扩展</h4>
<p class="prose-custom text-secondary">
社区持续添加AI原生搜索引擎（如Perplexity API）、
去中心化索引（如YaCy联邦节点）、
区域特色引擎（如中国知网、俄罗斯Yandex）等新兴源，
保持信息覆盖的广度和时效性。
</p>
</div>
<div class="feature-card">
<div class="bg-blue-100 rounded-full w-16 h-16 flex items-center justify-center mb-4">
<i class="fas fa-mobile-alt text-blue-600 text-xl"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-3 text-blue-700">客户端优化升级</h4>
<p class="prose-custom text-secondary">
前端架构向现代Web组件演进，探索Service Worker离线能力、
WebAssembly性能优化、以及渐进式Web应用（PWA）体验，
缩小与原生应用的体验差距。
</p>
</div>
<div class="feature-card">
<div class="bg-purple-100 rounded-full w-16 h-16 flex items-center justify-center mb-4">
<i class="fas fa-robot text-purple-600 text-xl"></i>
</div>
<h4 class="font-serif text-lg font-semibold mb-3 text-purple-700">AI搜索融合</h4>
<p class="prose-custom text-secondary">
API设计已支持检索增强生成（RAG）场景，未来可能deeper集成：
本地大模型部署、搜索结果智能摘要、多轮对话式搜索等，
在保持隐私的前提下提升交互智能化水平
<a href="https://www.linkedin.com/posts/c4osl_senators-are-trying-to-force-isps-to-block-activity-7360361382074085377-NJwY" class="citation">[152]</a>
<a href="https://railway.com/deploy/searxng-w-official-i" class="citation">[201]</a>。
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Conclusion -->
<section id="conclusion" class="py-16 px-8 bg-white">
<div class="max-w-4xl mx-auto">
<h2 class="font-serif text-3xl font-bold mb-8 text-center">结论与展望</h2>
<div class="bg-gradient-to-r from-blue-50 to-indigo-50 rounded-xl p-8 border-l-4 border-accent mb-12">
<h3 class="font-serif text-xl font-semibold mb-4 text-accent">核心结论</h3>
<p class="prose-custom text-secondary">
SearxNG代表了搜索引擎发展的<strong>去中心化趋势</strong>，在数据主权日益重要的时代，
为技术用户和组织机构提供了<strong>完全可控的搜索基础设施</strong>选择。
虽然需要权衡部署复杂度与聚合延迟，但其零数据收集架构和深度定制能力
在隐私搜索领域具有独特价值。
</p>
</div>
<div class="grid md:grid-cols-2 gap-8 mb-12">
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4 text-green-700">适用场景</h4>
<ul class="space-y-3 text-secondary">
<li class="flex items-start">
<i class="fas fa-user-cog text-green-500 mr-3 mt-1"></i>
<span><strong>技术爱好者</strong>：追求完全控制搜索基础设施</span>
</li>
<li class="flex items-start">
<i class="fas fa-building text-green-500 mr-3 mt-1"></i>
<span><strong>企业组织</strong>：满足数据合规和信息安全要求</span>
</li>
<li class="flex items-start">
<i class="fas fa-shield-alt text-green-500 mr-3 mt-1"></i>
<span><strong>隐私极客</strong>：极致隐私保护需求</span>
</li>
<li class="flex items-start">
<i class="fas fa-graduation-cap text-green-500 mr-3 mt-1"></i>
<span><strong>学术机构</strong>：多源学术搜索和开放研究</span>
</li>
</ul>
</div>
<div class="feature-card">
<h4 class="font-serif text-lg font-semibold mb-4 text-orange-700">使用建议</h4>
<ul class="space-y-3 text-secondary">
<li class="flex items-start">
<i class="fas fa-rocket text-orange-500 mr-3 mt-1"></i>
<span><strong>入门体验</strong>：从公共实例开始，评估功能</span>
</li>
<li class="flex items-start">
<i class="fas fa-docker text-orange-500 mr-3 mt-1"></i>
<span><strong>个人部署</strong>：Docker容器化快速启动</span>
</li>
<li class="flex items-start">
<i class="fas fa-server text-orange-500 mr-3 mt-1"></i>
<span><strong>企业部署</strong>：多实例负载均衡+LDAP集成</span>
</li>
<li class="flex items-start">
<i class="fas fa-layer-group text-orange-500 mr-3 mt-1"></i>
<span><strong>混合使用</strong>：敏感查询SearxNG，日常商业引擎</span>
</li>
</ul>
</div>
</div>
<div class="bg-accent/5 rounded-xl p-8 border-l-4 border-accent">
<h3 class="font-serif text-xl font-semibold mb-4 text-accent">未来展望</h3>
<p class="prose-custom text-secondary mb-6">
随着GDPR、个人信息保护法等数据合规要求日益严格，以及对数字主权的关注持续升温，
SearxNG代表的<strong>自托管搜索基础设施</strong>将成为越来越多组织和个人的选择。
其开源社区驱动的演进模式，确保了技术的持续创新和适应性发展。
</p>
<p class="prose-custom text-secondary">
在AI时代，SearxNG有望成为<strong>隐私保护的搜索接入层</strong>，
为大语言模型应用提供可信的信息检索能力，在保护用户隐私的同时，
实现智能化搜索体验的全面提升。
</p>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-primary text-white py-12 px-8">
<div class="max-w-4xl mx-auto text-center">
<div class="mb-8">
<h3 class="font-serif text-2xl font-bold mb-4">参考资料与延伸阅读</h3>
<div class="grid md:grid-cols-2 gap-4 text-sm text-left">
<div>
<h4 class="font-medium mb-2">官方资源</h4>
<ul class="space-y-1 text-gray-300">
<li>
<a href="https://github.com/searxng/searxng" class="citation">[91] SearxNG GitHub仓库</a>
</li>
<li>
<a href="https://searxng.org/" class="citation">[207] SearxNG官方文档</a>
</li>
<li>
<a href="https://docs.searxng.org/admin/installation-docker.html" class="citation">[68] Docker部署指南</a>
</li>
</ul>
</div>
<div>
<h4 class="font-medium mb-2">技术文章</h4>
<ul class="space-y-1 text-gray-300">
<li>
<a href="https://brave2049.com/gao-bie-zhui-zong-shen-du-dui-bi-si-da-yin-si-sou-suo-yin-qing/" class="citation">[45] 隐私搜索引擎深度对比</a>
</li>
<li>
<a href="https://blog.csdn.net/gitblog_01158/article/details/148391998" class="citation">[150] 元搜索引擎技术原理</a>
</li>
<li>
<a href="https://cloud.baidu.com/article/3932438" class="citation">[149] 高级配置与插件开发</a>
</li>
</ul>
</div>
</div>
</div>
<div class="border-t border-gray-600 pt-8 text-sm text-gray-400">
<p>本报告基于公开资料和技术分析，旨在为读者提供客观、全面的SearxNG技术评估。</p>
<p class="mt-2">© 2026 SearxNG深度研究报告 | 遵循CC BY-SA 4.0协议</p>
</div>
</div>
</footer>
</main>
<script>
// Table of Contents Active Link Tracking
const tocLinks = document.querySelectorAll('.toc-link');
const sections = document.querySelectorAll('section[id], div[id]');
function updateActiveLink() {
let current = '';
sections.forEach(section => {
const sectionTop = section.offsetTop;
const sectionHeight = section.clientHeight;
if (window.pageYOffset >= sectionTop - 200) {
current = section.getAttribute('id');
}
});
tocLinks.forEach(link => {
link.classList.remove('active');
if (link.getAttribute('href') === `#${current}`) {
link.classList.add('active');
}
});
}
window.addEventListener('scroll', updateActiveLink);
updateActiveLink();
// Smooth scroll for TOC links
tocLinks.forEach(link => {
link.addEventListener('click', function(e) {
e.preventDefault();
const targetId = this.getAttribute('href').substring(1);
const targetElement = document.getElementById(targetId);
if (targetElement) {
targetElement.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
});
});
// Citation click handlers
document.querySelectorAll('.citation').forEach(citation => {
citation.addEventListener('click', function(e) {
e.preventDefault();
const href = this.getAttribute('href');
if (href && href.startsWith('http')) {
window.open(href, '_blank');
}
});
});
// Intersection Observer for animations
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
}
});
}, observerOptions);
// Observe feature cards for animation
document.querySelectorAll('.feature-card').forEach(card => {
card.style.opacity = '0';
card.style.transform = 'translateY(20px)';
card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
observer.observe(card);
});
</script>
</body></html>
登录后可参与表态
讨论回复
1 条回复
C3P0 (C3P0)
#1
02-01 11:15
登录后可参与表态