Hello 各位，好久不见，我是真成。
截止今天，我们企业级云原生项目+运维导航知识库开发，终于都完结了，连续开发了 12-15 天。现在可以腾出手来写写文章了。
今天我们会介绍我开发的 运维导航 项目，同时介绍我是如何通过 AI 开发的，大家看完也能学会开发自己的系统。这里毫无保留的分享给大家，值得大家一键三连吧！！
本文目录结构如下：
本篇教程也会收录到我们运维导航的 AI 知识库，大家也可在此处查看
访问地址：https://ywdh.qiuyl.com/knowledge/all
运维导航介绍
运维导航官网地址：https://ywdh.qiuyl.com/
1）首页
本次开发，主要内容是我们运维导航的知识库功能，不过我们运维导航官网，其他页面也是做了更新的。
2）VIP 页面
介绍了我们目前 VIP 的权益，以及如何加入 VIP。大家了解我们的企业级项目和加入，都可以访问到该页面。
VIP 页面访问地址：https://ywdh.qiuyl.com/vip
同时这里也为大家准备了一张大额优惠券，欢迎加入运维导航。名额只有 50 名，一天有效期，运维导航星球是支持 3 天无理由全额退款的，也不用担心冲动消费，咋们有后悔药！！
（推荐阅读）了解更多详情，到我们的官网：https://ywdh.qiuyl.com/vip
3）知识库页面
首先左侧就是我们知识库的菜单栏，里面有很多常用的功能，选择知识库、知识库导航栏、我的收藏等等。
右侧的顶部有我们知识库的一个数据展示，付费知识库数、免费知识库数、文章数、视频数、图片数、字数。
下方具体知识库也有自己的数据，文章数、视频数、视频时长、图片数、字数。
同时知识库页面为了保护大家的眼睛，还特意加了暗黑模式（右上角按钮切换）。请把贴心打在公屏上。
我们知识库是有免费内容和付费内容的。付费内容需要进入我们运维导航知识星球后，回到我们运维导航网站进行 VIP 认证即可查看了。
视频内容快捷键
付费内容都是有试读的哦，了解这个项目，了解这个项目所需的基础知识，都可以看试读内容。
同时我们的运维学习路线的内容，是可以在免费知识库查看的，也都迁移过来了。大家别再问我之前的语雀为啥打不开了。
内容页面也具备点赞、收藏、评论、分享功能。
AI 开发系统教程
AI 开发系统，第一步肯定是准备我们的 AI 开发工具 + AI 模型。
我们运维导航的开发选择的是 Codex + GPT-5.6 Sol + DeepSeek-V4-Flash。之所以用 DeepSeek-V4-Flash 是因为 GPT 的 $20 的套餐根本不够用啊，1~2 天一周的额度就花完了。
这时发现 Codex 可以接入 DeepSeek-V4-Flash ，这个月初时候还不支持 DeepSeek-V4-Pro，DeepSeek 也都还没涨价（还好薅到了一周的低价）。
所以后续我都使用的 Codex + DeepSeek-V4-Flash 的组合来完成的运维导航的开发。
当前 DeepSeek-V4-Flash 的模型能力也是比较厉害的，以至于现在 DeepSeek 涨价我也还在用 DeepSeek-V4-Flash ，其次是因为 DeepSeek-V4-Pro 是真的贵了好多。
为什么说 DeepSeek-V4-Flash 现在比较厉害？看下图，这张是网传的 DeepSeek V4 斩杀线，最新版的 DeepSeek-V4-Flash 秒了一大半模型！
下面这张图是我们开发运维导航使用 DeepSeek 所耗费的金额 298.14 大家觉得怎么贵？在没有涨价前呢，一天（12小时）高强度使用耗费 32 左右。这个价格能开发一个系统，我认为是不贵的哈。
所以大家按照自己的所需来选择模型吧。
使用 Codex 开发系统过程中，如果页面上有地方没有改好，我们直接使用它的注释功能，可以精准定位到我们的想要改的内容。这个功能也是我常用的功能。
每处注释都可以描述这里的问题，直接发 AI 就能懂。
个人是真心觉得 Codex 挺好用的，如果大家有其他推荐，欢迎您留言评论区。
环境准备
安装 Codex
在 OpenAI 官网，的产品页面下载后直接无脑安装即可。
官网地址：https://openai.com/zh-Hans-CN/
Codex 产品页面下载：https://openai.com/zh-Hans-CN/codex/
首次打开 Codex，我这个是打开了项目工程目录的，后续所有的开发工作都在这个目录下完成。
如果使用的模型是国外的，打开 Codex 前记得使用魔法。
Codex 接入 DeepSeek-V4
Codex 接入 DeepSeek-V4 官方文档：https://api-docs.deepseek.com/zh-cn/quick_start/agent_integrations/codex
默认 Codex 使用的模型是 GPT 的，我们现在接入 DeepSeek-V4。Windows 系统用户，只需打开 PowerShell 只需执行下方一条命令即可接入。
注意：执行这个命令前，请先打开一次 Codex，之后关闭退出 Codex 程序后，再执行下方的命令。
irm https://cdn.deepseek.com/api-docs/codex-deepseek-setup-en.ps1 | iex
由于我这里已经接入过 DeepSeek-V4-Flash，这次选择接入 DeepSeek-V4-Pro。这里输入 2，按照提示填入 DeepSeek 的 API keys 即可。
创建 DeepSeek 的 API keys。
访问地址：https://platform.deepseek.com/api_keys
再次打开 Codex 你会发现模型已经是 DeepSeek 了。
安装 Skill
Skill 仓库访问地址：https://www.skillhub.cn/
我们使用 AI 开发必然要用到 Skill 的，下面我会介绍我个人使用的 Skill。同时我们 Skill 的安装可以全权交给 AI 自己完成。
-
直接告诉 AI 安装某某 Skill 即可 -
或者如下图，复制 Prompt 给 AI 可以精准安装并节约一点 Token
1）Firecrawl MCP
Firecrawl MCP 官网：https://www.firecrawl.dev/
支持联网搜索，配置时需要登录官网创建 API Key。
2）Context7
Context7 官网：https://context7.com/
支持获取最新官方技术文档，登录官网创建 API Key，https://context7.com/dashboard
3）grill-me
Skill 仓库：https://www.skillhub.cn/skills/user_9ea429aa/grill-me
无情地追问方案的每个决策分支，直到达成共识。这个 skill 可以很好的用于我们和 AI 来沟通开发需求等。如图
从上图中我们是不是就能体会到这个 skill 的强大呢？它会连续追问你很多需求问题，最后根据这些对齐的问题方案再进行开发。可以避免我们想需求想不出来，想的不完善的问题，也节约很多返工时间。
4）前端 Skill
我们 AI 开发还是有个毛病，就是 UI 页面的 AI 味太重了，所以这里会用到前端 Skill 帮助我们去掉 AI 味。使我们的系统更加高级、好看、易用。
前端 Skill 我下载的比较多，具体用哪个需要 AI 自己判断。
我们建议只安装这两个前端 Skill 即可，因为使用的频率是最高的，其他基本没有使用。下面这两个 Skill 也是比较火。
-
impeccable -
design-taste-frontend (taste-skill)
技巧
个性化配置
左下角进入 Codex 设置页面，个性化配置如下图。个性化配置是全局的一个规范，避免我们每次开窗口都要反复强调这些规则。
1. 在开发过程中如果涉及到前端页面的改动，都使用我们已经安装的前端 Skill 来进行优化 UI。同时前端 UI、表单样式等等涉及到前端页面的，风格全部统一。
2. 如果在你没有理解或我没有说清楚需求的时候，通过grill-me的skill和我沟通问题，通过1 2 3，这样的形式让我选择答案。
3. 开发过程中使用工程化思维规范编写代码风格
配置 DeepSeek 视觉能力
1）如果 Codex 使用的 DeepSeek 模型，Codex 软件提示不能粘贴图片，也不能使用 Codex 的注释功能。那么就让 Codex 修改我们的模型配置，骗过 Codex 就可以粘贴图片和使用注释功能了。
# 提示词
修改我们的 DeepSeek 模型配置，骗过 Codex 使其我们可以粘贴图片和使用注释功能
完成后需要重启 Codex
再次测试是否允许粘贴图片
2）也可以接入第三方的模型，让 DeepSeek 支持识别图片的能力。
这里我们可以选择用智谱的 GLM-4.6V-Flash 免费模型，输入支持多模态。
访问地址：https://docs.bigmodel.cn/cn/guide/models/free/glm-4.6v-flash
也可了解：https://github.com/QwenLM/Qwen-MM-Plugins
需要提前准备 API Key
DeepSeek 如何使用 GLM-4.6V-Flash 呢？这里我们可以做一个 MCP 调用 GLM-4.6V-Flash 的 API。让 AI 题目完成这个任务。提示词如下：
帮我做一个 MCP，调用 GLM-4.6V-Flash，实现 DeepSeek 的视觉能力。最后封装成 Skill，方便调用。
智谱的 API Key: <填写你的 API Key>
重启 Codex 后，我们验证一下是否具备视觉能力。
AI 正式开发
AI 正式开发其实也不用讲，大家只要把上述的环境准备好，整理自己的系统的需求文档，整理需求文档这一步可以通过 grill-me（skill）一起配合完成。
需求文档整理完成后，直接丢给 AI 开发即可。AI 开发首次完成版本，肯定是不能一步到位的，这个时候就可以通过 Codex 的注释功能，精准定位问题后修改即可。再然后反复操作修改，直到达到自己的要求为止...
以后系统有功能了，流程也是一样：整理需求 => AI 开发 => 测试。
最后测试还是我们人为进行测试和验证的，其实在使用 Codex 的过程中你也会发现它自己开发完这个功能之后也会进行一个测试验证的，不过最后把关测试还是要认为验证一下。
对于测试的问题，大家也可以进行优化。欢迎在评论区交流。
最后为大家准备了一张大额优惠券，欢迎加入运维导航。名额只有 50 名，一天有效期，运维导航星球是支持 3 天无理由全额退款的，也不用担心冲动消费，咋们有后悔药！！
（推荐阅读）了解更多详情，到我们的官网：https://ywdh.qiuyl.com/vip
END
非特殊说明，本博所有文章均为博主原创。
如若转载，请注明出处：https://www.qiuyl.com/ai/639
Abutogel: <a href=" https://abutowin.icu/# ">S...