MCP Web 教程 🚀

一个交互式的 Web 教程，用于学习如何构建 MCP (模型上下文协议) 服务器。这个教育网站提供了实现和理解 MCP 服务器的逐步指导。

特性 ✨

• 📱 现代、响应式设计，采用移动优先方法
• 📚 综合教程内容
• ⚡ 实时代码示例
• 🎨 语法高亮
• 📋 复制到剪贴板功能
• 📊 进度跟踪
• 🔍 逐步安装指南
• 🌐 交互式 UI 元素
• 🔄 实时预览
• 🌙 暗黑模式支持

快速开始 🚀

前提条件 📋

• Node.js (v14 或更高版本) 💻
• npm 或 yarn 📦

安装 🛠️

1. 克隆仓库:

git clone https://github.com/opestro/mcp-web.git
cd mcp-web

2. 安装依赖:

npm install

3. 启动服务器:

node server.js

4. 在浏览器中访问 http://localhost:3000 🌐

项目结构 📁

mcp-web/
├── views/              # EJS 模板
│   ├── layout.ejs      # 主要布局模板 🏗️
│   ├── index.ejs       # 首页 🏠
│   ├── installation.ejs # 安装指南 ⚙️
│   └── tutorial.ejs    # 教程内容 📚
├── public/             # 静态资源 🖼️
│   └── image.png       # 主要的英雄图像 🖼️
├── server.js           # Express 服务器 🖥️
└── package.json        # 依赖 📦

使用的技术 🛠️

• ⚡ Express.js - Web 框架
• 🧩 EJS - 模板引擎
• 💅 TailwindCSS - 样式
• ✨ Prism.js - 代码语法高亮

贡献 🤝

欢迎贡献！请随时提交 Pull Request。

1. Fork 项目 🍴
2. 创建您的特性分支 (git checkout -b feature/amazing-feature)
3. 提交您的更改 (git commit -m 'Add some amazing feature')
4. 推送到分支 (git push origin feature/amazing-feature)
5. 打开一个 Pull Request 📬

作者 ✍️

Mehdi Harzallah

• 💼 LinkedIn: Mehdi Harzallah
• 🐱 GitHub: @opestro
• 📧 Email: mahdiharzallah21@gmail.com

许可证 📄

本项目根据 MIT 许可证授权 - 有关详细信息，请参阅 LICENSE 文件。

鸣谢 🙏

• 感谢所有帮助构建此教育资源的贡献者 ❤️
• 特别感谢 MCP 社区 🌟

支持 💬

如需支持，您可以:

• 🐞 在 GitHub 上打开一个 issue
• 💬 通过 WhatsApp 联系: +213 778191078
• 📧 发送电子邮件至 mahdiharzallah21@gmail.com