yueqian/wiki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
48cc5069b08a327f09762e1501d956a4ad3c9ca4
wiki/mcp-services-guide/index.html
T
yueqian-ai acca2041f0 init: 导入团队知识库内容
2026-05-14 16:56:48 +08:00

1061 lines
46 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MCP 服务大全 — 开发者指南 2025/2026</title>
<style>
:root {
--color-primary: #1677FF;
--color-primary-hover: #4096FF;
--color-primary-active: #0958D9;
--color-primary-bg: rgba(22, 119, 255, 0.1);
--color-success: #52C41A;
--color-warning: #FAAD14;
--color-error: #FF4D4F;
--bg: #0B0F1A;
--bg-secondary: #111827;
--bg-tertiary: #1A2235;
--border: #1E2A3A;
--border-light: #151D2E;
--text-primary: #E8ECF1;
--text-secondary: #8892A4;
--text-tertiary: #5A6478;
--radius-sm: 6px;
--radius-md: 8px;
--shadow-sm: 0 1px 2px rgba(0,0,0,0.15);
--shadow-md: 0 2px 4px rgba(0,0,0,0.2), 0 4px 12px -2px rgba(0,0,0,0.2);
--sidebar-w: 260px;
--header-h: 64px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif;
background: var(--bg);
color: var(--text-primary);
font-size: 14px;
line-height: 1.57;
}
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-secondary); }
/* Header */
.header {
position: fixed;
top: 0; left: 0; right: 0;
height: var(--header-h);
background: rgba(11, 15, 26, 0.85);
backdrop-filter: blur(12px);
border-bottom: 1px solid var(--border);
display: flex;
align-items: center;
padding: 0 1.5rem;
z-index: 100;
}
.header h1 {
font-size: 1.05rem;
font-weight: 700;
background: linear-gradient(135deg, var(--color-primary), #722ED1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.header .version {
margin-left: auto;
font-size: 0.8rem;
color: var(--text-secondary);
font-family: 'SF Mono', Monaco, monospace;
}
/* Sidebar */
.sidebar {
position: fixed;
top: var(--header-h); left: 0; bottom: 0;
width: var(--sidebar-w);
background: var(--bg-secondary);
border-right: 1px solid var(--border);
overflow-y: auto;
padding: 1.25rem 0;
z-index: 90;
}
.sidebar .toc-label {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--text-secondary);
padding: 0 1.25rem;
margin-bottom: 0.75rem;
}
.sidebar nav ol { list-style: none; padding: 0; counter-reset: toc; }
.sidebar nav li { counter-increment: toc; padding: 0; }
.sidebar nav a {
display: block;
padding: 0.45rem 1.25rem;
color: var(--text-secondary);
text-decoration: none;
font-size: 0.85rem;
line-height: 1.4;
border-left: 2px solid transparent;
transition: all 0.15s;
}
.sidebar nav a::before {
content: counter(toc) ". ";
color: var(--color-primary);
font-weight: 600;
font-size: 0.75rem;
margin-right: 0.4rem;
}
.sidebar nav a:hover {
color: var(--text-primary);
background: var(--color-primary-bg);
}
.sidebar nav a.active {
color: var(--color-primary);
border-left-color: var(--color-primary);
background: var(--color-primary-bg);
font-weight: 600;
}
/* Main content */
.main {
margin-left: var(--sidebar-w);
margin-top: var(--header-h);
padding: 2rem 2.5rem 4rem;
min-height: calc(100vh - var(--header-h));
}
/* Sections */
section {
margin: 40px 0;
scroll-margin-top: calc(var(--header-h) + 1rem);
}
section h2 {
font-size: 1.5rem;
padding-bottom: 8px;
border-bottom: 1px solid var(--border);
margin-bottom: 20px;
color: var(--color-primary);
}
section h3 {
font-size: 1.15rem;
margin: 24px 0 12px;
color: #722ED1;
}
section h4 {
font-size: 1rem;
margin: 16px 0 8px;
color: var(--color-success);
}
/* Table */
.table-wrap { overflow-x: auto; margin: 20px 0; }
table {
width: 100%;
border-collapse: collapse;
font-size: 0.92rem;
}
th, td {
padding: 10px 14px;
border: 1px solid var(--border);
text-align: left;
vertical-align: top;
}
th {
background: var(--bg-tertiary);
font-weight: 600;
position: sticky;
top: 0;
}
td { background: var(--bg-secondary); }
tbody tr:hover td { background: var(--color-primary-bg); }
.star-highlight { color: var(--color-warning); font-weight: 700; font-size: 1.05em; }
/* Cards */
.card-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
gap: 16px;
margin: 20px 0;
}
.card {
background: var(--bg-secondary);
border: 1px solid var(--border);
border-radius: var(--radius-md);
padding: 20px;
transition: all 0.2s ease;
}
.card:hover { border-color: var(--color-primary); box-shadow: var(--shadow-md); }
.card h4 { margin: 0 0 8px; color: var(--text-primary); font-size: 1rem; }
.card .card-title { margin: 0 0 8px; color: var(--text-primary); font-size: 1rem; font-weight: 700; }
.card .card-sub { color: var(--text-secondary); font-size: 0.82rem; font-family: 'SF Mono', Monaco, monospace; margin-bottom: 8px; }
.card p { color: var(--text-secondary); font-size: 0.88rem; margin: 0; }
.card ul { margin: 8px 0 0 16px; color: var(--text-secondary); font-size: 0.86rem; }
.card ul li { margin: 3px 0; }
/* Tags */
.tag {
display: inline-block;
padding: 2px 10px;
border-radius: 12px;
font-size: 0.75rem;
font-weight: 600;
margin-right: 4px;
margin-top: 6px;
}
.tag-blue { background: var(--color-primary-bg); color: var(--color-primary); border: 1px solid rgba(22,119,255,0.25); }
.tag-green { background: rgba(82,196,26,0.12); color: var(--color-success); border: 1px solid rgba(82,196,26,0.25); }
.tag-orange { background: rgba(250,173,20,0.12); color: var(--color-warning); border: 1px solid rgba(250,173,20,0.25); }
.tag-red { background: rgba(255,77,79,0.12); color: var(--color-error); border: 1px solid rgba(255,77,79,0.25); }
.tag-purple { background: rgba(114,46,209,0.12); color: #722ED1; border: 1px solid rgba(114,46,209,0.25); }
.tag-cyan { background: rgba(82,196,26,0.12); color: var(--color-success); border: 1px solid rgba(82,196,26,0.25); }
/* Code */
code {
background: var(--bg-tertiary);
padding: 2px 8px;
border-radius: var(--radius-sm);
font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
font-size: 0.85em;
color: var(--color-success);
}
pre {
background: var(--bg-secondary);
border: 1px solid var(--border);
border-radius: var(--radius-md);
padding: 20px;
overflow-x: auto;
margin: 16px 0;
}
pre code {
background: none;
padding: 0;
color: var(--text-primary);
font-size: 0.85rem;
line-height: 1.6;
}
/* Boxes */
.tip-box {
background: rgba(82, 196, 26, 0.06);
border: 1px solid rgba(82, 196, 26, 0.2);
border-radius: var(--radius-md);
padding: 20px 24px;
margin: 16px 0;
}
.tip-box h4 { color: var(--color-success); margin-bottom: 8px; font-size: 0.95rem; }
.tip-box p { color: var(--text-secondary); font-size: 0.88rem; margin: 4px 0; }
.warn-box {
background: rgba(250, 173, 20, 0.06);
border: 1px solid rgba(250, 173, 20, 0.2);
border-radius: var(--radius-md);
padding: 20px 24px;
margin: 16px 0;
}
.warn-box h4 { color: var(--color-warning); margin-bottom: 8px; font-size: 0.95rem; }
.warn-box p { color: var(--text-secondary); font-size: 0.88rem; margin: 4px 0; }
.danger-box {
background: rgba(255, 77, 79, 0.06);
border: 1px solid rgba(255, 77, 79, 0.2);
border-radius: var(--radius-md);
padding: 20px 24px;
margin: 16px 0;
}
.danger-box h4 { color: var(--color-error); margin-bottom: 8px; font-size: 0.95rem; }
.danger-box p { color: var(--text-secondary); font-size: 0.88rem; margin: 4px 0; }
/* Verdict */
.verdict {
background: linear-gradient(135deg, rgba(22, 119, 255, 0.08), rgba(114, 46, 209, 0.08));
border: 1px solid var(--border);
border-radius: var(--radius-md);
padding: 24px 32px;
margin: 20px 0;
}
.verdict h4 { color: var(--color-primary); margin-bottom: 12px; font-size: 1.05rem; }
.verdict p { color: var(--text-secondary); margin: 6px 0; font-size: 0.92rem; }
.verdict strong { color: var(--text-primary); }
/* Arch pipeline */
.arch-pipeline {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
margin: 16px 0;
}
.arch-step {
background: var(--bg-tertiary);
border: 1px solid var(--border);
border-radius: var(--radius-sm);
padding: 8px 16px;
font-size: 0.85rem;
font-family: 'SF Mono', Monaco, monospace;
color: var(--color-primary);
}
.arch-arrow { color: var(--text-tertiary); font-size: 1.1rem; }
/* Detail lists */
.detail-title { font-weight: 700; font-size: 0.9rem; color: var(--text-primary); margin-bottom: 6px; margin-top: 14px; }
.good-list { list-style: none; padding-left: 0; }
.good-list li {
position: relative;
padding-left: 18px;
font-size: 0.88rem;
color: var(--text-secondary);
margin-bottom: 4px;
}
.good-list li::before { content: "✓"; position: absolute; left: 0; color: var(--color-success); }
.warn-list { list-style: none; padding-left: 0; }
.warn-list li {
position: relative;
padding-left: 18px;
font-size: 0.88rem;
color: var(--text-secondary);
margin-bottom: 4px;
}
.warn-list li::before { content: "⚠"; position: absolute; left: 0; color: var(--color-warning); }
/* Card meta */
.card-meta { display: flex; gap: 14px; flex-wrap: wrap; font-size: 0.82rem; color: var(--text-secondary); margin-top: 12px; }
.card-meta span { display: flex; align-items: center; gap: 4px; }
/* Rank numbers */
.rank-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px; height: 26px;
border-radius: var(--radius-sm);
font-weight: 700;
font-size: 0.82em;
}
.rank-1 { background: linear-gradient(135deg, #ffd700, #ff8c00); color: #000; }
.rank-2 { background: linear-gradient(135deg, #c0c0c0, #a0a0a0); color: #000; }
.rank-3 { background: linear-gradient(135deg, #cd7f32, #a0522d); color: #fff; }
.rank-other { background: var(--bg); color: var(--text-secondary); border: 1px solid var(--border); }
/* Sources */
.sources {
background: var(--bg-secondary);
border: 1px solid var(--border);
border-radius: var(--radius-md);
padding: 24px 32px;
margin: 40px 0 20px;
}
.sources h2 { color: var(--text-secondary); font-size: 1rem; margin-bottom: 12px; }
.sources ul { margin-left: 20px; }
.sources li { margin: 6px 0; font-size: 0.88rem; color: var(--text-secondary); }
.sources a { color: var(--color-primary); text-decoration: none; }
.sources a:hover { text-decoration: underline; }
/* Footer */
.footer {
text-align: center;
padding: 24px 0;
color: var(--text-tertiary);
font-size: 0.85rem;
border-top: 1px solid var(--border);
margin-top: 20px;
}
a { color: var(--color-primary); }
p { color: var(--text-secondary); font-size: 0.92rem; margin: 8px 0; }
ul, ol { margin-left: 20px; }
li { margin: 4px 0; color: var(--text-secondary); font-size: 0.92rem; }
/* Pros/Cons */
.pros { border-left: 3px solid var(--color-success); }
.pros h4 { color: var(--color-success); }
.cons { border-left: 3px solid var(--color-error); }
.cons h4 { color: var(--color-error); }
/* Responsive */
@media (max-width: 992px) {
:root { --sidebar-w: 220px; }
.main { padding: 1.5rem 1.25rem 3rem; }
}
@media (max-width: 768px) {
.sidebar { display: none; }
.main { margin-left: 0; }
.card-grid { grid-template-columns: 1fr; }
table { font-size: 0.8rem; }
th, td { padding: 6px 8px; }
}
</style>
</head>
<body>
<header class="header">
<h1>MCP 服务大全 — 开发者指南</h1>
<span class="version">2026-04 · 20+ 服务</span>
</header>
<aside class="sidebar">
<div class="toc-label">目录</div>
<nav>
<ol>
<li><a href="#overview">MCP 协议概览</a></li>
<li><a href="#directory">目录与排行榜</a></li>
<li><a href="#top10">Top 10 服务排行</a></li>
<li><a href="#devtools">开发工具类</a></li>
<li><a href="#reasoning">推理分析类</a></li>
<li><a href="#web">网页抓取类</a></li>
<li><a href="#search">搜索服务类</a></li>
<li><a href="#docs">文档获取类</a></li>
<li><a href="#memory">知识记忆类</a></li>
<li><a href="#database">数据库类</a></li>
<li><a href="#compare">对比总表</a></li>
<li><a href="#recommend">分类推荐</a></li>
<li><a href="#security">安全注意事项</a></li>
<li><a href="#start">快速开始</a></li>
</ol>
</nav>
</aside>
<main class="main">
<!-- 1. Overview -->
<section id="overview">
<h2>一、MCP 协议概览</h2>
<p>Model Context Protocol（MCP）是 Anthropic 于 2024 年 11 月推出的开放协议，旨在标准化 AI 模型与外部数据源/工具之间的连接方式。通过 MCP，AI 助手可以以统一的方式访问文件系统、数据库、API、网页等资源，而无需为每个工具编写专用集成代码。</p>
<div class="card-grid">
<div class="card">
<h4>架构模式：Client-Server-Host 三层</h4>
<p>Host（AI 应用）通过 Client 连接到 Server（工具提供者），使用 JSON-RPC 通信，支持 stdio 和 HTTP 两种传输。</p>
</div>
<div class="card">
<h4>核心能力：Tools / Resources / Prompts</h4>
<p>Server 向 AI 暴露三类能力：Tools（可调用的函数）、Resources（可读取的数据）、Prompts（预定义的交互模板）。</p>
</div>
<div class="card">
<h4>生态规模：13,000+ 服务</h4>
<p>官方参考仓库已有 ~85k stars，PulseMCP 每日追踪 13,650+ 服务，覆盖 34 个分类。</p>
</div>
</div>
<h3>协议架构管线</h3>
<div class="arch-pipeline">
<span class="arch-step">Host (AI 应用)</span><span class="arch-arrow">→</span>
<span class="arch-step">Client</span><span class="arch-arrow">→</span>
<span class="arch-step">Server (工具)</span><span class="arch-arrow">→</span>
<span class="arch-step">外部资源</span>
</div>
</section>
<!-- 2. Directory -->
<section id="directory">
<h2>二、目录与排行榜</h2>
<p>发现和浏览 MCP 服务的主要途径：</p>
<div class="table-wrap">
<table>
<thead>
<tr><th>#</th><th>平台</th><th>URL</th><th>规模</th><th>排序依据</th><th>说明</th></tr>
</thead>
<tbody>
<tr><td><span class="rank-num rank-1">1</span></td><td><strong>PulseMCP</strong></td><td><a href="https://www.pulsemcp.com" target="_blank">pulsemcp.com</a></td><td>13,650+ 服务</td><td>社区活跃度 + Stars</td><td>每日更新，最全面的 MCP 服务目录</td></tr>
<tr><td><span class="rank-num rank-2">2</span></td><td><strong>MCP Market</strong></td><td><a href="https://mcpmarket.com/leaderboards" target="_blank">mcpmarket.com</a></td><td>Top 100 榜单</td><td>GitHub Stars</td><td>每日更新，附带分类标签和趋势</td></tr>
<tr><td><span class="rank-num rank-3">3</span></td><td><strong>官方服务器仓库</strong></td><td><a href="https://github.com/modelcontextprotocol/servers" target="_blank">github.com/servers</a></td><td>官方参考实现</td><td>官方维护</td><td>Anthropic 官方仓库，含多个参考服务器</td></tr>
<tr><td><span class="rank-num rank-other">4</span></td><td><strong>best-of-mcp-servers</strong></td><td><a href="https://github.com/tolkonepiu/best-of-mcp-servers" target="_blank">github.com/best-of</a></td><td>400+ / 960K Stars</td><td>评分制，每周更新</td><td>34 个分类，评分排行</td></tr>
<tr><td><span class="rank-num rank-other">5</span></td><td><strong>Awesome MCP (wong2)</strong></td><td><a href="https://github.com/wong2/awesome-mcp-servers" target="_blank">github.com/wong2</a></td><td>社区精选</td><td>人工精选</td><td>按领域分类的社区精选列表</td></tr>
<tr><td><span class="rank-num rank-other">6</span></td><td><strong>Awesome MCP 中文</strong></td><td><a href="https://github.com/yzfly/awesome-mcp-zh" target="_blank">github.com/yzfly</a></td><td>中文精选</td><td>人工精选</td><td>面向中文用户的 MCP 资源精选</td></tr>
</tbody>
</table>
</div>
</section>
<!-- 3. Top 10 -->
<section id="top10">
<h2>三、Top 10 服务排行</h2>
<p>按 GitHub Stars 排行的十大 MCP 服务（数据截至 2026 年 4 月）：</p>
<div class="table-wrap">
<table>
<thead>
<tr><th>#</th><th>服务名称</th><th>分类</th><th>Stars（约）</th><th>机构/作者</th></tr>
</thead>
<tbody>
<tr><td><span class="rank-num rank-1">1</span></td><td><strong>Superpowers</strong></td><td>AI 代理增强</td><td class="star-highlight">~170K</td><td>社区</td></tr>
<tr><td><span class="rank-num rank-2">2</span></td><td><strong>TrendRadar</strong></td><td>趋势监控</td><td class="star-highlight">~56K</td><td>社区</td></tr>
<tr><td><span class="rank-num rank-3">3</span></td><td><strong>Context7</strong></td><td>文档获取</td><td class="star-highlight">~54K</td><td><a href="https://upstash.com" target="_blank">Upstash</a></td></tr>
<tr><td><span class="rank-num rank-other">4</span></td><td><strong>Penpot</strong></td><td>设计工具</td><td>~47K</td><td><a href="https://penpot.app" target="_blank">Penpot</a></td></tr>
<tr><td><span class="rank-num rank-other">5</span></td><td><strong>OpenSpec</strong></td><td>规范管理</td><td>~44K</td><td>社区</td></tr>
<tr><td><span class="rank-num rank-other">6</span></td><td><strong>Sequential Thinking</strong></td><td>推理分析</td><td>~40K+</td><td><a href="https://anthropic.com" target="_blank">Anthropic</a></td></tr>
<tr><td><span class="rank-num rank-other">7</span></td><td><strong>mcp/servers</strong></td><td>参考实现集</td><td>~85K</td><td><a href="https://anthropic.com" target="_blank">Anthropic</a></td></tr>
<tr><td><span class="rank-num rank-other">8</span></td><td><strong>GitHub MCP</strong></td><td>开发协作</td><td>~29K</td><td><a href="https://github.com" target="_blank">GitHub</a></td></tr>
<tr><td><span class="rank-num rank-other">9</span></td><td><strong>Firecrawl</strong></td><td>网页抓取</td><td>~25K</td><td><a href="https://firecrawl.dev" target="_blank">Firecrawl (YC)</a></td></tr>
<tr><td><span class="rank-num rank-other">10</span></td><td><strong>Supabase MCP</strong></td><td>数据库</td><td>~20K</td><td><a href="https://supabase.com" target="_blank">Supabase</a></td></tr>
</tbody>
</table>
</div>
</section>
<!-- 4. Dev Tools -->
<section id="devtools">
<h2>四、开发工具类</h2>
<p>直接与开发工作流相关的 MCP 服务：代码管理、文件操作、容器管理等。</p>
<!-- GitHub -->
<div class="card" style="margin-bottom: 18px;">
<h4>🐙 GitHub MCP Server</h4>
<div class="card-sub">github/github-mcp-server · Go · ~29K Stars · MIT</div>
<p>GitHub 官方出品，让 AI 直接操作 GitHub 平台上的仓库、Issue、PR、Projects 等资源。</p>
<div><span class="tag tag-blue">官方出品</span><span class="tag tag-green">免费</span><span class="tag tag-purple">51+ 工具</span></div>
<div class="detail-title">主要功能</div>
<ul class="good-list">
<li>仓库管理：浏览、搜索、读取仓库内容</li>
<li>Issue / PR 管理：创建、更新、审阅、合并</li>
<li>GitHub Projects：项目看板和任务管理（2025.10 新增）</li>
<li>OAuth 范围过滤：精细化控制 API 权限（2026.01 新增）</li>
<li>动态工具集发现 + 本地/远程双部署模式</li>
</ul>
<div class="detail-title">限制条件</div>
<ul class="warn-list">
<li>GitHub Enterprise Server 不支持远程 MCP 托管</li>
<li>企业级治理功能尚未完全开放</li>
<li>工具描述冗长，影响 LLM 理解</li>
<li>2025 年 5 月曾发生通过 MCP 劫持 AI 代理的安全事件</li>
</ul>
<div class="card-meta"><span>🏢 GitHub (Microsoft)</span><span>💰 免费</span></div>
</div>
<!-- Filesystem -->
<div class="card" style="margin-bottom: 18px;">
<h4>📁 Filesystem MCP</h4>
<div class="card-sub">modelcontextprotocol/servers · TypeScript · 官方参考 · MIT</div>
<p>官方参考实现之一，允许 AI 读取、写入和管理本地文件系统。社区公认的"基础必备服务"。</p>
<div><span class="tag tag-blue">官方参考</span><span class="tag tag-green">免费</span><span class="tag tag-orange">基础必备</span></div>
<div class="detail-title">主要功能</div>
<ul class="good-list">
<li>读取/创建/编辑/删除文件和目录</li>
<li>目录列表、文件搜索（名称/内容模式）</li>
<li>可配置允许访问的目录范围</li>
</ul>
<div class="detail-title">限制条件</div>
<ul class="warn-list">
<li>无内置沙箱，存在误操作风险</li>
<li>大文件读取消耗上下文窗口</li>
</ul>
<div class="card-meta"><span>🏢 Anthropic</span><span>💰 免费</span></div>
</div>
<!-- Docker -->
<div class="card" style="margin-bottom: 18px;">
<h4>🐳 Docker MCP Server</h4>
<div class="card-sub">社区开源 · 容器管理</div>
<p>让 AI 通过 MCP 协议管理 Docker 容器生命周期：创建、启动、停止、查看日志、执行命令。</p>
<div><span class="tag tag-cyan">容器</span><span class="tag tag-green">开源</span></div>
<div class="detail-title">主要功能</div>
<ul class="good-list">
<li>容器生命周期管理 + 镜像/网络/数据卷管理</li>
<li>查看日志和资源使用，容器内执行命令</li>
</ul>
<div class="detail-title">限制条件</div>
<ul class="warn-list">
<li>需要 Docker socket 访问权限，安全风险较高</li>
<li>不建议在生产环境直接使用</li>
</ul>
<div class="card-meta"><span>🏢 社区</span><span>💰 免费</span></div>
</div>
<!-- Playwright -->
<div class="card" style="margin-bottom: 18px;">
<h4>🎭 Playwright MCP</h4>
<div class="card-sub">modelcontextprotocol/servers · TypeScript · 官方参考 · MIT</div>
<p>基于 Microsoft Playwright 的浏览器自动化服务，支持多浏览器引擎，让 AI 像人类一样操控网页。</p>
<div><span class="tag tag-blue">官方参考</span><span class="tag tag-purple">多浏览器</span><span class="tag tag-green">免费</span></div>
<div class="detail-title">主要功能</div>
<ul class="good-list">
<li>页面导航、点击、输入、表单填写</li>
<li>截图、PDF 导出、JS 执行、DOM 操作</li>
<li>支持 Chromium、Firefox、WebKit 三种引擎</li>
<li>网络请求拦截和 Mock</li>
</ul>
<div class="detail-title">限制条件</div>
<ul class="warn-list">
<li>资源占用高（需运行完整浏览器实例）</li>
<li>LLM 对复杂 CSS 选择器的理解可能不准确</li>
<li>无内置反爬虫绕过能力</li>
</ul>
<div class="card-meta"><span>🏢 Microsoft / Anthropic</span><span>💰 免费</span></div>
</div>
<!-- Puppeteer -->
<div class="card" style="margin-bottom: 18px;">
<h4>🎪 Puppeteer MCP</h4>
<div class="card-sub">modelcontextprotocol/servers · TypeScript · 官方参考 · Apache 2.0</div>
<p>基于 Google Puppeteer 的 Chrome 浏览器自动化服务，轻量但仅支持 Chromium。</p>
<div><span class="tag tag-blue">官方参考</span><span class="tag tag-orange">Chrome 专用</span><span class="tag tag-green">免费</span></div>
<div class="detail-title">主要功能</div>
<ul class="good-list">
<li>页面导航、点击、输入、截图</li>
<li>轻量级：比 Playwright 资源占用更少</li>
</ul>
<div class="detail-title">限制条件</div>
<ul class="warn-list">
<li>仅支持 Chrome/Chromium</li>
<li>复杂 E2E 测试一致性不如 Playwright</li>
<li>无内置反爬虫/代理轮换</li>
</ul>
<div class="card-meta"><span>🏢 Google / Anthropic</span><span>💰 免费</span></div>
</div>
</section>
<!-- 5. Reasoning -->
<section id="reasoning">
<h2>五、推理分析类</h2>
<div class="card">
<h4>💭 Sequential Thinking MCP</h4>
<div class="card-sub">modelcontextprotocol/servers · TypeScript/Python/Go · 官方参考 · MIT</div>
<p>提供结构化的动态反思推理过程，支持将复杂问题拆分为可管理的步骤，允许中途修正和分支思考。</p>
<div><span class="tag tag-blue">官方参考</span><span class="tag tag-purple">推理增强</span><span class="tag tag-green">免费</span></div>
<div class="detail-title">主要功能</div>
<ul class="good-list">
<li>将复杂问题分解为顺序思考步骤</li>
<li>支持修订和 refine 之前的思考，支持分支探索</li>
<li>追踪思考过程：步骤编号、总步数估计、是否修订、是否最终结论</li>
<li>动态调整：推理过程中可改变方向</li>
<li>社区变体支持多 Agent 路由和工具推荐</li>
</ul>
<div class="detail-title">限制条件</div>
<ul class="warn-list">
<li>工具描述超长，可能超出某些模型的工具描述长度限制</li>
<li>速度慢：迭代式推理需要更多 API 调用和时间</li>
<li>Token 消耗大，占用上下文窗口</li>
<li>新版 Claude 4 已内置类似推理能力，可能冗余</li>
<li>不是真正的模型内在推理增强，而是外部工具模拟</li>
</ul>
<div class="card-meta"><span>🏢 Anthropic</span><span>💰 免费</span></div>
</div>
</section>
<!-- 6. Web Scraping -->
<section id="web">
<h2>六、网页抓取类</h2>
<p>对比 Firecrawl（托管式爬取 API）与 Playwright/Puppeteer（本地浏览器自动化）：</p>
<div class="card-grid">
<div class="card">
<h4>🔥 Firecrawl MCP</h4>
<div class="card-sub">firecrawl/firecrawl-mcp-server · TypeScript · ~25K Stars</div>
<p>YC 支持的托管式网页爬取 API，内置反爬虫绕过、代理轮换，返回 LLM 友好的 Markdown/JSON。</p>
<div><span class="tag tag-red">SaaS 托管</span><span class="tag tag-green">反爬虫绕过</span><span class="tag tag-purple">12 工具</span><span class="tag tag-cyan">LLM 友好</span></div>
<div class="detail-title">主要功能</div>
<ul class="good-list">
<li>12 个工具：scrape / crawl / search / extract / 截图</li>
<li>递归爬取：从单 URL 自动爬取整个网站</li>
<li>返回清洁 Markdown 或结构化 JSON</li>
<li>内置反爬虫绕过、代理轮换、地理位置切换</li>
</ul>
<div class="detail-title">限制条件</div>
<ul class="warn-list">
<li>按 Credit 计费：1 Credit ≈ 1 页爬取</li>
<li>免费层仅 500 Credit（一次性）</li>
<li>每页返回 5K-15K Token，爬取可耗 50K+ Token</li>
<li>比 Playwright 的浏览器级控制更粗粒度</li>
</ul>
<div class="detail-title">定价方案</div>
<ul>
<li>Hobby: $16/月 — 3,000 Credit</li>
<li>Standard: $83/月 — 100,000 Credit</li>
<li>Scale: 定制 — 百万级页面</li>
</ul>
<div class="card-meta"><span>🏢 Firecrawl (YC)</span><span>💰 免费层 + 付费</span></div>
</div>
</div>
<h3>浏览器自动化 vs 托管爬取</h3>
<div class="table-wrap">
<table>
<thead>
<tr><th>维度</th><th>Playwright</th><th>Puppeteer</th><th>Firecrawl</th></tr>
</thead>
<tbody>
<tr><td><strong>类型</strong></td><td>开源库（本地运行）</td><td>开源库（本地运行）</td><td>托管 SaaS API</td></tr>
<tr><td><strong>浏览器</strong></td><td>Chromium / Firefox / WebKit</td><td>仅 Chromium</td><td>托管（自动管理）</td></tr>
<tr><td><strong>反爬虫</strong></td><td>❌ 手动</td><td>❌ 手动</td><td>✅ 内置</td></tr>
<tr><td><strong>输出格式</strong></td><td>原始 HTML / 截图</td><td>原始 HTML / 截图</td><td>Markdown / JSON / HTML</td></tr>
<tr><td><strong>代理轮换</strong></td><td>❌ 手动</td><td>❌ 手动</td><td>✅ 内置</td></tr>
<tr><td><strong>价格</strong></td><td class="star-highlight">免费</td><td class="star-highlight">免费</td><td>免费层 + $16/月起</td></tr>
<tr><td><strong>适合</strong></td><td>复杂交互、多浏览器测试</td><td>简单 Chrome 自动化</td><td>AI Agent 网页数据获取</td></tr>
</tbody>
</table>
</div>
</section>
<!-- 7. Search -->
<section id="search">
<h2>七、搜索服务类</h2>
<p>对比 Brave Search（官方 API）和 DuckDuckGo（非官方爬取）：</p>
<div class="card-grid">
<div class="card">
<h4>🦁 Brave Search MCP</h4>
<div class="card-sub">brave/brave-search-mcp-server · TypeScript · 官方</div>
<p>Brave 官方出品，基于 Brave Search API，提供高质量的网络搜索、本地 POI、图片和视频搜索。</p>
<div><span class="tag tag-blue">官方 API</span><span class="tag tag-green">高准确率</span><span class="tag tag-orange">需 API Key</span></div>
<div class="detail-title">主要功能</div>
<ul class="good-list">
<li>网络搜索、本地 POI、图片、视频搜索</li>
<li>MCPBench 评分 ~46.60%（远高于 DDG 的 13.62%）</li>
<li>高可用速率限制，支持付费扩容</li>
</ul>
<div class="detail-title">限制条件</div>
<ul class="warn-list">
<li>需要 API Key 和信用卡注册</li>
<li>免费层有请求数量限制</li>
</ul>
<div class="card-meta"><span>🏢 Brave Software</span><span>💰 免费层 + 付费</span></div>
</div>
<div class="card">
<h4>🦆 DuckDuckGo MCP</h4>
<div class="card-sub">nickclyde/duckduckgo-mcp-server · Python · 社区</div>
<p>社区开发，无需 API Key、完全免费，通过爬取 DuckDuckGo 网页接口实现。</p>
<div><span class="tag tag-green">完全免费</span><span class="tag tag-orange">无需 API Key</span><span class="tag tag-red">非官方</span></div>
<div class="detail-title">主要功能</div>
<ul class="good-list">
<li>网络搜索 + 内容获取与解析</li>
<li>零配置开箱即用</li>
</ul>
<div class="detail-title">限制条件</div>
<ul class="warn-list">
<li>非官方 API，通过爬取实现，不稳定</li>
<li>MCPBench 评分仅 ~13.62%</li>
<li>严重速率限制，DDG 改网页接口后可能中断</li>
<li>不适合生产环境</li>
</ul>
<div class="card-meta"><span>🏢 社区 (Nick Clyde)</span><span>💰 完全免费</span></div>
</div>
</div>
</section>
<!-- 8. Docs -->
<section id="docs">
<h2>八、文档获取类</h2>
<div class="card">
<h4>📖 Context7 MCP</h4>
<div class="card-sub">upstash/context7 · ~54K Stars · MIT</div>
<p>由 Upstash 团队开发，为 AI 编程助手提供最新、版本特定的官方文档，消除 LLM 训练数据过时的 API 幻觉。</p>
<div><span class="tag tag-blue">Top 3 Stars</span><span class="tag tag-green">开源 MIT</span><span class="tag tag-purple">15+ 语言</span><span class="tag tag-cyan">混合搜索</span></div>
<div class="detail-title">主要功能</div>
<ul class="good-list">
<li>从官方来源拉取最新、版本特定的文档</li>
<li>消除 LLM 的 API 幻觉和过时信息</li>
<li>支持 15+ 编程语言和框架</li>
<li>混合搜索：BM25 + 向量嵌入</li>
<li>返回真实可运行的代码示例</li>
<li>兼容 Cursor、Claude Code、Windsurf</li>
</ul>
<div class="detail-title">限制条件</div>
<ul class="warn-list">
<li>免费层限制 100 次请求/天；Pro 层 10,000 次/天</li>
<li>每次请求消耗大量 Token</li>
<li>仅限文档检索，不支持代码分析或搜索</li>
</ul>
<div class="card-meta"><span>🏢 Upstash</span><span>💰 免费 + 付费</span></div>
</div>
</section>
<!-- 9. Memory -->
<section id="memory">
<h2>九、知识记忆类</h2>
<p>让 AI 拥有跨对话持久记忆的服务，分为知识图谱（实体-关系-观察）和文件银行（Markdown 目录）两种模式。</p>
<div class="card-grid">
<div class="card">
<h4>🕸 Knowledge Graph Memory MCP</h4>
<div class="card-sub">modelcontextprotocol/servers · TypeScript · 官方参考 · MIT</div>
<p>Anthropic 官方参考实现，通过本地知识图谱为 AI 提供跨会话持久化记忆。使用实体-关系-观察三元组。</p>
<div><span class="tag tag-blue">官方参考</span><span class="tag tag-purple">图谱结构</span><span class="tag tag-green">免费</span></div>
<div class="detail-title">主要功能</div>
<ul class="good-list">
<li>实体（Entities）、关系（Relations）、观察（Observations）</li>
<li>完整 CRUD + 持久化到本地 JSON 文件</li>
<li>多个 AI/IDE 可共享同一记忆文件</li>
</ul>
<div class="detail-title">限制条件</div>
<ul class="warn-list">
<li>PoC 级别：单 JSON 文件，无数据库级并发/扩展</li>
<li>回忆截断至 ~4,096 Token，搜索仅为简单文本匹配</li>
<li>AI 不会自动使用记忆工具，需手动提示</li>
</ul>
<div class="card-meta"><span>🏢 Anthropic</span><span>💰 免费</span></div>
</div>
<div class="card">
<h4>🏦 Memory Bank MCP</h4>
<div class="card-sub">社区 · 多个实现 · 文件银行模式</div>
<p>基于 Markdown 文件目录的项目记忆系统，通过结构化的文件管理项目上下文。</p>
<div><span class="tag tag-orange">文件银行</span><span class="tag tag-green">多实现</span><span class="tag tag-cyan">项目级</span></div>
<div class="detail-title">主要功能</div>
<ul class="good-list">
<li>按项目初始化/管理记忆银行</li>
<li>读写记忆文件，追踪项目进度</li>
<li>支持多项目独立记忆 + 远程 SSH</li>
</ul>
<div class="detail-title">限制条件</div>
<ul class="warn-list">
<li>基于文件系统，不支持图谱关系查询</li>
<li>需手动维护文件结构和内容</li>
<li>无法原生映射概念间关系</li>
</ul>
<div class="card-meta"><span>🏢 社区</span><span>💰 免费</span></div>
</div>
</div>
</section>
<!-- 10. Database -->
<section id="database">
<h2>十、数据库类</h2>
<div class="card">
<h4>🔮 Supabase MCP Server</h4>
<div class="card-sub">supabase-community/supabase-mcp · TypeScript · ~20K Stars · MIT</div>
<p>Supabase 官方支持，让 AI 执行 SQL 查询、管理 Schema、管理项目和用户，拥有 20+ 工具。</p>
<div><span class="tag tag-blue">官方支持</span><span class="tag tag-purple">20+ 工具</span><span class="tag tag-red">⚠ 安全注意</span></div>
<div class="detail-title">主要功能</div>
<ul class="good-list">
<li>数据库 & Schema：设计表、生成迁移、执行 SQL</li>
<li>项目管理、Auth 管理、Edge Functions、分支管理</li>
<li>连接池 + 只读模式 + 远程 MCP 服务</li>
</ul>
<div class="detail-title">限制条件</div>
<ul class="warn-list">
<li>Supabase 官方声明：绝不要连接生产数据</li>
<li>使用 service_role 权限，绕过所有 RLS（行级安全）</li>
<li>提示注入是 #1 安全关切，可能导致数据库泄露</li>
<li>多服务组合可能超过编辑器工具数量上限</li>
</ul>
<div class="card-meta"><span>🏢 Supabase (YC)</span><span>💰 免费（仅限开发环境）</span></div>
</div>
</section>
<!-- 11. Compare -->
<section id="compare">
<h2>十一、对比总表</h2>
<div class="table-wrap">
<table>
<thead>
<tr><th>服务</th><th>分类</th><th>机构</th><th>Stars</th><th>价格</th><th>适合生产?</th><th>核心优势</th><th>主要短板</th></tr>
</thead>
<tbody>
<tr><td><strong>GitHub</strong></td><td>开发协作</td><td>GitHub</td><td>~29K</td><td>免费</td><td>✅</td><td>官方 API、51+ 工具</td><td>企业治理不完善</td></tr>
<tr><td><strong>Filesystem</strong></td><td>文件操作</td><td>Anthropic</td><td>~85K*</td><td>免费</td><td>⚠️ 谨慎</td><td>最基础、最实用</td><td>无沙箱保护</td></tr>
<tr><td><strong>Sequential Thinking</strong></td><td>推理增强</td><td>Anthropic</td><td>~40K*</td><td>免费</td><td>✅</td><td>结构化问题分解</td><td>慢、耗 Token</td></tr>
<tr><td><strong>Playwright</strong></td><td>浏览器自动化</td><td>Microsoft</td><td>~85K*</td><td>免费</td><td>✅</td><td>三浏览器引擎</td><td>资源占用高</td></tr>
<tr><td><strong>Puppeteer</strong></td><td>浏览器自动化</td><td>Google</td><td>~85K*</td><td>免费</td><td>✅</td><td>轻量、Chrome 专精</td><td>仅 Chromium</td></tr>
<tr><td><strong>Firecrawl</strong></td><td>网页爬取</td><td>Firecrawl</td><td>~25K</td><td>免费+付费</td><td>✅</td><td>反爬虫绕过、LLM 友好</td><td>按量计费</td></tr>
<tr><td><strong>Brave Search</strong></td><td>网络搜索</td><td>Brave</td><td>~10K*</td><td>免费+付费</td><td>✅</td><td>官方 API、高准确率 46.6%</td><td>需 API Key</td></tr>
<tr><td><strong>DuckDuckGo</strong></td><td>网络搜索</td><td>社区</td><td>~5K*</td><td>免费</td><td>❌ 实验</td><td>零配置</td><td>准确率仅 13.6%</td></tr>
<tr><td><strong>Context7</strong></td><td>文档检索</td><td>Upstash</td><td>~54K</td><td>免费+付费</td><td>✅</td><td>消除 API 幻觉</td><td>每日请求限制</td></tr>
<tr><td><strong>KG Memory</strong></td><td>知识记忆</td><td>Anthropic</td><td>~85K*</td><td>免费</td><td>⚠️ PoC</td><td>图谱结构</td><td>单 JSON 文件</td></tr>
<tr><td><strong>Memory Bank</strong></td><td>知识记忆</td><td>社区</td><td>多变</td><td>免费</td><td>⚠️ 谨慎</td><td>项目级管理</td><td>无关系映射</td></tr>
<tr><td><strong>Supabase</strong></td><td>数据库</td><td>Supabase</td><td>~20K</td><td>免费</td><td>❌ 仅开发</td><td>完整的 Postgres 集成</td><td>安全风险</td></tr>
</tbody>
</table>
</div>
<p style="font-size:0.82rem; color:var(--text-secondary);">* 表示包含在 modelcontextprotocol/servers 仓库中，Stars 数为整个仓库的数值。</p>
</section>
<!-- 12. Recommend -->
<section id="recommend">
<h2>十二、分类推荐</h2>
<div class="card-grid">
<div class="card" style="border-color: rgba(82,196,26,0.3);">
<h4 style="color:var(--color-success);">🥇 最佳入门组合</h4>
<p><code>Filesystem + DuckDuckGo + Context7</code></p>
<p>零成本、无需 API Key、开箱即用，覆盖文件操作、联网搜索、文档查询三大核心场景。</p>
</div>
<div class="card" style="border-color: rgba(22,119,255,0.3);">
<h4 style="color:var(--color-primary);">🥈 最佳生产组合</h4>
<p><code>GitHub + Brave Search + Firecrawl + Context7</code></p>
<p>官方 API、高可靠性、可扩展，覆盖代码管理、搜索、爬取、文档四大场景。</p>
</div>
<div class="card" style="border-color: rgba(114,46,209,0.3);">
<h4 style="color:#722ED1;">🥉 最佳 AI Agent 组合</h4>
<p><code>Sequential Thinking + KG Memory + Firecrawl + GitHub</code></p>
<p>推理 + 记忆 + 信息获取 + 代码管理，构建具有持久记忆和推理能力的自主 Agent。</p>
</div>
</div>
</section>
<!-- 13. Security -->
<section id="security">
<h2>十三、安全注意事项</h2>
<p>MCP 服务赋予 AI 直接操作外部系统的能力，安全问题不容忽视。</p>
<div class="card-grid">
<div class="card">
<h4>🔒 权限最小化</h4>
<p>为每个服务配置最小必要权限。Filesystem 限制访问目录、Supabase 使用只读模式、GitHub 使用最小 OAuth Scope。</p>
</div>
<div class="card">
<h4>💉 提示注入攻击</h4>
<p>攻击者可在网页/数据库/文件中注入恶意指令，诱导 AI 执行非预期操作。2025 年 5 月已发生真实劫持事件。</p>
</div>
<div class="card">
<h4>🚫 禁止连接生产</h4>
<p>多个服务（如 Supabase）明确禁止连接生产环境。开发/测试与生产严格隔离。</p>
</div>
<div class="card">
<h4>🛡 DNS 重绑定保护</h4>
<p>MCP TypeScript SDK 默认不启用 DNS 重绑定保护。远程 HTTP 服务需自行实现安全措施。</p>
</div>
<div class="card">
<h4>📋 工具数量限制</h4>
<p>AI 编辑器（如 Cursor）有工具数量上限（~40 个）。同时启用多个服务可能超限，需选择性禁用部分工具组。</p>
</div>
<div class="card">
<h4>🔍 审计与监控</h4>
<p>MCP 操作缺乏透明度，建议启用日志和监控。Memory 等服务缺乏内置可见性，需额外仪表化。</p>
</div>
</div>
</section>
<!-- 14. Quick Start -->
<section id="start">
<h2>十四、快速开始</h2>
<h3>14.1 配置文件编辑</h3>
<p>在 Claude Code 中编辑 <code>~/.claude/settings.json</code>，在 Cursor 中编辑 <code>.cursor/mcp.json</code>：</p>
<pre><code>{
"mcpServers": {
"filesystem": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-filesystem", "/path/to/allowed/dir"]
},
"github": {
"command": "docker",
"args": ["run", "-i", "--rm", "-e", "GITHUB_PERSONAL_ACCESS_TOKEN", "ghcr.io/github/github-mcp-server"],
"env": {
"GITHUB_PERSONAL_ACCESS_TOKEN": "your-token-here"
}
},
"context7": {
"command": "npx",
"args": ["-y", "@upstash/context7-mcp"]
},
"brave-search": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-brave-search"],
"env": {
"BRAVE_API_KEY": "your-api-key-here"
}
}
}
}</code></pre>
<h3>14.2 安装命令速查</h3>
<div class="table-wrap">
<table>
<thead>
<tr><th>服务</th><th>安装命令</th><th>需要 API Key?</th></tr>
</thead>
<tbody>
<tr><td>Filesystem</td><td><code>npx -y @modelcontextprotocol/server-filesystem &lt;dir&gt;</code></td><td>❌</td></tr>
<tr><td>GitHub</td><td><code>docker run -i --rm -e GITHUB_PERSONAL_ACCESS_TOKEN ...</code></td><td>✅ PAT</td></tr>
<tr><td>Sequential Thinking</td><td><code>npx -y @modelcontextprotocol/server-sequential-thinking</code></td><td>❌</td></tr>
<tr><td>Playwright</td><td><code>npx -y @modelcontextprotocol/server-playwright</code></td><td>❌</td></tr>
<tr><td>Puppeteer</td><td><code>npx -y @modelcontextprotocol/server-puppeteer</code></td><td>❌</td></tr>
<tr><td>Firecrawl</td><td><code>npx -y @firecrawl/mcp-server</code></td><td>✅ API Key</td></tr>
<tr><td>Brave Search</td><td><code>npx -y @modelcontextprotocol/server-brave-search</code></td><td>✅ API Key</td></tr>
<tr><td>DuckDuckGo</td><td><code>pip install duckduckgo-mcp-server</code></td><td>❌</td></tr>
<tr><td>Context7</td><td><code>npx -y @upstash/context7-mcp</code></td><td>❌</td></tr>
<tr><td>KG Memory</td><td><code>npx -y @modelcontextprotocol/server-memory</code></td><td>❌</td></tr>
<tr><td>Memory Bank</td><td><code>npx -y @memory-bank/mcp</code></td><td>❌</td></tr>
<tr><td>Supabase</td><td><code>npx -y @supabase/mcp-server</code></td><td>✅ Access Token</td></tr>
</tbody>
</table>
</div>
<div class="tip-box">
<h4>实用建议</h4>
<p>首次使用建议从 <strong>Filesystem + 一个搜索服务</strong> 开始，逐步添加。</p>
<p>联网搜索优先选 <strong>Brave Search</strong>（准确率高），DuckDuckGo 仅适合快速原型。</p>
<p>需要网页爬取且不想维护基础设施时选 <strong>Firecrawl</strong>，否则用 <strong>Playwright/Puppeteer</strong>。</p>
<p><strong>Context7</strong> 几乎对所有编程场景都有帮助，强烈推荐常开。</p>
<p>同时启用 <strong>3-5 个</strong> MCP 服务是最佳数量，超过后 LLM 可能难以有效利用所有工具。</p>
<p>绝不要将 <strong>Supabase MCP</strong> 连接到生产数据库。</p>
</div>
</section>
<!-- Sources -->
<div class="sources">
<h2>数据来源</h2>
<ul>
<li><a href="https://github.com/modelcontextprotocol/servers" target="_blank">modelcontextprotocol/servers - GitHub 官方参考</a></li>
<li><a href="https://www.pulsemcp.com/servers" target="_blank">PulseMCP - 13,650+ MCP 服务追踪</a></li>
<li><a href="https://mcpmarket.com/leaderboards" target="_blank">MCP Market - Top 100 排行榜</a></li>
<li><a href="https://github.com/tolkonepiu/best-of-mcp-servers" target="_blank">best-of-mcp-servers - 评分制排行</a></li>
<li><a href="https://github.com/wong2/awesome-mcp-servers" target="_blank">awesome-mcp-servers - 社区精选</a></li>
<li><a href="https://github.com/yzfly/awesome-mcp-zh" target="_blank">Awesome MCP 中文精选</a></li>
<li><a href="https://www.firecrawl.dev/blog/best-mcp-servers-for-developers" target="_blank">Firecrawl - 10 Best MCP Servers for Developers 2026</a></li>
<li><a href="https://github.com/github/github-mcp-server" target="_blank">GitHub MCP Server 官方仓库</a></li>
<li><a href="https://github.com/upstash/context7" target="_blank">Context7 官方仓库</a></li>
<li><a href="https://supabase.com/docs/guides/getting-started/mcp" target="_blank">Supabase MCP 官方文档</a></li>
</ul>
</div>
</main>
<div class="footer">
<p>MCP 服务大全 · 面向开发者的完整指南 · 2026-04</p>
<p style="margin-top:0.5rem;">
<a href="https://github.com/modelcontextprotocol/servers" target="_blank">官方服务器</a> &middot;
<a href="https://www.pulsemcp.com" target="_blank">PulseMCP</a> &middot;
<a href="https://mcpmarket.com/leaderboards" target="_blank">MCP Market</a> &middot;
<a href="https://github.com/wong2/awesome-mcp-servers" target="_blank">Awesome MCP</a> &middot;
<a href="https://github.com/yzfly/awesome-mcp-zh" target="_blank">中文精选</a>
</p>
</div>
<script>
// Sidebar active link tracking
const links = document.querySelectorAll('.sidebar nav a');
const sections = document.querySelectorAll('.main section, .main .sources');
function setActive() {
let current = '';
sections.forEach(s => {
if (s.getBoundingClientRect().top < 120) current = s.id;
});
links.forEach(a => {
a.classList.toggle('active', a.getAttribute('href') === '#' + current);
});
}
links.forEach(a => {
a.addEventListener('click', e => {
e.preventDefault();
const target = document.querySelector(a.getAttribute('href'));
if (target) target.scrollIntoView();
});
});
window.addEventListener('scroll', setActive, { passive: true });
setActive();
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink