云计算项目背景
随着人工智能技术的飞速发展，国内各大厂商纷纷推出了自己的大语言模型产品。从阿里云的千问、智谱的GLM，到DeepSeek、Kimi、豆包等，市场上涌现出了众多优秀的国产大模型。
国内大模型导航：常用网址一键直达
然而，对于开发者和普通用户来说，想要快速找到这些模型的官方入口、API密钥管理页面、定价信息或在线对话体验，往往需要在各个平台之间来回跳转，效率低下。
国内大模型导航 项目正是为了解决这一痛点而生——它将分散在各处的官方链接汇聚到一个简洁优雅的页面中，让用户一键直达目标。
收录模型一览
目前，导航页已收录 10 个主流国产大模型厂商，涵盖从互联网巨头到AI新锐的完整生态：
| 厂商 | 模型 | 特色 |
|---|---|---|
| 智谱 | GLM 清言 | 清华系背景，学术与应用并重 |
| 阿里云 | 千问 Qwen | 阿里云生态，企业级首选 |
| DeepSeek | 深度求索 | 开源先锋，性价比之王 |
| 月之暗面 | Kimi | 长文本处理能力出众 |
| MiniMax | 海螺AI | 多模态能力突出 |
| 字节跳动 | 豆包 | 火山引擎生态，开发者友好 |
| 小米 | MiMo | 手机厂商跨界AI新势力 |
| 百度 | 文心 ERNIE | 搜索巨头，中文理解见长 |
| 科大讯飞 | 星火 Spark | 语音AI老将，教育场景深耕 |
| 腾讯 | 混元 Hunyuan | 社交生态加持，元宝对话体验 |
页面设计亮点
1. 简约高级的视觉风格
页面采用 白色为主色调 + 淡绿色为辅色 的设计语言，营造出清新、专业的视觉感受：
- 卡片式布局，信息层次分明
- 柔和的渐变背景，避免视觉疲劳
- 统一的圆角设计，现代感十足
2. 清晰的信息分类
每个模型卡片包含 四个核心入口：
🏠 模型官网 - 官方网站或开放平台
📦 Token/Coding Plan - 计费方案与定价
💬 网页对话 - 在线体验页面
🔑 API Key - 密钥管理入口
这种分类方式覆盖了开发者和用户最常用的场景，无需记忆复杂的URL。
3. 品牌识别设计
每个模型采用 品牌首字母 + 品牌色渐变背景 的Logo设计：
- 智谱：
Z蓝色系 - 千问：
Q橙色系 - DeepSeek：
D蓝紫色系 - Kimi：
K黑色系 - 腾讯混元：
H腾讯蓝
简洁而富有辨识度，让用户一眼就能找到目标模型。
4. 流畅的交互体验
- 卡片悬停动效：轻微上浮 + 阴影增强，提供操作反馈
- 链接高亮：鼠标悬停时绿色背景提示可点击
- 响应式布局：完美适配桌面端和移动端
- 入场动画：卡片依次淡入，避免信息轰炸
技术实现
项目采用纯静态技术栈，零依赖、零构建：
demo9/
├── index.html # 主页面 (32KB)
├── style.css # 样式表 (8KB)
└── article.md # 本文档
- HTML5 语义化标签，SEO友好
- CSS3 变量系统，便于主题定制
- 零JavaScript依赖，仅保留控制台日志
- 所有外部链接添加
rel="noopener nofollow noreferrer"，安全合规
适用人群
| 用户类型 | 使用场景 |
|---|---|
| 开发者 | 快速查找API Key管理页面、对比各平台定价 |
| 产品经理 | 了解国内大模型生态，选择合适的技术方案 |
| AI爱好者 | 体验各平台在线对话，感受不同模型风格 |
| 企业用户 | 评估各厂商Token Plan，优化成本 |
未来规划
- 添加模型能力对比矩阵
- 集成各平台实时定价信息
- 添加模型版本更新日志
- 支持用户自定义收藏夹
- 增加更多垂直领域模型（如图像生成、语音合成）
结语
在AI技术快速迭代的今天，拥有一个可靠的导航入口至关重要。国内大模型导航 致力于成为连接用户与国产AI生态的桥梁，让每一次探索都更加高效。
🔗 在线体验：直接打开 index.html 即可使用
📧 反馈建议：欢迎提交 Issue 或 PR 共同完善
📅 最后更新：2026年
