小河工具箱牺牲了。。。。。。。
欢迎大家提出新的需求
这。。有什么用处吗？
对于非程序员可能有那么一丢丢的用处。
文心一言给了你多少好处。。。。
百度的AI基础设施是目前国内最完善的。包含芯片，云，大语言模型。外加人才储备都是很有发展前景的。我个人还是非常看好的。即使现在是真的拉跨。不妨碍以后的发展。
听听你在说啥。。。 
1 个赞
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>国内10大主流大模型导航</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background: #f5f7fb;
color: #1a1a2e;
padding: 40px 20px;
}
.container {
max-width: 1100px;
margin: 0 auto;
}
h1 {
text-align: center;
font-size: 32px;
font-weight: 700;
margin-bottom: 8px;
background: linear-gradient(135deg, #4f46e5, #7c3aed);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.subtitle {
text-align: center;
color: #6b7280;
font-size: 16px;
margin-bottom: 32px;
border-bottom: 2px solid #e5e7eb;
padding-bottom: 16px;
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 24px;
}
.card {
background: #ffffff;
border-radius: 16px;
padding: 24px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
transition: transform 0.2s ease, box-shadow 0.2s ease;
border: 1px solid #f0f0f5;
display: flex;
flex-direction: column;
}
.card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.10);
}
.card-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.card h3 {
font-size: 20px;
font-weight: 600;
color: #111827;
}
.badge {
font-size: 12px;
background: #eef2ff;
color: #4f46e5;
padding: 2px 12px;
border-radius: 20px;
font-weight: 500;
white-space: nowrap;
}
.company {
font-size: 14px;
color: #6b7280;
margin-bottom: 10px;
}
.card p {
font-size: 15px;
line-height: 1.6;
color: #374151;
flex: 1;
margin-bottom: 16px;
}
.card a {
display: inline-block;
background: #4f46e5;
color: #fff;
padding: 10px 20px;
border-radius: 30px;
text-decoration: none;
font-weight: 500;
font-size: 14px;
text-align: center;
transition: background 0.2s ease;
align-self: flex-start;
}
.card a:hover {
background: #4338ca;
}
.footer {
text-align: center;
margin-top: 40px;
font-size: 14px;
color: #9ca3af;
border-top: 1px solid #e5e7eb;
padding-top: 24px;
}
@media (max-width: 640px) {
.grid {
grid-template-columns: 1fr;
}
h1 {
font-size: 26px;
}
}
</style>
</head>
<body>
<div class="container">
<h1>🤖 国内10大主流大模型</h1>
<p class="subtitle">精选国内顶尖AI大模型平台 · 官网直达</p>
<div class="grid">
<!-- 1. DeepSeek -->
<div class="card">
<div class="card-header">
<h3>DeepSeek</h3>
<span class="badge">深度求索</span>
</div>
<div class="company">深度求索公司 · 开源模型标杆</div>
<p>增速最快的大模型之一，以开源模型著称，支持高效推理与语言处理，代码与逻辑推理能力突出。[reference:0][reference:1]</p>
<a href="https://chat.deepseek.com" target="_blank">访问官网 →</a>
</div>
<!-- 2. 文心一言 -->
<div class="card">
<div class="card-header">
<h3>文心一言</h3>
<span class="badge">百度</span>
</div>
<div class="company">百度 · 知识增强大模型</div>
<p>知识增强、搜索融合，擅长中文写作与逻辑推理，适合办公、营销场景，中文理解与生成能力领先。[reference:2][reference:3][reference:4]</p>
<a href="https://yiyan.baidu.com" target="_blank">访问官网 →</a>
</div>
<!-- 3. 通义千问 -->
<div class="card">
<div class="card-header">
<h3>通义千问</h3>
<span class="badge">阿里云</span>
</div>
<div class="company">阿里巴巴 · 通义系列大模型</div>
<p>支持长上下文、已开源，适合多轮对话、代码理解，文档处理与代码编写能力强，与钉钉等阿里生态深度集成。[reference:5][reference:6]</p>
<a href="https://tongyi.aliyun.com/qianwen/" target="_blank">访问官网 →</a>
</div>
<!-- 4. 豆包 -->
<div class="card">
<div class="card-header">
<h3>豆包</h3>
<span class="badge">字节跳动</span>
</div>
<div class="company">字节跳动 · 月活领先的多模态助手</div>
<p>月活领先，多模态能力升级，强于信息搜索与法律知识处理，已集成至抖音编辑器，适合内容创作与智能问答。[reference:7][reference:8]</p>
<a href="https://www.doubao.com" target="_blank">访问官网 →</a>
</div>
<!-- 5. Kimi -->
<div class="card">
<div class="card-header">
<h3>Kimi</h3>
<span class="badge">月之暗面</span>
</div>
<div class="company">月之暗面 · 超长上下文处理</div>
<p>支持超长上下文，具备多模态和视觉理解能力，长文本处理能力卓越，适合深度阅读、知识梳理和复杂问答。[reference:9][reference:10]</p>
<a href="https://kimi.moonshot.cn" target="_blank">访问官网 →</a>
</div>
<!-- 6. 智谱清言 -->
<div class="card">
<div class="card-header">
<h3>智谱清言</h3>
<span class="badge">智谱AI</span>
</div>
<div class="company">清华大学KEG实验室 & 智谱AI</div>
<p>数据分析能力突出，擅长生成专业报告及结构化任务执行，适用于商业分析。GLM系列模型国内第一梯队。[reference:11][reference:12]</p>
<a href="https://chatglm.cn" target="_blank">访问官网 →</a>
</div>
<!-- 7. 讯飞星火 -->
<div class="card">
<div class="card-header">
<h3>讯飞星火</h3>
<span class="badge">科大讯飞</span>
</div>
<div class="company">科大讯飞 · 语音交互优势</div>
<p>中文语言理解优秀，擅长语音识别、文字生成，深度应用于教育、医疗领域，语音交互优势显著。[reference:13][reference:14]</p>
<a href="https://xinghuo.xfyun.cn" target="_blank">访问官网 →</a>
</div>
<!-- 8. 腾讯元宝 -->
<div class="card">
<div class="card-header">
<h3>腾讯元宝</h3>
<span class="badge">腾讯</span>
</div>
<div class="company">腾讯 · 混元大模型</div>
<p>腾讯旗下大模型，提供对话、文生图等功能，拥有强大的语言理解、计算、编程以及绘画能力。[reference:15][reference:16]</p>
<a href="https://yuanbao.tencent.com" target="_blank">访问官网 →</a>
</div>
<!-- 9. 天工AI -->
<div class="card">
<div class="card-header">
<h3>天工AI</h3>
<span class="badge">昆仑万维</span>
</div>
<div class="company">昆仑万维 · 高效文本生成</div>
<p>文本生成效率高，知识问答准确性突出，在通用对话与信息检索场景表现优异。[reference:17]</p>
<a href="https://www.tiangong.cn" target="_blank">访问官网 →</a>
</div>
<!-- 10. 百川智能 -->
<div class="card">
<div class="card-header">
<h3>百川智能</h3>
<span class="badge">百川</span>
</div>
<div class="company">百川智能 · 语义生成与API服务</div>
<p>聚焦AI原生应用和语义生成，提供高性能文本生成API，主要面向企业开发者，在垂直领域持续深耕。[reference:18][reference:19]</p>
<a href="https://www.baichuan-ai.com" target="_blank">访问官网 →</a>
</div>
</div>
<div class="footer">
数据综合自各平台官网及公开资料 · 排名不分先后
</div>
</div>
</body>
</html>
使用说明
第一步：准备好电脑，忘掉手机
- 请您找一台能正常上网的电脑（台式机或笔记本都行，Windows系统或苹果Mac系统都可以）。
- 不要用手机 来做这件事，因为手机上没法直接保存成网页文件，操作起来非常麻烦，很容易失败。所以，请务必使用电脑。
第二步：了解两个“小工具”
- “浏览器” —— 就是您平时用来上网看新闻、刷视频的那个程序。常见的名字有 Edge（蓝绿色小e图标）、Chrome（彩色小球图标）、Safari（苹果电脑上的指南针图标）。您现在正在看这段文字，用的就是浏览器。
- “记事本”（或“文本编辑”） —— 这是一个专门用来写文字的小工具。Windows系统里叫“记事本”（Notepad），苹果Mac系统里叫“文本编辑”（TextEdit）。我们接下来要用它来保存网页代码。
第三步：复制网页代码（这是最重要的步骤）
- 请找到我上一次发给您的 那一大段以
<!DOCTYPE html>开头、以</html>结尾的代码（就是那个很长的、密密麻麻的文字）。 - 用鼠标从开头
<!DOCTYPE html>一直拖选到结尾</html>，确保全部选中（颜色会变蓝）。 - 在选中的文字上点击鼠标 右键，选择 “复制”（或者同时按下键盘上的
Ctrl+C键，Mac电脑则是Command+C键）。
第四步：新建一个文本文件
-
如果您是Windows电脑：
- 在电脑桌面上的空白处，点击鼠标 右键。
- 在弹出的菜单里，选择 “新建” → “文本文档”（或者叫“记事本”）。
- 桌面上会出现一个叫“新建文本文档.txt”的文件，双击打开它（里面是空白的）。
-
如果您是苹果Mac电脑：
- 打开屏幕下方Dock栏里的 “启动台”（小火箭图标），找到并打开 “文本编辑” 程序。
- 如果弹出窗口，请选择 “新建文稿”，会看到一个空白页面。
- 关键一步：在屏幕顶部菜单栏点击 “格式” → “制作纯文本”（因为我们要保存纯代码，不能带格式）。
第五步：把代码粘贴进去
- 在刚才打开的空白记事本（或文本编辑）窗口里，点击鼠标 右键，选择 “粘贴”（或按键盘
Ctrl+V，Mac是Command+V）。 - 您会看到一大堆文字充满了整个窗口，这就是网页的代码。请确认开头是
<!DOCTYPE html>，结尾是</html>。
第六步：保存为网页文件（这一步非常关键！）
-
Windows电脑：
- 点击菜单栏的 “文件” → “另存为”。
- 在弹出的窗口里，“文件名” 这一栏，输入：
大模型导航.html（注意：.html是后缀，一定要写上，不能漏掉点）。 - “保存类型” 那里，选择 “所有文件（.）”（如果找不到，就手动把文件名打完整）。
- “编码” 选择 “UTF-8”（如果有这个选项的话）。
- 点击 “保存”。然后关闭记事本。
-
苹果Mac电脑：
- 点击菜单栏的 “文件” → “存储”（或“保存”）。
- 在弹出的窗口里，“名称” 输入：
大模型导航.html（一定以.html结尾）。 - 在“位置”那里选择 “桌面”，方便找。
- 重要：如果下面有“文件格式”选项，请选择 “纯文本” 或 “UTF-8”。
- 点击 “存储”，如果提示“使用.html”，选“使用.html”即可。
第七步：用浏览器打开它
- 回到电脑桌面，您会看到一个文件，名字是 “大模型导航.html”，图标可能变成一个浏览器的样子（或者是一个空白文件图标）。
- 双击这个文件，电脑就会自动用浏览器打开它，您就会看到漂亮的导航页面了，上面有10个大模型的名称、简介和链接。
- 如果您双击后没有打开，或者打开后是乱码，请右键点击这个文件，选择 “打开方式”，然后手动选择一个浏览器（比如Edge、Chrome或Safari）来打开。
第八步：愉快使用
- 打开后，您会看到10个卡片，每个卡片都有“访问官网 →”按钮，点击它就能直接跳转到对应的大模型网站，非常方便。
常见问题与解决
- 问：我看不到文件名后面的 .txt 或 .html 怎么办？
答：Windows电脑默认隐藏了扩展名。您可以打开任意文件夹，点击顶部的“查看”，勾选“文件扩展名”就能看到了。Mac电脑一般会自动显示。 - 问：我保存后双击，显示的是乱码怎么办？
答：多半是保存时编码没选UTF-8。请重新按步骤操作，在保存时一定选择“UTF-8”编码。 - 问：我不小心用手机操作了，失败了怎么办？
答：没关系，手机确实不适合做这个。请回到电脑上，按照上面的步骤重新操作一遍。
如果您按照每一步都做了还是不行，可以请身边稍微懂电脑的朋友帮忙看一下，整个过程大约需要5分钟。祝您成功！
1 个赞