Merge pull request #11 from liyupi/dev/lihua
feat: 更新AI 行业资讯 + AI 项目教程 + AI 应用场景
This commit is contained in:
程序员鱼皮
File diff suppressed because one or more lines are too long
+8
-4
@@ -20,6 +20,10 @@ export default [
|
|||||||
text: "AI + Cursor 开发一个肺活量测试器",
|
text: "AI + Cursor 开发一个肺活量测试器",
|
||||||
link: "/ai-cursor-开发一个肺活量测试器/",
|
link: "/ai-cursor-开发一个肺活量测试器/",
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
text: "🔥 企业级项目：开发 AI 恋爱大师应用 + 拥有自主规划能力的超级智能体",
|
||||||
|
link: "/🔥-企业级项目-开发-ai-恋爱大师应用-拥有自主规划能力的超级智能体/",
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -34,8 +38,8 @@ export default [
|
|||||||
link: "/ai/#deepseek使用指南",
|
link: "/ai/#deepseek使用指南",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: "DeepSeek 应用场景",
|
text: "AI 应用场景",
|
||||||
link: "/ai/#deepseek应用场景",
|
link: "/ai/#ai应用场景",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: "DeepSeek 资源汇总",
|
text: "DeepSeek 资源汇总",
|
||||||
@@ -46,8 +50,8 @@ export default [
|
|||||||
link: "/ai/#deepseek技术解析",
|
link: "/ai/#deepseek技术解析",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: "DeepSeek 行业资讯",
|
text: "AI 行业资讯",
|
||||||
link: "/ai/#deepseek行业资讯",
|
link: "/ai/#ai行业资讯",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
|||||||
+120
-110
@@ -19,7 +19,8 @@ export default [
|
|||||||
"AI项目教程/AI 海龟汤项目教程",
|
"AI项目教程/AI 海龟汤项目教程",
|
||||||
"AI项目教程/AI + Cursor 开发一个亲戚计算器",
|
"AI项目教程/AI + Cursor 开发一个亲戚计算器",
|
||||||
"AI项目教程/AI + Cursor 开发一个模拟面试系统",
|
"AI项目教程/AI + Cursor 开发一个模拟面试系统",
|
||||||
"AI项目教程/AI + Cursor 开发一个肺活量测试器"
|
"AI项目教程/AI + Cursor 开发一个肺活量测试器",
|
||||||
|
"AI项目教程/🔥 企业级项目：开发 AI 恋爱大师应用 + 拥有自主规划能力的超级智能体",
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -42,95 +43,103 @@ export default [
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"title": "Deepseek行业资讯",
|
"title": "AI行业资讯",
|
||||||
"collapsable": true,
|
"collapsable": true,
|
||||||
"children": [
|
"children": [
|
||||||
|
{
|
||||||
|
"title": "2025-05",
|
||||||
|
"collapsable": true,
|
||||||
|
"children": [
|
||||||
|
"AI行业资讯/2025-05/炸裂！Spring AI 1.0 正式发布，让 Java 再次伟大！",
|
||||||
|
"AI行业资讯/2025-05/Claude 4炸裂发布！凭什么敢称宇宙最强编程 AI？",
|
||||||
|
]
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"title": "2025-04",
|
"title": "2025-04",
|
||||||
"collapsable": true,
|
"collapsable": true,
|
||||||
"children": [
|
"children": [
|
||||||
"Deepseek行业资讯/2025-04/Cursor 迎来了强大的对手，Augment Code 实测",
|
"AI行业资讯/2025-04/Cursor 迎来了强大的对手，Augment Code 实测",
|
||||||
"Deepseek行业资讯/2025-04/一张照片生成连贯全片！Runway Gen4 深夜发布，终于捅破 AI 视频多年的天花板",
|
"AI行业资讯/2025-04/一张照片生成连贯全片！Runway Gen4 深夜发布，终于捅破 AI 视频多年的天花板",
|
||||||
"Deepseek行业资讯/2025-04/AI 生态的 USB 接口？阿里、腾讯全面支持 MCP",
|
"AI行业资讯/2025-04/AI 生态的 USB 接口？阿里、腾讯全面支持 MCP",
|
||||||
"Deepseek行业资讯/2025-04/5 分钟直出 46 页论文！谷歌 Deep Research 完爆 OpenAI，最强 Gemini 2.5 加持",
|
"AI行业资讯/2025-04/5 分钟直出 46 页论文！谷歌 Deep Research 完爆 OpenAI，最强 Gemini 2.5 加持",
|
||||||
"Deepseek行业资讯/2025-04/Shopify 新标准：将 AI 融入日常工作，已是基本要求",
|
"AI行业资讯/2025-04/Shopify 新标准：将 AI 融入日常工作，已是基本要求",
|
||||||
"Deepseek行业资讯/2025-04/《聪明的机器，复杂的人心》，斯坦福 AI 报告 2025 年版的 12 个信号",
|
"AI行业资讯/2025-04/《聪明的机器，复杂的人心》，斯坦福 AI 报告 2025 年版的 12 个信号",
|
||||||
"Deepseek行业资讯/2025-04/实测：阿里云百炼上线「全周期 MCP 服务」，AI 工具一站式托管",
|
"AI行业资讯/2025-04/实测：阿里云百炼上线「全周期 MCP 服务」，AI 工具一站式托管",
|
||||||
"Deepseek行业资讯/2025-04/正式挑战谷歌！OpenAI 上线 ChatGPT 搜索功能",
|
"AI行业资讯/2025-04/正式挑战谷歌！OpenAI 上线 ChatGPT 搜索功能",
|
||||||
"Deepseek行业资讯/2025-04/Meta 深夜开源 Llama 4！首次采用 MoE，惊人千万 token 上下文，竞技场超越 DeepSeek",
|
"AI行业资讯/2025-04/Meta 深夜开源 Llama 4！首次采用 MoE，惊人千万 token 上下文，竞技场超越 DeepSeek",
|
||||||
"Deepseek行业资讯/2025-04/马云现身阿里云发声！谈科技人员责任：让 AI 更懂人类",
|
"AI行业资讯/2025-04/马云现身阿里云发声！谈科技人员责任：让 AI 更懂人类",
|
||||||
"Deepseek行业资讯/2025-04/Gemini 2.5 Pro 实测：或将成为最实用的推理模型",
|
"AI行业资讯/2025-04/Gemini 2.5 Pro 实测：或将成为最实用的推理模型",
|
||||||
"Deepseek行业资讯/2025-04/阿里秘密研发新模型将发布，影响力指标成最重要考核",
|
"AI行业资讯/2025-04/阿里秘密研发新模型将发布，影响力指标成最重要考核",
|
||||||
"Deepseek行业资讯/2025-04/有史以来最大力度！苹果进军医疗，计划明年推出AI医生 - 华尔街见闻",
|
"AI行业资讯/2025-04/有史以来最大力度！苹果进军医疗，计划明年推出AI医生 - 华尔街见闻",
|
||||||
"Deepseek行业资讯/2025-04/一张照片生成连贯全片！Runway Gen-4 深夜发布，终于捅破 AI 视频多年的天花板",
|
"AI行业资讯/2025-04/一张照片生成连贯全片！Runway Gen-4 深夜发布，终于捅破 AI 视频多年的天花板",
|
||||||
"Deepseek行业资讯/2025-04/智谱发布 AutoGLM 沉思：首个免费、具备深度研究和操作能力的 AI Agent",
|
"AI行业资讯/2025-04/智谱发布 AutoGLM 沉思：首个免费、具备深度研究和操作能力的 AI Agent",
|
||||||
"Deepseek行业资讯/2025-04/MiniMax Audio 发布 Speech-02 模型，单次输入支持 20 万字符",
|
"AI行业资讯/2025-04/MiniMax Audio 发布 Speech-02 模型，单次输入支持 20 万字符",
|
||||||
"Deepseek行业资讯/2025-04/亚马逊推出 Nova Act：可操控网页浏览器的 AI 智能体",
|
"AI行业资讯/2025-04/亚马逊推出 Nova Act：可操控网页浏览器的 AI 智能体",
|
||||||
"Deepseek行业资讯/2025-04/腾讯元宝识图放大招！一次传 10 张图，朋友圈文案、电子书金句全搞定！",
|
"AI行业资讯/2025-04/腾讯元宝识图放大招！一次传 10 张图，朋友圈文案、电子书金句全搞定！",
|
||||||
"Deepseek行业资讯/2025-04/售价超 7000 元，Meta 想用眼镜取代 iPhone",
|
"AI行业资讯/2025-04/售价超 7000 元，Meta 想用眼镜取代 iPhone",
|
||||||
"Deepseek行业资讯/2025-04/百度飞桨框架 3.0 正式版发布",
|
"AI行业资讯/2025-04/百度飞桨框架 3.0 正式版发布",
|
||||||
"Deepseek行业资讯/2025-04/OpenAI 上线“OpenAI 学院”，已提供数十小时免费 AI 学习资源",
|
"AI行业资讯/2025-04/OpenAI 上线“OpenAI 学院”，已提供数十小时免费 AI 学习资源",
|
||||||
"Deepseek行业资讯/2025-04/xAI 再更新，各项能力卓越"
|
"AI行业资讯/2025-04/xAI 再更新，各项能力卓越"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"title": "2025-03",
|
"title": "2025-03",
|
||||||
"collapsable": true,
|
"collapsable": true,
|
||||||
"children": [
|
"children": [
|
||||||
"Deepseek行业资讯/2025-03/阿里开源全新推理模型 QwQ-32B，一台 Mac 就能实现顶级推理能力",
|
"AI行业资讯/2025-03/阿里开源全新推理模型 QwQ-32B，一台 Mac 就能实现顶级推理能力",
|
||||||
"Deepseek行业资讯/2025-03/实测 Manus：首个真干活 AI，中国造（附 50 个用例 + 拆解）",
|
"AI行业资讯/2025-03/实测 Manus：首个真干活 AI，中国造（附 50 个用例 + 拆解）",
|
||||||
"Deepseek行业资讯/2025-03/用于临床工作流程的新 AI 助手，微软推出 Microsoft Dragon Copilot",
|
"AI行业资讯/2025-03/用于临床工作流程的新 AI 助手，微软推出 Microsoft Dragon Copilot",
|
||||||
"Deepseek行业资讯/2025-03/Model Context Protocol，看这一篇就够了",
|
"AI行业资讯/2025-03/Model Context Protocol，看这一篇就够了",
|
||||||
"Deepseek行业资讯/2025-03/谷歌 Gemini 新增 Canvas 与音频概览功能，提升用户生产力",
|
"AI行业资讯/2025-03/谷歌 Gemini 新增 Canvas 与音频概览功能，提升用户生产力",
|
||||||
"Deepseek行业资讯/2025-03/马斯克进军 AI 视频，收购视频生成初创公司，4 人 13 个月打造类 Sora 模型",
|
"AI行业资讯/2025-03/马斯克进军 AI 视频，收购视频生成初创公司，4 人 13 个月打造类 Sora 模型",
|
||||||
"Deepseek行业资讯/2025-03/百度推出两款 AI 大模型",
|
"AI行业资讯/2025-03/百度推出两款 AI 大模型",
|
||||||
"Deepseek行业资讯/2025-03/Claude 现已支持网络搜索功能",
|
"AI行业资讯/2025-03/Claude 现已支持网络搜索功能",
|
||||||
"Deepseek行业资讯/2025-03/DeepSeek-V3 模型更新，各项能力全面进阶",
|
"AI行业资讯/2025-03/DeepSeek-V3 模型更新，各项能力全面进阶",
|
||||||
"Deepseek行业资讯/2025-03/腾讯混元 T1 正式版发布",
|
"AI行业资讯/2025-03/腾讯混元 T1 正式版发布",
|
||||||
"Deepseek行业资讯/2025-03/Ideogram 正式发布 3.0 版本模型：真实感与创意表现再突破",
|
"AI行业资讯/2025-03/Ideogram 正式发布 3.0 版本模型：真实感与创意表现再突破",
|
||||||
"Deepseek行业资讯/2025-03/新推理模型来了！阿里 Qwen Chat 平台已上线“深度思考”功能，支持联网搜索",
|
"AI行业资讯/2025-03/新推理模型来了！阿里 Qwen Chat 平台已上线“深度思考”功能，支持联网搜索",
|
||||||
"Deepseek行业资讯/2025-03/刚刚，GPT-4o 原生图像生成上线，P 图、生图也就一嘴的事",
|
"AI行业资讯/2025-03/刚刚，GPT-4o 原生图像生成上线，P 图、生图也就一嘴的事",
|
||||||
"Deepseek行业资讯/2025-03/谷歌发布 Gemini 2.5 人工智能模型，实现复杂思维",
|
"AI行业资讯/2025-03/谷歌发布 Gemini 2.5 人工智能模型，实现复杂思维",
|
||||||
"Deepseek行业资讯/2025-03/谷歌终于登顶一次了！最强推理模型Gemini 2.5 Pro实测体验，真的有点东西",
|
"AI行业资讯/2025-03/谷歌终于登顶一次了！最强推理模型Gemini 2.5 Pro实测体验，真的有点东西",
|
||||||
"Deepseek行业资讯/2025-03/DeepSeek回答现在能不能入手黄金 将维持高位震荡",
|
"AI行业资讯/2025-03/DeepSeek回答现在能不能入手黄金 将维持高位震荡",
|
||||||
"Deepseek行业资讯/2025-03/DeepSeek官方辟谣：R2发布为假消息",
|
"AI行业资讯/2025-03/DeepSeek官方辟谣：R2发布为假消息",
|
||||||
"Deepseek行业资讯/2025-03/高校，为何最快拥抱DeepSeek？",
|
"AI行业资讯/2025-03/高校，为何最快拥抱DeepSeek？",
|
||||||
"Deepseek行业资讯/2025-03/跨境电商试练AI，DeepSeek取代了ChatGPT",
|
"AI行业资讯/2025-03/跨境电商试练AI，DeepSeek取代了ChatGPT",
|
||||||
"Deepseek行业资讯/2025-03/不装了！OpenAI力促特朗普对中国AI下死手，出台“AI出口管制”"
|
"AI行业资讯/2025-03/不装了！OpenAI力促特朗普对中国AI下死手，出台“AI出口管制”"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"title": "2025-02",
|
"title": "2025-02",
|
||||||
"collapsable": true,
|
"collapsable": true,
|
||||||
"children": [
|
"children": [
|
||||||
"Deepseek行业资讯/2025-02/Anthropic Claude 3.7 Sonnet 发布：推理能力再进化，编码效率突破天际！",
|
"AI行业资讯/2025-02/Anthropic Claude 3.7 Sonnet 发布：推理能力再进化，编码效率突破天际！",
|
||||||
"Deepseek行业资讯/2025-02/阿里 Qwen 首个推理模型亮相！",
|
"AI行业资讯/2025-02/阿里 Qwen 首个推理模型亮相！",
|
||||||
"Deepseek行业资讯/2025-02/被DeepSeek刺激到了？文心一言、ChatGPT同时宣布：免费！ ",
|
"AI行业资讯/2025-02/被DeepSeek刺激到了？文心一言、ChatGPT同时宣布：免费！ ",
|
||||||
"Deepseek行业资讯/2025-02/运营商全面接入DeepSeek意味着什么？",
|
"AI行业资讯/2025-02/运营商全面接入DeepSeek意味着什么？",
|
||||||
"Deepseek行业资讯/2025-02/雷军：钦佩DeepSeek取得的成就，每个人可能都要学习AI知识",
|
"AI行业资讯/2025-02/雷军：钦佩DeepSeek取得的成就，每个人可能都要学习AI知识",
|
||||||
"Deepseek行业资讯/2025-02/清华大学：普通人如何抓住DeepSeek红利2025",
|
"AI行业资讯/2025-02/清华大学：普通人如何抓住DeepSeek红利2025",
|
||||||
"Deepseek行业资讯/2025-02/点赞收藏！DeepSeek在GitHub星标量已超OpenAI",
|
"AI行业资讯/2025-02/点赞收藏！DeepSeek在GitHub星标量已超OpenAI",
|
||||||
"Deepseek行业资讯/2025-02/爆冷，DeepSeek出局，苹果AI国行版将与阿里合作",
|
"AI行业资讯/2025-02/爆冷，DeepSeek出局，苹果AI国行版将与阿里合作",
|
||||||
"Deepseek行业资讯/2025-02/看短剧、“交朋友”，DeepSeek挤进中老年社交圈",
|
"AI行业资讯/2025-02/看短剧、“交朋友”，DeepSeek挤进中老年社交圈",
|
||||||
"Deepseek行业资讯/2025-02/争先恐后接入DeepSeek的国产手机，它们的自研大模型怎么办？",
|
"AI行业资讯/2025-02/争先恐后接入DeepSeek的国产手机，它们的自研大模型怎么办？",
|
||||||
"Deepseek行业资讯/2025-02/价值千万美元的“AI.com”，会是谁给DeepSeek公司使用的呢",
|
"AI行业资讯/2025-02/价值千万美元的“AI.com”，会是谁给DeepSeek公司使用的呢",
|
||||||
"Deepseek行业资讯/2025-02/外资机构看DeepSeek：提振中国股市 机会藏在这些领域",
|
"AI行业资讯/2025-02/外资机构看DeepSeek：提振中国股市 机会藏在这些领域",
|
||||||
"Deepseek行业资讯/2025-02/多家车企接入AI大模型DeepSeek 智能汽车再进一步",
|
"AI行业资讯/2025-02/多家车企接入AI大模型DeepSeek 智能汽车再进一步",
|
||||||
"Deepseek行业资讯/2025-02/如何利用DeepSeek翻身？抓住AI红利，普通人也能逆袭的3个方向",
|
"AI行业资讯/2025-02/如何利用DeepSeek翻身？抓住AI红利，普通人也能逆袭的3个方向",
|
||||||
"Deepseek行业资讯/2025-02/日本如何看待Deepseek",
|
"AI行业资讯/2025-02/日本如何看待Deepseek",
|
||||||
"Deepseek行业资讯/2025-02/深度求索正在物色韩国人工智能人才，展开确保人才的战争",
|
"AI行业资讯/2025-02/深度求索正在物色韩国人工智能人才，展开确保人才的战争",
|
||||||
"Deepseek行业资讯/2025-02/DeepSeek的“服务器繁忙”让所有人抓狂，背后究竟是怎么回事",
|
"AI行业资讯/2025-02/DeepSeek的“服务器繁忙”让所有人抓狂，背后究竟是怎么回事",
|
||||||
"Deepseek行业资讯/2025-02/DeepSeek被封杀了",
|
"AI行业资讯/2025-02/DeepSeek被封杀了",
|
||||||
"Deepseek行业资讯/2025-02/DeepSeek预测：未来10年，就业前景最好的10个专业",
|
"AI行业资讯/2025-02/DeepSeek预测：未来10年，就业前景最好的10个专业",
|
||||||
"Deepseek行业资讯/2025-02/DeepSeek，紧急声明",
|
"AI行业资讯/2025-02/DeepSeek，紧急声明",
|
||||||
"Deepseek行业资讯/2025-02/vivo与荣耀相继接入DeepSeek：AI深度融合引领手机创新潮流",
|
"AI行业资讯/2025-02/vivo与荣耀相继接入DeepSeek：AI深度融合引领手机创新潮流",
|
||||||
"Deepseek行业资讯/2025-02/vivo官宣：将深度融合满血版DeepSeek",
|
"AI行业资讯/2025-02/vivo官宣：将深度融合满血版DeepSeek",
|
||||||
"Deepseek行业资讯/2025-02/不在场的DeepSeek，是巴黎AI峰会真正的主角",
|
"AI行业资讯/2025-02/不在场的DeepSeek，是巴黎AI峰会真正的主角",
|
||||||
"Deepseek行业资讯/2025-02/DeepSeek“朋友圈”不断扩围：10家国内外云厂商宣布接入",
|
"AI行业资讯/2025-02/DeepSeek“朋友圈”不断扩围：10家国内外云厂商宣布接入",
|
||||||
"Deepseek行业资讯/2025-02/DeepSeek“金融朋友圈” 从“争先”到“恐后”，从“好用”到“用好”",
|
"AI行业资讯/2025-02/DeepSeek“金融朋友圈” 从“争先”到“恐后”，从“好用”到“用好”",
|
||||||
"Deepseek行业资讯/2025-02/DeepSeek如何搅动AI产业？",
|
"AI行业资讯/2025-02/DeepSeek如何搅动AI产业？",
|
||||||
"Deepseek行业资讯/2025-02/DeepSeek宣布涨价！",
|
"AI行业资讯/2025-02/DeepSeek宣布涨价！",
|
||||||
"Deepseek行业资讯/2025-02/DeepSeek带飞科大讯飞？"
|
"AI行业资讯/2025-02/DeepSeek带飞科大讯飞？"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
@@ -165,69 +174,70 @@ export default [
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"title": "DeepSeek应用场景",
|
"title": "AI应用场景",
|
||||||
"collapsable": true,
|
"collapsable": true,
|
||||||
"children": [
|
"children": [
|
||||||
{
|
{
|
||||||
"title": "DeepSeek + 理财",
|
"title": "AI + 理财",
|
||||||
"collapsable": true,
|
"collapsable": true,
|
||||||
"children": [
|
"children": [
|
||||||
"DeepSeek应用场景/DeepSeek + 理财/DeepSeek告诉我：30岁到40岁，一般会拥有这么多的存款",
|
"AI应用场景/AI + 理财/DeepSeek告诉我：30岁到40岁，一般会拥有这么多的存款",
|
||||||
"DeepSeek应用场景/DeepSeek + 理财/用DeepSeek搞钱，日赚百万",
|
"AI应用场景/AI + 理财/用DeepSeek搞钱，日赚百万",
|
||||||
"DeepSeek应用场景/DeepSeek + 理财/普通人如何通过炒股买基金赚到100万？",
|
"AI应用场景/AI + 理财/普通人如何通过炒股买基金赚到100万？",
|
||||||
"DeepSeek应用场景/DeepSeek + 理财/用Deepseek回答：如果有100万闲钱，几年内不用，该怎么理财？"
|
"AI应用场景/AI + 理财/用Deepseek回答：如果有100万闲钱，几年内不用，该怎么理财？"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"title": "DeepSeek + 编程开发",
|
"title": "AI + 编程开发",
|
||||||
"collapsable": true,
|
"collapsable": true,
|
||||||
"children": [
|
"children": [
|
||||||
"DeepSeek应用场景/DeepSeek + 编程开发/3 小时做游戏，10 天狂赚 28 万！程序员用 AI 躺赚？",
|
"AI应用场景/AI + 编程开发/3 小时做游戏，10 天狂赚 28 万！程序员用 AI 躺赚？",
|
||||||
"DeepSeek应用场景/DeepSeek + 编程开发/💗用 DeepSeek 给对象做个网站，她一定感动坏了",
|
"AI应用场景/AI + 编程开发/💗用 DeepSeek 给对象做个网站，她一定感动坏了",
|
||||||
"DeepSeek应用场景/DeepSeek + 编程开发/DeepSeek装进VSCode，编程非常丝滑！",
|
"AI应用场景/AI + 编程开发/DeepSeek装进VSCode，编程非常丝滑！",
|
||||||
"DeepSeek应用场景/DeepSeek + 编程开发/教你用DeepSeek+Clien，从0到1开发一个APP",
|
"AI应用场景/AI + 编程开发/教你用DeepSeek+Clien，从0到1开发一个APP",
|
||||||
"DeepSeek应用场景/DeepSeek + 编程开发/DeepSeek接入Python，一般电脑也能飞速跑，确实可以封神了！"
|
"AI应用场景/AI + 编程开发/DeepSeek接入Python，一般电脑也能飞速跑，确实可以封神了！",
|
||||||
|
"AI应用场景/AI + 编程开发/1 分钟生成架构图？程序员 AI 绘图保姆级教程"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"title": "DeepSeek + 创意设计",
|
"title": "AI + 创意设计",
|
||||||
"collapsable": true,
|
"collapsable": true,
|
||||||
"children": [
|
"children": [
|
||||||
"DeepSeek应用场景/DeepSeek + 创意设计/和 Deepseek 联手，做个哪吒的乾坤圈视频",
|
"AI应用场景/AI + 创意设计/和 Deepseek 联手，做个哪吒的乾坤圈视频",
|
||||||
"DeepSeek应用场景/DeepSeek + 创意设计/5 个不得不收藏的 Deepseek 王炸组合！",
|
"AI应用场景/AI + 创意设计/5 个不得不收藏的 Deepseek 王炸组合！",
|
||||||
"DeepSeek应用场景/DeepSeek + 创意设计/DeepSeek一句话搞定修图难题",
|
"AI应用场景/AI + 创意设计/DeepSeek一句话搞定修图难题",
|
||||||
"DeepSeek应用场景/DeepSeek + 创意设计/deepseek+数字人王炸组合使用方法",
|
"AI应用场景/AI + 创意设计/deepseek+数字人王炸组合使用方法",
|
||||||
"DeepSeek应用场景/DeepSeek + 创意设计/用 deepseek 做 AI 视频，绝了，和抄作业一样简单！",
|
"AI应用场景/AI + 创意设计/用 deepseek 做 AI 视频，绝了，和抄作业一样简单！",
|
||||||
"DeepSeek应用场景/DeepSeek + 创意设计/绝绝子！用deepseek做AI视频，涨粉10W+（附保姆级教程）",
|
"AI应用场景/AI + 创意设计/绝绝子！用deepseek做AI视频，涨粉10W+（附保姆级教程）",
|
||||||
"DeepSeek应用场景/DeepSeek + 创意设计/这怕是全网最强的 DeepSeek 图片教程吧，赶紧收藏了！"
|
"AI应用场景/AI + 创意设计/这怕是全网最强的 DeepSeek 图片教程吧，赶紧收藏了！"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"title": "DeepSeek + 办公效率",
|
"title": "AI + 办公效率",
|
||||||
"collapsable": true,
|
"collapsable": true,
|
||||||
"children": [
|
"children": [
|
||||||
"DeepSeek应用场景/DeepSeek + 办公效率/如何用DeepSeek更高效地工作：10个实用技巧",
|
"AI应用场景/AI + 办公效率/如何用DeepSeek更高效地工作：10个实用技巧",
|
||||||
"DeepSeek应用场景/DeepSeek + 办公效率/手把手教你在word中接入deepseek，秒生文档材料",
|
"AI应用场景/AI + 办公效率/手把手教你在word中接入deepseek，秒生文档材料",
|
||||||
"DeepSeek应用场景/DeepSeek + 办公效率/法律人保姆级deepseek使用指南（附指令版）",
|
"AI应用场景/AI + 办公效率/法律人保姆级deepseek使用指南（附指令版）",
|
||||||
"DeepSeek应用场景/DeepSeek + 办公效率/DeepSeek R1 + 个人知识库，直接起飞！",
|
"AI应用场景/AI + 办公效率/DeepSeek R1 + 个人知识库，直接起飞！",
|
||||||
"DeepSeek应用场景/DeepSeek + 办公效率/DeepSeek嵌入到Excel，提升10倍工作效率，太牛了！",
|
"AI应用场景/AI + 办公效率/DeepSeek嵌入到Excel，提升10倍工作效率，太牛了！",
|
||||||
"DeepSeek应用场景/DeepSeek + 办公效率/DeepSeek配合KIMI，自动生成PPT，感觉自己要失业了！",
|
"AI应用场景/AI + 办公效率/DeepSeek配合KIMI，自动生成PPT，感觉自己要失业了！",
|
||||||
"DeepSeek应用场景/DeepSeek + 办公效率/WPS里装上deepseek，简直就是办公神器",
|
"AI应用场景/AI + 办公效率/WPS里装上deepseek，简直就是办公神器",
|
||||||
"DeepSeek应用场景/DeepSeek + 办公效率/利用deepseek建立专属销售知识库",
|
"AI应用场景/AI + 办公效率/利用deepseek建立专属销售知识库",
|
||||||
"DeepSeek应用场景/DeepSeek + 办公效率/教师必备DeepSeek使用指南来了！5大教学应用场景+实操案例+隐藏用法"
|
"AI应用场景/AI + 办公效率/教师必备DeepSeek使用指南来了！5大教学应用场景+实操案例+隐藏用法"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"title": "DeepSeek + 内容创作",
|
"title": "AI + 内容创作",
|
||||||
"collapsable": true,
|
"collapsable": true,
|
||||||
"children": [
|
"children": [
|
||||||
"DeepSeek应用场景/DeepSeek + 内容创作/3秒让DeepSeek写出爆款小红书",
|
"AI应用场景/AI + 内容创作/3秒让DeepSeek写出爆款小红书",
|
||||||
"DeepSeek应用场景/DeepSeek + 内容创作/人有多大胆，地有多大产：如何用DeepSeek写长篇小说",
|
"AI应用场景/AI + 内容创作/人有多大胆，地有多大产：如何用DeepSeek写长篇小说",
|
||||||
"DeepSeek应用场景/DeepSeek + 内容创作/如何利用DeepSeek进行高效内容创作",
|
"AI应用场景/AI + 内容创作/如何利用DeepSeek进行高效内容创作",
|
||||||
"DeepSeek应用场景/DeepSeek + 内容创作/用DeepSeek做小红书真的太牛了！轻轻松松打造爆款笔记",
|
"AI应用场景/AI + 内容创作/用DeepSeek做小红书真的太牛了！轻轻松松打造爆款笔记",
|
||||||
"DeepSeek应用场景/DeepSeek + 内容创作/用DeepSeek写文章？这4个骚操作让你躺平也能出爆款！（含提示词）",
|
"AI应用场景/AI + 内容创作/用DeepSeek写文章？这4个骚操作让你躺平也能出爆款！（含提示词）",
|
||||||
"DeepSeek应用场景/DeepSeek + 内容创作/DeepSeek使用指南：提升公文、新闻与广告文案写作效率的三大技巧 ",
|
"AI应用场景/AI + 内容创作/DeepSeek使用指南：提升公文、新闻与广告文案写作效率的三大技巧 ",
|
||||||
"DeepSeek应用场景/DeepSeek + 内容创作/AI写小说怎么写？deepseek帮你写小说教程"
|
"AI应用场景/AI + 内容创作/AI写小说怎么写？deepseek帮你写小说教程"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|||||||
@@ -0,0 +1,577 @@
|
|||||||
|
# 1 分钟生成架构图？程序员 AI 绘图保姆级教程
|
||||||
|
|
||||||
|
大家好，我是鱼皮。作为一名程序员，画图可以说是工作中的家常便饭了。无论是给领导汇报时画架构图、还是写文档时画流程图、或者头脑风暴时画思维导图，画图能力直接体现出我们的专业水平。
|
||||||
|
|
||||||
|
以前画图需要自己费时费力，一个复杂的架构图可能要花几个小时，还得反复调整；现在喝杯水的功夫，AI 就帮你画好了，而且效果还特别专业！
|
||||||
|
|
||||||
|
下面鱼皮将分享 **5 大类 AI 画图方法**，每一种都有详细的保姆级教程，零基础小白也能快速精通 AI 画图之术。这些方法一个比一个猛，建议先点赞收藏，看到最后你会收获满满！以后无论是生成原型图、设计海报，还是程序员常画的架构图、流程图、UML 类图等等，都是洒洒水的事~
|
||||||
|
|
||||||
|
⭐️ 推荐观看视频版，有更详细的操作演示：https://bilibili.com/video/BV1DP7JzAE7k/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 🖌️ 鱼皮的 AI 画图秘术
|
||||||
|
|
||||||
|
虽然目前主流的 AI 大模型和工具都能实现画图功能，但我强烈建议使用 **Cursor 工具搭配 Claude 4 大模型**，效果最佳。
|
||||||
|
|
||||||
|
在开始之前，我们先了解一下 AI 画图的本质：**其实就是让 AI 生成各种绘图工具能够理解的文本代码**，然后将这些代码导入到对应的工具中进行渲染。这样就能够借助 AI 的创意和工具的能力自由地生成图片。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
下面来介绍几类 AI 画图方法：
|
||||||
|
|
||||||
|
### 一、文本绘图
|
||||||
|
|
||||||
|
文本绘图是最受高级程序员欢迎的画图方式，通过简单的文本描述就能生成专业的技术图。主流的文本绘图语言包括 **Mermaid** 和 **PlantUML**，它们各有特色，适用于不同的场景。
|
||||||
|
|
||||||
|
#### 1、Mermaid - 最流行的文本绘图工具
|
||||||
|
|
||||||
|
Mermaid 是目前最流行的文本绘图工具，语法简单直观，被 GitHub、语雀等大平台原生支持。无论你是要画软件架构图、业务流程图，还是数据库 ER 图、Git 分支图，Mermaid 都能轻松搞定。
|
||||||
|
|
||||||
|
让我们先来画一个用户登录流程图，只需要给 AI 这样的提示词：
|
||||||
|
|
||||||
|
```plain
|
||||||
|
请用 Mermaid 语法帮我画一个用户登录流程图，包含以下步骤：
|
||||||
|
1. 用户输入账号密码
|
||||||
|
2. 前端校验格式
|
||||||
|
3. 发送请求到后端
|
||||||
|
4. 后端验证用户信息
|
||||||
|
5. 如果验证成功，生成 token 返回
|
||||||
|
6. 如果失败，返回错误信息
|
||||||
|
7. 前端根据结果跳转页面或显示错误
|
||||||
|
```
|
||||||
|
|
||||||
|
放到 Cursor 等 AI 工具中执行：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
AI 会生成这样的代码：
|
||||||
|
|
||||||
|
```
|
||||||
|
flowchart TD
|
||||||
|
A[用户输入账号密码] --> B{前端格式校验}
|
||||||
|
B -->|格式正确| C[发送登录请求到后端]
|
||||||
|
B -->|格式错误| D[显示格式错误提示]
|
||||||
|
C --> E{后端验证用户信息}
|
||||||
|
E -->|验证成功| F[生成Token]
|
||||||
|
F --> G[返回Token给前端]
|
||||||
|
G --> H[前端保存Token]
|
||||||
|
H --> I[跳转到主页]
|
||||||
|
E -->|验证失败| J[返回错误信息]
|
||||||
|
J --> K[前端显示错误提示]
|
||||||
|
D --> A
|
||||||
|
K --> A
|
||||||
|
```
|
||||||
|
|
||||||
|
然后你就可以把代码复制到 Mermaid 渲染工具中，比如写作工具语雀支持添加文本绘图组件：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
然后就会出现一个绘图框，在左侧粘贴文本代码，右侧选择对应的绘图语言，就能看到效果了：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
很多 Markdown 编辑器也天然支持 Mermaid 绘图的渲染，比如 Typora：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
有很多支持 [Mermaid 渲染的网站](https://mermaid-live.nodejs.cn/edit)，还可以导出为 PNG 等格式的图片：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
此外，现在很多 AI 聊天助手内置了 Mermaid 渲染工具，能直接看到效果并下载：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
如果你对 AI 生成的效果不满意，只需手动修改文本即可，会自动重新渲染图片。
|
||||||
|
|
||||||
|
Mermaid 还支持多种图表类型，比如时序图：
|
||||||
|
|
||||||
|
```plain
|
||||||
|
请用 Mermaid 画一个订单支付的时序图，展示用户、前端、后端、支付网关之间的交互
|
||||||
|
```
|
||||||
|
|
||||||
|
AI 生成的效果如图：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Mermaid 还能画甘特图、饼图、Git 分支图等，这里再让 AI 生成一个架构图：
|
||||||
|
|
||||||
|
```plain
|
||||||
|
请用 Mermaid 画一个简单的微服务架构图
|
||||||
|
```
|
||||||
|
|
||||||
|
AI 生成的效果如图：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#### 2、PlantUML - 专业的 UML 绘图工具
|
||||||
|
|
||||||
|
PlantUML 是另一个强大的文本绘图工具，特别擅长绘制 UML 图、时序图和系统架构图。它的语法相对 Mermaid 更加专业和规范，生成的图表也更加精美。
|
||||||
|
|
||||||
|
让我们用 AI + PlantUML 画一个经典的订单系统类图，给 AI 的提示词如下：
|
||||||
|
|
||||||
|
```plain
|
||||||
|
请用 PlantUML 语法帮我画一个订单系统的类图，包含：
|
||||||
|
- Order 类：订单ID、用户ID、总金额、状态、创建时间
|
||||||
|
- OrderItem 类：商品ID、数量、单价
|
||||||
|
- User 类：用户ID、用户名、邮箱
|
||||||
|
- Product 类：商品ID、名称、价格、库存
|
||||||
|
展示它们之间的关联关系
|
||||||
|
```
|
||||||
|
|
||||||
|
AI 会生成专业的 PlantUML 代码，同样放到语雀的文本绘图、或者 [PlantUML 渲染网站](https://www.plantuml.com/plantuml/uml/) 中，都可以看到效果：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
PlantUML 还特别适合画复杂的时序图和系统架构图。比如一个完整的登录时序图：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#### 其他文本绘图工具
|
||||||
|
|
||||||
|
除了 Mermaid 和 PlantUML，还有 **Flowchart** 和 **Graphviz** 等文本绘图工具。为了帮大家更好地选择，我整理了这四种工具的对比：
|
||||||
|
|
||||||
|
| 特性 | **Mermaid** | **PlantUML** | **Flowchart** | **Graphviz** |
|
||||||
|
| ------------ | ------------------------ | ----------------- | ------------- | ------------------ |
|
||||||
|
| **图表类型** | 流程图、时序图、甘特图等 | UML全系列、架构图 | 流程图 | 各类图表，极其灵活 |
|
||||||
|
| **语法难度** | 简单直观 | 中等，UML规范 | 非常简单 | 较复杂 |
|
||||||
|
| **生态支持** | GitHub/GitLab原生支持 | 需要插件支持 | 一般 | 广泛支持 |
|
||||||
|
| **定制能力** | 中等 | 高 | 低 | 极高 |
|
||||||
|
| **适用场景** | 日常文档配图 | 专业架构设计 | 简单流程说明 | 复杂网络拓扑 |
|
||||||
|
| **学习成本** | 低 | 中 | 极低 | 高 |
|
||||||
|
|
||||||
|
我的建议是，日常使用选 Mermaid，因为它语法简单、平台支持好；如果要画专业的 UML 图，就选 PlantUML。如果想生成复杂的网络拓扑图，可以选择 Graphviz，支持更复杂的定制能力。
|
||||||
|
|
||||||
|
比如鱼皮给自己的野鱼网吧生成了一份网络拓扑图：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### 二、网页绘图
|
||||||
|
|
||||||
|
网页绘图是一种非常自由灵活的绘图方式。本质上是 “图片即网站” —— 通过生成包含可视化元素的网页代码，在浏览器中渲染出各种图片，而且可以实现静态图片无法做到的交互效果和动画展示。
|
||||||
|
|
||||||
|
#### 1、原生网页绘图
|
||||||
|
|
||||||
|
利用网站开发的核心技术（HTML + CSS + JavaScript），我们可以生成各种类型的图表。这种方式虽然不是传统意义上的绘图，但效果可能会超出预期。还可以借助各种第三方可视化库（如 ECharts、D3.js 等）来增强效果。
|
||||||
|
|
||||||
|
举个例子，当需要展示数据时，AI 可以利用 Apache ECharts 等可视化库生成专业的数据大屏。给 AI 的提示词如下：
|
||||||
|
|
||||||
|
```plain
|
||||||
|
请生成一个数据可视化大屏页面，展示电商平台的实时数据：
|
||||||
|
1. 页面布局：深色背景的大屏风格，分为头部标题和多个数据展示区域
|
||||||
|
2. 包含以下图表：
|
||||||
|
- 实时销售额（动态数字翻牌效果）
|
||||||
|
- 各品类销售占比（饼图）
|
||||||
|
- 24小时销售趋势（折线图）
|
||||||
|
- 热销商品TOP10（柱状图）
|
||||||
|
- 用户地域分布（中国地图热力图）
|
||||||
|
3. 使用 ECharts 实现，要有动画效果
|
||||||
|
4. 响应式布局，适配不同屏幕
|
||||||
|
```
|
||||||
|
|
||||||
|
AI 会生成完整的网站，包含各种图表，还是挺炫酷的吧~
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
你可以直接按需截图，得到图片；还可以通过 [Codepen](https://codepen.io/) 等网站运行工具将生成的网站快速分享给其他人。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
同理，AI 还能快速生成产品原型图，特别适合快速验证想法。给 AI 的提示词如下：
|
||||||
|
|
||||||
|
```plain
|
||||||
|
你是一位专业的 UI 设计师，请生成一个移动端电商APP的完整原型图，要求：
|
||||||
|
1. 使用 HTML+CSS 实现，风格简洁现代
|
||||||
|
2. 在同一个 HTML 页面中生成所有的原型页面，平铺排列
|
||||||
|
3. 生成的原型图是可以直接提供给前端程序员进行开发的
|
||||||
|
4. 当你需要图片资源时，优先使用 SVG 格式的图片
|
||||||
|
```
|
||||||
|
|
||||||
|
查看 AI 生成的原型图效果，我着实替 UI 设计师朋友们也捏了一把汗。。。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#### 2、SVG 矢量图绘制
|
||||||
|
|
||||||
|
SVG 是可缩放的矢量图形，SVG 图像可以无限缩放而不失真，非常适合绘制 UI 素材、Logo 图标、图形插画、技术架构图、流程图等需要无损缩放的图片。
|
||||||
|
|
||||||
|
SVG 文件本质上是 XML 格式的文本代码，可以直接嵌入网页或导入各种设计工具。
|
||||||
|
|
||||||
|
让我们用 SVG 绘制一个系统架构图，给 AI 的提示词如下：
|
||||||
|
|
||||||
|
```plain
|
||||||
|
请生成一个 SVG 格式的系统架构图，展示一个典型的三层架构：
|
||||||
|
- 展示层：Web 前端、移动端 App
|
||||||
|
- 业务层：API 服务器集群（3个节点）
|
||||||
|
- 数据层：主从数据库、Redis 缓存
|
||||||
|
要求：
|
||||||
|
- 使用不同颜色区分各层
|
||||||
|
- 添加连接线表示数据流向
|
||||||
|
- 图形美观，配色专业
|
||||||
|
```
|
||||||
|
|
||||||
|
AI 生成的 SVG 代码可以直接嵌入网页或导入设计工具，也可以保存为 SVG 文件直接双击在浏览器内打开。效果还不错吧~
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
使用 SVG 的另一个优点是可以精确控制每个元素的位置、大小和样式，甚至能添加动画效果，让图片更加生动。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#### 3、Canvas 动态绘图
|
||||||
|
|
||||||
|
Canvas 是 HTML5 提供的一个画布元素，通过 JavaScript 可以在上面绘制各种图形。与 SVG 不同，Canvas 是基于像素的，而且性能优秀，适合创建需要精确控制元素细节、动画效果丰富的画面，很多游戏也是基于 Canvas 实现的。
|
||||||
|
|
||||||
|
让我们利用 AI + Canvas 绘制一个海报页面，给 AI 的提示词如下：
|
||||||
|
|
||||||
|
```plain
|
||||||
|
请用 HTML5 Canvas 创建一个商务风格的宣传海报：
|
||||||
|
- 主题：企业网络解决方案
|
||||||
|
- 布局：上下分层设计，上部分为图形区域，下部分为文字区域
|
||||||
|
- 核心图形：5个立体感服务器图标，用优雅的曲线连接
|
||||||
|
- 配色：蓝白配色方案，体现专业感
|
||||||
|
- 文字内容：公司 Logo、产品名称、核心卖点
|
||||||
|
- 视觉效果：微妙的阴影和高光，提升质感
|
||||||
|
- 输出格式：可打印的高分辨率海报
|
||||||
|
```
|
||||||
|
|
||||||
|
生成的效果如图，我感觉还不错，而且还顺便生成了下载海报图片的按钮：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
再来绘制一个高大上的网络性能监控仪表板，给 AI 的提示词如下：
|
||||||
|
|
||||||
|
```html
|
||||||
|
请用 HTML5 Canvas 创建一个网络性能监控仪表板：
|
||||||
|
- 设计元素：
|
||||||
|
* 中央放置主要的网络拓扑图
|
||||||
|
* 周围添加各种图表和数据指标
|
||||||
|
* 实时数据流动效果
|
||||||
|
* 状态指示灯和进度条
|
||||||
|
- 配色：深色主题配亮色高亮
|
||||||
|
- 文字：等宽字体，模拟代码风格
|
||||||
|
- 细节：添加网格背景和扫描线效果
|
||||||
|
```
|
||||||
|
|
||||||
|
生成的效果很炫酷，非常适合拿来做技术演示（PPT）：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### 三、思维导图
|
||||||
|
|
||||||
|
AI 可以帮我们快速生成精美的思维导图，并且能够导出为专业思维导图软件支持的格式，便于我们在学习和工作中梳理知识。
|
||||||
|
|
||||||
|
我用的比较多的思维导图软件是 XMind，支持丰富的样式和主题。
|
||||||
|
|
||||||
|
可以通过 AI 直接生成 XMind 格式的思维导图代码，提示词如下：
|
||||||
|
|
||||||
|
```plain
|
||||||
|
请帮我生成一个关于"微服务架构设计"的思维导图，要求生成可以导入 XMind 软件的格式。
|
||||||
|
注意，XMind 文件实际上是一个 ZIP 压缩包，需要包含多个必要的文件。
|
||||||
|
|
||||||
|
导图内容包含以下要点：
|
||||||
|
1. 服务拆分原则
|
||||||
|
- 单一职责
|
||||||
|
- 服务自治
|
||||||
|
- 接口明确
|
||||||
|
2. 通信机制
|
||||||
|
- 同步通信（REST、gRPC）
|
||||||
|
- 异步通信（消息队列）
|
||||||
|
3. 服务治理
|
||||||
|
- 服务注册与发现
|
||||||
|
- 负载均衡
|
||||||
|
- 熔断降级
|
||||||
|
```
|
||||||
|
|
||||||
|
生成的效果还不错，还可以在软件中进一步美化思维导图的样式，图片太长了就给大家看一部分吧~
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
不过我更建议让 AI 生成 Markdown 格式的思维导图，因为 Markdown 格式更通用，方便在各种文档工具中使用。给 AI 提供下面这段提示词：
|
||||||
|
|
||||||
|
```plain
|
||||||
|
请将上述微服务架构内容整理成 Markdown 格式的思维导图，使用缩进表示层级关系
|
||||||
|
```
|
||||||
|
|
||||||
|
AI 会生成这样的 Markdown 格式：
|
||||||
|
|
||||||
|
```java
|
||||||
|
# 微服务架构设计
|
||||||
|
|
||||||
|
## 服务拆分原则
|
||||||
|
- 单一职责
|
||||||
|
- 每个服务只负责一个业务功能
|
||||||
|
- 高内聚低耦合
|
||||||
|
- 服务自治
|
||||||
|
- 独立部署
|
||||||
|
- 独立技术选型
|
||||||
|
- 独立数据存储
|
||||||
|
```
|
||||||
|
|
||||||
|
将这个 Markdown 文件直接导入 XMind，就能生成结构清晰的思维导图啦！
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### 四、专业绘图工具
|
||||||
|
|
||||||
|
如果将 AI 与专业绘图工具结合，可以实现 1+1 > 2 的效果。
|
||||||
|
|
||||||
|
我用的比较多的绘图工具是免费开源的 draw.io，它的优点是 **自由度极高**，支持导入导出多种格式，拥有丰富的图形库和模板。当需要绘制复杂图片时，先让 AI 生成 draw.io 格式的 XML 代码，然后导入到 draw.io 中进行二次编辑，能够大幅提升作图效率。
|
||||||
|
|
||||||
|
举个例子，让 AI 为鱼皮在 [编程导航](https://www.codefather.cn) 原创的十几套项目教程生成一个学习路线图：
|
||||||
|
|
||||||
|
```plain
|
||||||
|
请根据下列内容，生成 draw.io 格式的《编程导航原创项目学习路线图》代码：
|
||||||
|
|
||||||
|
## 以下是项目学习相关内容
|
||||||
|
...
|
||||||
|
...
|
||||||
|
```
|
||||||
|
|
||||||
|
然后直接复制 AI 生成的 XML 代码：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
并粘贴到 draw.io 中，就得到了下面这张图，效果还挺不错的吧！
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
然后你可以将绘图导出为各种主流图片格式，甚至是 PDF 文档和 HTML 网页：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
再来画一个复杂的架构图吧。让 AI 根据我的《亿级流量点赞系统项目教程》生成对应的架构图，提示词如下：
|
||||||
|
|
||||||
|
```xml
|
||||||
|
请根据下列内容，生成 draw.io 格式的《亿级流量点赞系统的架构图》代码：
|
||||||
|
|
||||||
|
## 以下是项目教程相关内容
|
||||||
|
...
|
||||||
|
...
|
||||||
|
```
|
||||||
|
|
||||||
|
AI 生成的绘图如下：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
是不是挺震撼的？如果人工来画这张图，半条命估计就下去了。
|
||||||
|
|
||||||
|
不过我们会发现，AI 有时候生成的图片元素会出现排版错乱、位置对不齐的情况。这时就需要人工进行调整了，有时要改的内容还挺多的，没点儿画图功底还真驾驭不了 AI。
|
||||||
|
|
||||||
|
所以虽然 AI + draw.io 这种画图方法看起来最强大，实际上还是建议大家根据作图的类型和复杂度，选择最合适的方法吧。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### 五、Emoji 绘图
|
||||||
|
|
||||||
|
还有一些适合整活儿的创意画图方法，比如利用 Emoji 表情来绘制简单的图。
|
||||||
|
|
||||||
|
举个例子，使用下面这段提示词：
|
||||||
|
|
||||||
|
```plain
|
||||||
|
利用 Emoji 帮我生成纯文本格式的流程图，要求生动有趣，尽可能多地将文本替换为 Emoji 表示。
|
||||||
|
|
||||||
|
提供的内容如下：
|
||||||
|
开发 -> 测试 -> 部署 -> 监控，循环往复
|
||||||
|
```
|
||||||
|
|
||||||
|
AI 会生成类似这样的效果：
|
||||||
|
|
||||||
|
```plain
|
||||||
|
🔄 软件开发生命周期流程图 🔄
|
||||||
|
|
||||||
|
👨💻 开发阶段
|
||||||
|
⬇️
|
||||||
|
🧪 测试阶段
|
||||||
|
⬇️
|
||||||
|
🚀 部署阶段
|
||||||
|
⬇️
|
||||||
|
📊 监控阶段
|
||||||
|
⬇️
|
||||||
|
🔁
|
||||||
|
(循环往复)
|
||||||
|
```
|
||||||
|
|
||||||
|
或者这样 👇，这是不是有点太抽象了？？？
|
||||||
|
|
||||||
|
```plain
|
||||||
|
🔄 DevOps 循环
|
||||||
|
|
||||||
|
👨💻 ➡️ 🧪 ➡️ 🚀 ➡️ 📊
|
||||||
|
⬆️ ⬇️
|
||||||
|
🔁 ⬅️ ⬅️ ⬅️ ⬅️ ⬅️ 🔁
|
||||||
|
```
|
||||||
|
|
||||||
|
还可以用 Emoji 画更复杂的图，比如微服务架构：
|
||||||
|
|
||||||
|
```plain
|
||||||
|
利用 Emoji 帮我生成纯文本格式的微服务架构图，要求生动有趣，尽可能多地将文本替换为 Emoji 表示。
|
||||||
|
```
|
||||||
|
|
||||||
|
AI 会生成这样的效果，抽象，太抽象了！
|
||||||
|
|
||||||
|
```plain
|
||||||
|
🌐 微服务架构全景图 🏗️
|
||||||
|
|
||||||
|
👥 用户
|
||||||
|
⬇️
|
||||||
|
🚪 API 网关 🛡️
|
||||||
|
⬇️
|
||||||
|
┌─────────────┼─────────────┐
|
||||||
|
⬇️ ⬇️ ⬇️
|
||||||
|
🛒 订单服务 👤 用户服务 💰 支付服务
|
||||||
|
⬇️ ⬇️ ⬇️
|
||||||
|
🗄️ 订单DB 🗄️ 用户DB 🗄️ 支付DB
|
||||||
|
```
|
||||||
|
|
||||||
|
同理，大家还可以尝试下字符画绘图，大胆发挥创意尽情探索、尽情压榨 AI 吧~
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## AI 绘图技巧
|
||||||
|
|
||||||
|
掌握了基本的绘图方法后，鱼皮再给大家开个小灶，分享一些高级技巧，帮你更快地画出更好的图。
|
||||||
|
|
||||||
|
### 技巧 1、提供示例图让 AI 模仿
|
||||||
|
|
||||||
|
当你看到一个很棒的图，想要绘制同款时，可以直接截图给 AI，让它帮你生成类似的图。
|
||||||
|
|
||||||
|
举个例子，仿照我提供的系统架构图进行生成，这种场景适合使用 draw.io 工具。示例 Prompt 如下：
|
||||||
|
|
||||||
|
```plain
|
||||||
|
请根据我提供的系统架构图，用 draw.io 格式生成类似风格和结构的图，但内容改为：
|
||||||
|
- 一个在线教育平台的架构
|
||||||
|
- 保持原图的配色方案和布局风格
|
||||||
|
- 包含用户端、管理端、API 网关、核心服务、数据存储等模块
|
||||||
|
```
|
||||||
|
|
||||||
|
在 Cursor 中执行：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
生成结果如图，是不是很像？
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### 技巧 2、截图标注，精准修改
|
||||||
|
|
||||||
|
如果你对 AI 生成的图的有些地方不满意，你可以截图并在需要修改的地方画红圈标注，然后告诉 AI 如何修改，从而实现精准修改。
|
||||||
|
|
||||||
|
举个例子，先对生成的架构图进行标注，利用截图工具就可以完成了：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
然后将标注过的图片和下列 Prompt 一起发送给 AI：
|
||||||
|
|
||||||
|
```plain
|
||||||
|
我在图片上用红圈标注了几个地方，请帮我进行修改。
|
||||||
|
其他部分保持不变，并输出新的 draw.io 格式的图片：
|
||||||
|
1. 第一个红圈：字体换行了，导致内容显示不全
|
||||||
|
2. 第二个红圈：2 个斜箭头不是特别好看
|
||||||
|
3. 第三个红圈：字体换行了，应该在同一行显示
|
||||||
|
```
|
||||||
|
|
||||||
|
生成结果如图：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
可以发现大多数问题都已经修复了，但缺点是 AI 会重新生成一遍图片，每次都要等一段时间。运气不好的话要浪费好多时间在和 AI 斗智斗勇上。。。
|
||||||
|
|
||||||
|
### 技巧 3：配置专业的系统预设
|
||||||
|
|
||||||
|
AI 生成的效果很大程度上取决于输入的提示词，所以要让 AI 画出更专业的图，配置一个好的系统提示词至关重要。在 Cursor 中，我们可以设置项目级别的 Rules 规则，让 AI 始终遵循你的绘图规范。
|
||||||
|
|
||||||
|
给大家一个专业的架构图绘制预设，仅供参考：
|
||||||
|
|
||||||
|
```plain
|
||||||
|
# 技术架构图绘制专家
|
||||||
|
|
||||||
|
你是一名资深的系统架构师和技术图表设计专家，精通各种技术栈和绘图工具。
|
||||||
|
|
||||||
|
## 绘图原则
|
||||||
|
1. 所有文字必须使用简体中文
|
||||||
|
2. 保持图表简洁清晰，避免过度复杂
|
||||||
|
3. 使用标准的技术图标和符号
|
||||||
|
4. 配色专业，一般使用蓝、绿、橙等技术感色彩
|
||||||
|
5. 层次分明，主次关系清晰
|
||||||
|
|
||||||
|
## 技术规范
|
||||||
|
1. 架构图分层清晰：展示层、网关层、服务层、数据层
|
||||||
|
2. 使用虚线表示异步调用，实线表示同步调用
|
||||||
|
3. 标注关键技术栈和中间件
|
||||||
|
4. 添加必要的文字说明，但不要过多
|
||||||
|
5. 考虑高可用、负载均衡等架构要素
|
||||||
|
|
||||||
|
## 输出要求
|
||||||
|
1. 根据图表类型和复杂度选择 Mermaid、PlantUML 或 draw.io 语法
|
||||||
|
2. 如果是复杂架构，分模块逐步展示
|
||||||
|
|
||||||
|
## 配色方案
|
||||||
|
- 展示层：蓝色系 (#3498db)
|
||||||
|
- 业务层：绿色系 (#2ecc71)
|
||||||
|
- 数据层：橙色系 (#e67e22)
|
||||||
|
- 中间件：紫色系 (#9b59b6)
|
||||||
|
- 错误/警告：红色系 (#e74c3c)
|
||||||
|
```
|
||||||
|
|
||||||
|
进入 Cursor 的 Rules 设置界面，添加一个规则：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
将这个预设配置到规则中，可以设置为每次对话都生效，也可以人工按需使用，我这里设置为人工按需使用：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
在 AI 对话时指定 Cursor Rules，AI 就会按照规则来生成图片，确保输出的一致性和专业性：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
生成效果如图，是不是有内味儿了~
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### 技巧 4、组合生成
|
||||||
|
|
||||||
|
有时你也不知道哪种方法作图效果最好，干脆就同时生成多种不同的绘图代码，再从中挑选。
|
||||||
|
|
||||||
|
示例提示词如下：
|
||||||
|
|
||||||
|
```plain
|
||||||
|
请帮我绘制一个用户登录流程图，要求同时生成下列格式的代码：
|
||||||
|
1. Mermaid
|
||||||
|
2. PlantUML
|
||||||
|
3. draw.io
|
||||||
|
```
|
||||||
|
|
||||||
|
但是这个技巧大家了解一下就好了，实际使用时生成速度会慢很多，成本会比较大。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 结尾
|
||||||
|
|
||||||
|
看到这里，相信你已经掌握了 AI 画图的各种姿势了！从简单的文本绘图到复杂的动态图表，AI 都能轻松搞定。不仅能帮我们节省大量时间，而且妈妈再也不用担心我的图画得丑了！
|
||||||
|
|
||||||
|
最后，如果你觉得本期内容对你有帮助，别忘了点赞收藏，分享给更多需要的朋友。学编程、对 AI 感兴趣的朋友欢迎关注鱼皮，在我免费开源的 [AI 知识库](https://ai.codefather.cn) 中也汇总了大量 AI 知识和教程干货，希望对大家有帮助。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
也欢迎加入我们的 AI 交流群，获得更多最新资讯、AI 玩法等内容～
|
||||||
|
|
||||||
|
|
||||||
@@ -0,0 +1,57 @@
|
|||||||
|
# AI应用场景
|
||||||
|
|
||||||
|
> 你全面的 AI 知识库，一网打尽最新 AI 资讯，都在 [https://ai.codefather.cn](https://ai.codefather.cn)
|
||||||
|
|
||||||
|
## AI + 内容创作
|
||||||
|
[3秒让DeepSeek写出爆款小红书](AI%20+%20内容创作/3秒让DeepSeek写出爆款小红书.md)
|
||||||
|
|
||||||
|
[人有多大胆，地有多大产：如何用DeepSeek写长篇小说-虎嗅网](AI%20+%20内容创作/人有多大胆，地有多大产：如何用DeepSeek写长篇小说-虎嗅网.md)
|
||||||
|
|
||||||
|
[如何利用DeepSeek进行高效内容创作](AI%20+%20内容创作/如何利用DeepSeek进行高效内容创作.md)
|
||||||
|
|
||||||
|
[用DeepSeek做小红书真的太牛了！轻轻松松打造爆款笔记](AI%20+%20内容创作/用DeepSeek做小红书真的太牛了！轻轻松松打造爆款笔记.md)
|
||||||
|
|
||||||
|
[用DeepSeek写文章？这4个骚操作让你躺平也能出爆款！（含提示词）](AI%20+%20内容创作/用DeepSeek写文章？这4个骚操作让你躺平也能出爆款！（含提示词）.md)
|
||||||
|
|
||||||
|
## AI + 创意设计
|
||||||
|
[DeepSeek一句话搞定修图难题](AI%20+%20创意设计/DeepSeek一句话搞定修图难题.md)
|
||||||
|
|
||||||
|
[deepseek+数字人王炸组合使用方法](AI%20+%20创意设计/deepseek+数字人王炸组合使用方法.md)
|
||||||
|
|
||||||
|
[用 deepseek 做 AI 视频，绝了，和抄作业一样简单！](AI%20+%20创意设计/用%20deepseek%20做%20AI%20视频，绝了，和抄作业一样简单！.md)
|
||||||
|
|
||||||
|
[绝绝子！用deepseek做AI视频，涨粉10W+（附保姆级教程）](AI%20+%20创意设计/绝绝子！用deepseek做AI视频，涨粉10W+（附保姆级教程）.md)
|
||||||
|
|
||||||
|
[这怕是全网最强的 DeepSeek 图片教程吧，赶紧收藏了！](AI%20+%20创意设计/这怕是全网最强的%20DeepSeek%20图片教程吧，赶紧收藏了！.md)
|
||||||
|
|
||||||
|
## AI + 办公效率
|
||||||
|
[DeepSeek R1 + 个人知识库，直接起飞！](AI%20+%20办公效率/DeepSeek%20R1%20+%20个人知识库，直接起飞！.md)
|
||||||
|
|
||||||
|
[DeepSeek嵌入到Excel，提升10倍工作效率，太牛了！](AI%20+%20办公效率/DeepSeek嵌入到Excel，提升10倍工作效率，太牛了！.md)
|
||||||
|
|
||||||
|
[DeepSeek配合KIMI，自动生成PPT，感觉自己要失业了！](AI%20+%20办公效率/DeepSeek配合KIMI，自动生成PPT，感觉自己要失业了！.md)
|
||||||
|
|
||||||
|
[WPS里装上deepseek，简直就是办公神器](AI%20+%20办公效率/WPS里装上deepseek，简直就是办公神器.md)
|
||||||
|
|
||||||
|
[利用deepseek建立专属销售知识库](AI%20+%20办公效率/利用deepseek建立专属销售知识库.md)
|
||||||
|
|
||||||
|
[如何用DeepSeek更高效地工作：10个实用技巧](AI%20+%20办公效率/如何用DeepSeek更高效地工作：10个实用技巧.md)
|
||||||
|
|
||||||
|
[手把手教你在word中接入deepseek，秒生文档材料](AI%20+%20办公效率/手把手教你在word中接入deepseek，秒生文档材料.md)
|
||||||
|
|
||||||
|
[法律人保姆级deepseek使用指南（附指令版）](AI%20+%20办公效率/法律人保姆级deepseek使用指南（附指令版）.md)
|
||||||
|
|
||||||
|
## AI + 理财
|
||||||
|
[普通人如何通过炒股买基金赚到100万？](AI%20+%20理财/普通人如何通过炒股买基金赚到100万？.md)
|
||||||
|
|
||||||
|
[用Deepseek回答：如果有100万闲钱，几年内不用，该怎么理财？](AI%20+%20理财/用Deepseek回答：如果有100万闲钱，几年内不用，该怎么理财？.md)
|
||||||
|
|
||||||
|
## AI + 编程开发
|
||||||
|
[DeepSeek接入Python，一般电脑也能飞速跑，确实可以封神了！](AI%20+%20编程开发/DeepSeek接入Python，一般电脑也能飞速跑，确实可以封神了！.md)
|
||||||
|
|
||||||
|
[DeepSeek装进VSCode，编程非常丝滑！](AI%20+%20编程开发/DeepSeek装进VSCode，编程非常丝滑！.md)
|
||||||
|
|
||||||
|
[教你用DeepSeek+Clien，从0到1开发一个APP](AI%20+%20编程开发/教你用DeepSeek+Clien，从0到1开发一个APP.md)
|
||||||
|
|
||||||
|
> 你全面的 AI 知识库，一网打尽最新 AI 资讯，都在 [https://ai.codefather.cn](https://ai.codefather.cn)
|
||||||
|
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
# Deepseek行业资讯
|
# Ai行业资讯
|
||||||
|
|
||||||
> 你全面的 AI 知识库，一网打尽最新 AI 资讯，都在 [https://ai.codefather.cn](https://ai.codefather.cn)
|
> 你全面的 AI 知识库，一网打尽最新 AI 资讯，都在 [https://ai.codefather.cn](https://ai.codefather.cn)
|
||||||
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user