MCP作弊信息
🎴 你的口袋妖怪风格模型上下文协议备忘单参考
🎮 关于
本网站作为一个交互式备忘单，用于了解 模型上下文协议（MCP） 通过一个有趣的口袋妖怪类比！它是为教育课程而创建的，通过将MCP概念与熟悉的口袋妖怪游戏机制进行比较，帮助开发人员掌握MCP概念。
⚡ 神奇宝贝类比
- 玩家 =主机（IDE/应用程序）
- 扑克 球 =客户端（连接管理器）
- 宝可梦 =MCP服务器（能力提供者）
- 移动 =工具/资源（操作）
🚀 特性
- ✅ 响应式Bootstrap 5设计
- ✅ 宝可梦主题配色方案和动画
- ✅ 具有悬停效果的交互式卡片组件
- ✅ MCP综合参考指南
- ✅ 移动友好布局
- ✅ 平滑滚动动画
- ✅ 复活节彩蛋：Konami代码激活
- ✅ Azure静态Web应用程序就绪
📦 包含内容
mcp-cheat-info/
├── index.html # Main HTML page
├── styles.css # Custom Pokemon-themed styles
├── script.js # Interactive JavaScript features
├── staticwebapp.config.json # Azure Static Web Apps configuration
└── README.md # This file🛠️ 本地开发
只需打开 index.html 在浏览器中，或使用本地服务器：
# Using Python
python -m http.server 8000
# Using Node.js (http-server)
npx http-server -p 8000
# Using PHP
php -S localhost:8000然后访问 http://localhost:8000
☁️ 部署到Azure静态Web应用程序
选项1:Azure门户
- 将此仓库推送到GitHub
- 首选 Azure 门户
- 创建新 静态Web应用程序
- 连接到您的GitHub存储库
- 设置构建详细信息：
- 应用程序位置: / - Api位置：（留空） - 输出位置：（留空）
选项2:Azure CLI
# Login to Azure
az login
# Create resource group (if needed)
az group create --name mcp-cheat-rg --location eastus
# Create static web app
az staticwebapp create `
--name mcp-cheat-info `
--resource-group mcp-cheat-rg `
--source https://github.com/YOUR-USERNAME/mcp-cheat-info `
--location eastus `
--branch main `
--app-location "/" `
--login-with-github选项3:GitHub操作（自动）
Azure静态Web应用程序部署将自动为CI/CD创建GitHub Actions工作流。
🎨 定制
颜色
在中编辑CSS变量 styles.css:
:root {
--pokemon-red: #EE1515;
--pokemon-blue: #3B4CCA;
--pokemon-yellow: #FFDE00;
/* ... add your custom colors */
}内容
修改中的部分 index.html:
- 英雄部分
- 类比卡
- MCP参考卡
- 关键概念
🎯 涵盖MCP概念
- 建筑：主机、客户端、服务器关系
- 工具：服务器公开的可调用函数
- 资源：数据/内容访问模式
- 提示：可重复使用的模板系统
- 沟通：JSON-RPC协议
- 安全：权限和沙盒模型
- 生命周期：初始化、准备、关闭阶段
🐛 复活节彩蛋
试试 Konami代码: ↑ ↑ ↓ ↓ ← → ← → B A
📄 许可证
该项目是为教育目的而创建的，是MCP培训课程的一部分。
🤝 贡献
请随时为您自己的MCP会话进行分叉和定制！
📞 联系
为MCP社区创建❤️
______________________________________________________________________
必须了解他们所有人！ ⚡