opencode怎么接codex
刚刚开会结束啊，已经二十三点十七分了。哎呀，今天一堆事情，然后有个特别大的感触，就是用的那个安装了 open code。 对， 就这个 ai 工具嘛，大家可能经常听到有 cloud code， 有 code text， 然后我安装了那个 open code， 然后用的是公司免费的那个 api key， 做了很多，跟他聊了很多，基本上今天主要就跟他聊了，然后很多工作流啊，很多私信啊，然后很多信息啊，但我觉得这个信还是需要持续去培养的。但是呢，越聊越上瘾，越聊越上瘾啊。 哎，我就今天晚上加班到这会，也是有一部分这个原因的，推荐大家赶紧用起来，自己尝试起来。我准备再装一个 q 代码，因为格拉格的我尝试了，但是因为这些特殊原因，只能用第三方的开发模式，那开发模式是不能配置 skd 的， 这个会严重影响你的整个工作的效率 啊。但是呢， opencode 是 可以去配置 skype， skype 或者深圳 skype、 skype 的， 那么 codex 的 话据说是能生成工作流，我还没有去尝试 codex， 后面也可以试一下。那确实能够去体校，你在跟他交流的过程里边，你会慢慢发现，刚开始我也比较懵嘛，但是后后来就慢慢地发现， 有很多店它是可以可以去介入，可以去做的，还是要多聊。嗯， ok， 今天就分享这些。
粉丝2896获赞3.3万
相关视频
01:19查看AI文稿AI文稿codex 真的 很好用，但是 g p t 五的模型太贵了，再用下去我的钱包要顶不住了， 所以呢，今天呢，我就给大家分享两个 codex 很 实用的插件。呃，第一个插件呢，可以接入我们国内的一些大模型，比如说 deepsafe 啊，字谱啊。好，第一个呢，就这个这个插件 打开之后呢，我们可以先点击模型中心，然后这里可以选择我们这些国内很优质的大模型。然后呢我们点击加号，复制好之后呢保存，保存之后我们再点击应用管理，选到我们的 codex， 选择其中应用 就可以了，而且如果你有多个国内的大模型的话，你切换模型的话，它对话是不会清除的，我觉得这个就很好用。好，现在通过这个插件打开的话，那就是使用的就是我们的这个 啊质朴的模型了。那如果我们是通过 api 的 方式登录的这个 codex 的 桌面版的，那它这个插件是灰色的啊，那我们也可以通过一个插件来把它解锁，就是这个插件 好，把它部署。安装好之后呢，我们先退出我们的 codex。 好 的，然后通过这个插件启动之后呢，就可以看见我们的插件已经解锁了，快去试试吧，让你的 codex 更好用。
3456老李的AI工坊
07:03查看AI文稿AI文稿你安装的 code 叉是不是也这样？没有 open ai 的 账号就不能正常使用？本视频教你，没有国外的 open ai 账号也能正常使用 code 叉。这里我们打开电脑上自带的这个微软应用商店，然后在这里搜索 code 叉，搜索之后，这里的话我们选选择这一个图标的， 然后这里是已经安装好的，所以它显示打开没有安的话，我们点击获取，等它安装结束即可。安装结束之后呢，我们点击这里， 然后找到这个 code 叉，然后这个 code 叉它默认的话是使用呃 open a a 的 账号来进行登录，我们在国内没办法正常使用，所以的话我们先不要打开它，我们去到这个 来到这个 c c switch 的 啊界面之后呢，我们选择这里点击一下，然后等它来到这里之后，我们直接划到这个页面最底下， 这里我们根据自己的电脑系统的版本来进行下载即可。 windows 的 话我们就直接下载这一个，然后这里是因为已经下载过了，所以我就不点击下载了。然后还有我们也要如果是 mini max 的 大模型，大模型的话我们就选择下载，把这个也下载下来， 然后这里我也是已经下载，我们就点击这里下载就好。这里我已经下载好了，我们就不继续下载了。下载之后的话，我们就直接去这边打开吧这里然后这个是 c c switch 的 开源项目，我们直接双击运行它， 我们就直接点击下一步，然后这里是让我们去选择这个安装路径，这里的话我把它安装在 c 盘，安装在 d 盘吧， 我直接点击安装，点击下一步，然后这里直接点击安装，然后这里就等它安装结束，这里我们把这个勾选去掉，然后点击结束，结束之后这个 这个我们 mini max 的是使用 mini max 大 模型才才用到的，如果不是 mini max 大 模型的话，需要去选择其他的，可以自己去找相应的开源项目，这里我就直接把它解压， 这里剪下之后的话，我们直接在这里，然后打开这个，这里它有需要你安装的，然后我们本地的话是需要安装这个 node js， 这个的话可以看我上一期的视频去安装，然后这里的话我们就直接把这个命令复制一下， 然后我们点击这里，我们直接输入 cmd， 然后回车，在弹出这个页面里，我们直接复制粘贴一下，然后回车。好，它现在已经在安开始安装依赖了，然后我们这里就会多了一个文件夹， ok， 它显示已经安装，音量已经结束。好，我们现在就把它这个点给关闭掉，然后我们点击这个，我们点击运行这里，运行到这里的话我们就不用管，然后我们就打开我们的安装的那个 cs 微棋， 这个是我们安装 cs 微棋的这个图标，我们直接双击它， 然后这里你如果是第一次使用的话，那默认是这里，然后我们要选择这一个，这里我还是，虽然我已经重新安装了，但是因为之前我是安装过的，所以我这边已经是已经配置好的， 如果是第一次使用的话，我们是需要点击，我直接把这个删掉吧，这个删掉先启动下这个，把这个给删掉。 好，我们现在来重新配置一下，这里的话我们选择这里的 open a， 然后之后我们点击这里的加号，这里我们供应商这些我们就不用管，这里我们就随便填我这里我就填这个 mini max 吧，因为我自己用的是这个模型，然后这里的 api key 我 们也是随便填 这里的请求地址，请求地址的话我们就是把这个运行在这里这里给复制一下，然后把它粘贴到这里来， 这里的话我们模型的话我们选择这里都复制一下 往下滑，这里我们是一定要勾选上，勾选上之后我们就直接点击添加啊，我们现在这里已经添加，然后进这里的话，我们点击这个启动， ok， 已经切换了，那这里我们可以进行测试，这里测试应该是会报错的，因为这里我们还没有填这个东西，就我们还是去到这个 这里，这里面我们是需要把这个配置文件，这个我们先复制一份， 然后把这里给改掉啊，这里的话我们把后面这里给去掉， 我们点击四啊，这里我们一定是要这个点 e n v 的 这样子的格式，然后之后我们点击用我们的这个记事本打开，打开之后的话，这个是我要这里要填入你自己的 mini mag 那 个 api key， 然后每个人我们可以自己去获取一下就行了，那这里有因为 api key 比较私密，所以的话 我就不让大家看到了，把它删掉，然后我去把我的给粘贴过来复制一下 啊，然后这里我已经把这个秘钥给配进去了，配进去之后呢，我们这个界面还是要关闭重启一下， 就这个这个界面，我们直接把它给关闭掉，然后我们就点击这个双击一下，等它启动起来，点击运行，因为它现在已经启动起来了。启动起来之后呢，我们这里再点击一下这个测试， 因为他现在表表示已经正常能正常使用了。然后呢正常能正常使用之后，我们就可以把它给擦掉了。然后现在我们再打开我们的这个 color 叉，然后我现在问一下他，你的 他现在已经回复我了，然后其实他这个回复呢也是在这里会看到的。 然后最后界面我们是不能关闭的，不然关闭的话我们这个 qq 叉就不能正常使用了。我的这个 qq 叉默认的话是其实我们安装的时候它默认都是英文的，然后我们要如果要改变这个，呃四 plus， 我 们就选择这个 setting， 然后找到这里，就这里的我们直接找到往下滑这里我们把它改成中文就行了，这样子我们的 control 它就能正常的使用了。
8618阿疯AI自修室
40:03查看AI文稿AI文稿这是我用 codex 做出的一个跨境电商网站，全程 web coding， 没有写一行代码。我用了一套很主流的网页开发方案，用 open design 先做页面原型， next gs 负责开发 bootstrap， 一 键上线。 这套方案很成熟，无论是做一个品牌展示页，一个公司官网，或者想要测试一个新品，做个落地页，以前可能都需要先找设计师，找前端，找人写代码。现在只要思路清晰，进入 codex 或其他的 ai 编程工具，几个小时就能把第一个版本先跑起来。那这就是 ai 编程真正有价值的地方， 让你用很快的成本，快速把想法变成一个能打开、能展示、能测试、迭代的东西。同时为了让完全没有基础的朋友也能跟着做，我把这个视频用到的提置词、操作步骤，以及可能遇见的报错和解决方法都整理成了详细的图文指南。如何获取可以看视频。最后，那接下来我就带大家从零开始 完整的做一遍。如果您的电脑就在身边，就请打开电脑，打开浏览器，我们正式开始今天的 ai 系统工程实战视频教程，可以先来个关注三连慢慢看。那我们今天主要使用到的工具就是 open design， 它是最近很火的一款设计工具，我们也可以把它看作是 cloud design 的 一款开源版本。那这类设计工具它主要的作用就是当我们有一个做网页或者做 app 的 想法，我们可以告诉它，它可以快速的帮我们做出原型设计。 跟 cloud design 比较昂贵的价格不同呢？那如果有同学体验过就会知道啊， cloud design 是 很贵的 open design， 它可以调用咱们本地电脑安装的一些 c l i 工具，就是命令行工具。那例如 codex 的 c l i。 这个时候大家可能会有点糊涂啊，咱们上个视频不是说 codex 它是一款桌面端的应用嘛，对吧？就是一款 app， 例如这就是我们桌面端 codex 的 页面。 那为什么这里又说 codex 它还有命令行的版本呢？那其实 codex 它是一系列的产品，就像我们所熟知的命令行呢，比如我们右键打开 windows 的 终端，好可以看到，那其实 codex 它是也有一个类似于这种命令行形式的。这节课我们就结合 codex 还有 open design 来快速地去打造一个跨境电商的落地页，并且咱们用 webcel 快 速上线。前端的框架呢，我们就用 nexjs， 你 可能会被这些名词绕晕，咱们先来看一下我做的这一张大概的解释图， webcel 和 nexjs 它们都是做什么的？ 可以看到那 next ds 它就是一套框架，主要是负责把网站给做出来。就像刚才我们说 open design， 它得到的这种原型设计一般就是一套静态的 html 网页，而且它还没有任何的功能。那 next ds 就是 负责把这一套设计类的网页给它转换成一个真正的网站。 当我们转换成网站之后，是吧？这个时候它可能还跑在你的本地电脑上，例如你去访问的话，它的前缀可能都是幺二七点、零点零点一，或者说 local host。 那怎么样才能把它发布起来，给它一个域名，例如 w w w 点多少点？ com 这么一个域名，让别人也能够访问，对吧？这是我们最终的目的， 那这个时候我们就需要用到 voicel 了，通过 voicel 我 们可以把 next gs 的 项目一键就发布上线，同时 voicel 它还会给你分配一个默认的域名，总体来说是非常方便的。 所以它整个的大致流程，我们先用 open design 去设计页面，这里面我们需要用到 open design， 那 open design 当然它后台会去调用 codex 的 c l i， 就是 命令行的版本。 这是第一步，我们先做出页面设计，然后呢就用 nexus 把页面设计给它开发成一个真正可以用的网页。那第三步，我们再把这个网页项目上传到 vassel， 这个时候咱们就能够得到一个可以访问的网站链接，那这个时候别人就可以通过这个网站链接去访问到你的网页了。 因为 next g s 就是 websel 团队主导的一个开源项目，所以这整个上线的流程非常的丝滑，咱们接下来会具体演示。好，那顺便呢我们补充一句啊，因为咱们这一期视频我们做的是一个外部端，就是一个网页端的项目， 那我们可以再回看咱们课程的第二杠一节，我们可以发现这里面其实涉及到的也和我们最初所说用 ai 去扮演一个小的软件团队常见的角色都是一致的。 那例如项目经理就是提出这个 idea 的 人，就是我，我们想要做一个跨境电商的网页产品经理和 u i 设计师，我们就让 open design 去代劳。那这种前后端还有数据库，我们就让 next g s 去做具体的部署，我们就使用 excel， 这就是大致的一个思路。 下来我们就开始第一步，圆形设计，那这个时候我们就需要用到 open design， 把我们的想法变成可以看得到的网页。那这里我们给大家留一个小思考，我们用 ai 做圆形设计在课程之前很早就说过，例如第三个四节，我们还曾经给大家提供了一套直接可以用的提示词，就是把你的想法 然后变成一套原型设计，而且输出的产物也是一套 html 文件。那为什么这个时候又有了 open design 这一套专门的设计工具呢？那这是因为啊， open design 他 们是专门针对这个任务去设计的一套开源工具， 而且融合了后续又有很多的各种各样的 skills， 例如 test skills， 就是 最近也很火的一套前端非常有用的技能，能够大幅度的提升你整个设计的品味。好，也就是 open design， 它是 一套专门针对于设计那就开发的开源工具，会更加的灵活，而且更容易调整，同时他也更系统，比如他在做原型设计之前，会先帮你生成一套设计系统，关于他的灵活调整还有系统性，咱们接下来都会给大家演示的。大概了解了 open design 他 做的是什么工作，我们就开始安装 open design。 首先第一步我们从它的官方地址去下载安装，那这个官方地址我也在文档中提供给大家了。好，我们点击一下， ok， 可以 看到，那这就是 open design 这款项目它的官方网址了， 那我们只需要在这里点击下载桌面端，无论是 windows 还是 mac 都有对应的版本，那就像你安装普通的软件一样，下载好之后双击安装就 ok 了， 但是安装好之后先不要打开，我们还有中间的一个步骤，因为 opendesign 它在后台需要去调用 codex 的 c l i， 为它提供 ai 的 能力， 所以咱们就来到第二步，去为你的电脑安装 codex 的 c l i。 那 关于 codex 命令行的安装地址，我们也在这里提供给大家，咱们点开来看一下，好可以看到，那这就是它的官方文档。那如果你是 mac 或者 linux 电脑，我们就用这条指令复制粘贴到你的命令行就可以了。 那如果你是 windows， 我 们就复制这第一条指令，复制粘贴到你的 windows 终端，把鼠标放在这个 windows 图标这里，然后右键我们选择终端管理员，打开之后，咱们再把这条指令就粘贴过去就行了。 粘贴之后回车它就会自动进入安装好，那因为我已经安装过了，我们这里就不给大家演示了。安装成功后，我们可以直接在命令行里面去输入 codex， 来看一看是否安装成功。那我输入 codex 好可以看到，那如果能显示出来这种界面，就能看到你的 codex， 它其实是安装成功了。 那我们可以来快速看一下 codex 命令行大概的一个组成，那这里就显示你目前使用到的模型就是 gpt 五点五模型，你就可以在这里去输入指令。在命令行中最常见的就是这个斜杠，那它可以快速的调用一些常见的指令， 比如用 model 的 话，你就可以快速的去切换模型，然后用这个 skills， 那 我们就可以去看一看你电脑上目前安装了哪些 skills， 如果你对 skills 还不是很了解，也可以看一看我们往期的教程。想在终端中去退出 code， 怎么还是可以输入斜杠，然后输入 exit 点击回车，这个时候 codex 就 会关闭了。那可能有朋友他们之前习惯用 ctrl c 去退出终端的一些指令，一定要记得在 codex 最好用 exit 去退出。如果你用 ctrl c 直接退出，你可能会有一些后台的任务 codex 还没有跑完，这样就会白白浪费很多的 token。 好， 这是一个小技巧， 用 exit 指令去退出。好，那在安装好 code c l i 之后呢？我们接下来进入第三步，需要在 opendesign 去配置这个 codex 的 c l i 工具。那如果你不是能很好地理解 opendesign 和 codex c l i 它们之间的关系，我们可以举一个很简单的比方啊， opendesign 它就是一台能够高速行驶的汽车， 那酷派 c l i 呢？它就是这个汽车的发动机了，当然这个发动机它还需要燃烧汽油，那这些汽油呢，其实就是 g p t 系列的模型。好，那具体如何配置呢？当您在自己的电脑上安装好粉底 z 之后，双击打开之后，它一般都会有一个欢迎页。 欢迎页的第一步就是让你去配置这些 c l i 方式，我们就选择到这个本地的 coding agent 点击扫描，这个时候你的 codex c l i 应该就会显示在这个列表中，然后你选择点击继续就 ok 了。当然你也可以选择其他编程工具所带的这种命令行终端，例如你的 cloud code， 对 吧？那总之， open design 它的配置非常简单，点击继续之后 就直接进入到他的主页，你就可以开始使用了。在配置这一步可能会出现一个小错误，特别是在 windows 电脑上你的这个列表，这里可能会提示到找不到本地安装的命令行终端。好，我们来看，那这就是在 open design 配置的时候，一个最常见的报错， 就是他会提示到没有检测到任何的代理，就是你在这里点击重新扫描之后还是持续这个错误。那怎么样修正这个错误呢？解决的方式就是首先我们需要完全退出这个 open design。 那第二步我们去打开 windows 终端管理员，输入下方的这个指令，来查看你本地电脑 codex 命令行的安装路径。好，我们给大家来演示一下，我们把这个指令复制一下，粘贴到这里来。好，可以看到那在我的电脑上 codex 这个命令行，它就安装在 c 盘， 这个路径很长。最后呢是 codex 点 e x e 这么一个执行文件，我们可以把前面就是 codex 点 e x e 前面的这些路径给复制起来，比如是我这台电脑上，我就复制到斜杠并这个文件夹路径下， 把这条路径复制备用。接下来我们就在 windows 环境变量中去配置这个路径，具体该怎么操作呢？我们这里有截图，这里也给大家简单的操作一下。那第一步我们先左键点击这个 windows 图标，在搜索这里我们就搜索环境变量，然后点击这个编辑系统环境变量，就会进入到一个编辑页面， 我们找到环境变量这个选项。同时咱们在上方就是用户变量这一块，不要去操作底下的系统变量，我们找到 pass 这一个选项，再点击编辑，点击新建，把我们刚才复制路径粘贴到这里来，再逐步的点击确定就 ok 了。 当配置好环境变量之后，我们再重启 open design， 这个时候在 open design 的 欢迎页面呢，你应该就能找到 codex 的 命令行终端了，那选择它点击继续就可以进入到 open design 的 主页开始使用了。 ok， 那 这个就是 open design 它的主页了，那可以看到它主要的交互方式也是一个聊天框，那后续如果你想再去更改什么设置，都可以在右上角这个小齿轮点 机就可以去修改了。例如后续你想更换其他的编程工具的命令行终端，例如 cloud code， 那 都可以在这里去更改。甚至如果说你想为它配置你自己的一些第三方的大模型，例如你有一些 deepsafe 的 api key， 也可以在这个 b y o k 就是 不认要 o n key 这里面去自己配置。 那同时设置这里还有我们一些比较关心的，例如技能 skills， 我 们可以看到就是 open design 它自带了非常多现在都很流行的设计类的 skills， 那 例如这个杂志文章，根据这个 skills 就 可以帮你生成一个杂志风格的版式。 还有像是现在比较火的 test 品味这个 skill， 我 们可以搜索看一下，可以看到那这个 test skills 也是直接就内置到这个 open design 里面了， 那当然后续你有其他想要自己创建的技能，也可以在这里点击新建技能，把它添加进去。好，那总之问题在于它整个的交互方式其实也和 codex 的 桌面端是很像很像的，也都是基于 edit 这种 a n native 的 交互方式了。 说白了呢，主要的交互就是通过这个聊天框去进行的，那至于技能或者说一些规则的配置，都在后台设置里面去配置，那我们就回到文档来看一下我们具体的需求。 那这节课我们就用一个宠物用品，也就是用一个猫窝啊猫抓板，咱们做一个例子来给大家演示。我提前准备好了一些素材，但这些素材呢也都是 ai 生成的，我们可以看一下。好可以看到这就是这些素材的照片， 那我选择的品类是用这种古草编织而成的一些比如猫窝或者说猫抓板，其实就是一些垫子， 还有一些手工编织的示意图。准备好这些素材之后，我们就可以开始让 open design 帮我们进行设计了，那我们把文档拖到左边， open design 放在右边，好，可以看到这里有一个加号，那我们每次开始一个新项目前，我们先点击这个加号去创建项目， 可以看到它这里可以做很多种功能，比如还可以做一些实时制品，比如一些图片，或者做一些换灯片。 我们就选择第一个原型，可以给咱们这个原型起一个名字，比如 petta， 还有设计体系。 那关于这个设计体系，我们可以看它好像是有不同的颜色，上面还有很多咱们常见的 ai 大 厂的名称，那比如 mini max 或者 hackinface 这些其实都是这些大厂，他们官网一些比较经典的设计风格，就是把它汇总成一个体系放在这里。 那关于这个设计体系我们可能不太好理解，那这里我也做了一个图给大家来稍微解释一下。对于一个设计系统，它里面首先肯定会有指定各种各样的颜色，例如主题色是什么，然后还会指定字体。 也就是说，当我们规定了这一个固定的设计系统之后，即使你后面再有新的设计加进来，你可能需要源源不断的做一些新的页面，只要按照这个设计系统去做，都能保持在视觉上整体是比较一致和协调的。 然后还有对于不同组建之间的间距啊，组建的一些默认的样式，例如一个按钮，他没有选中和被选中的时候，他的样式分别是什么？当我们把这个设计系统规定好之后， 那我们整个的设计就可以做到一致性，到后面有新的页面再进来都能保持一致，这样效率就会更高，也方便不同的设计人员之间进行协做。好，那这个设计系统其实是在设计这个方向一个特有的名词，大家可以理解一下。这里的设计系统我们就先不指定了，让他来自由发挥， 这里面的目标偏瘫，我们选择响应式的 web， 就是 说你这个网页无论是在宽屏的电脑上，或者说手机平板上，他都能够根据不同设备的尺寸来去自动的调整显示的布局和效果。好， 这里咱们就选择响应式。那后续你如果想要去做应用只针对移动端，那你也可以选择 ios 应用或者安卓应用。 ok， 因为咱们做的是个网站，我们就选择这一个 是否包含落地页，还有系统小组建，那这里我们可以把小组建给选上，同时对于京东，我们这里就选择高保真。那如果你只是想上一个 传统的产品经理，因为传统的产品经理他们只要画出一些草图，也就是现框图，你就选择左边，因为咱们需要直接能看到效果。我们选择高保真，这个时候我们就点击创建，就会开始自动帮我们创建一个空的项目，就可以开始用了。 我们可以点击这个附件按钮，把我们刚才准备好的这些原始的物料都选择过来。一些猫窝啊，或者说猫砖板的图片放到这里，再直接输入提示词，那你可以说的比较简单，比如直接帮我生成一个猫咪用品的跨境电商网站，主要针对的是海外用户 语言，用英文我已经准备好了一些材料，你可以参考，这样他就可以帮你生成了。我们这里给大家提供了一套比较详细的这个词，咱们一起来看一看。例如请寄予我上传的素材，设计一个面向欧美市场的 web 端电商网站的首页，告诉他我们主要销售的产品是什么，还有一些注意事项， 那这些注意事项也都是我之前在背课的时候发现会出错的一些地方，例如用我上传的白底图作为商品图，不要重新发明完全不同的商品，要保持一个怎样的风格。还有选择英文来作为主要的语言，那整个的风格就像一个独立站的首页， 而不是一个大的电商网站的详情页设计要有适当的留白，比较自然。作为一个独立站的原型，如果你需要配图，可以自动去调用于 magisk 二点零去帮我升图，你可以告诉他你的品牌方向，你的一些调性，还有你希望的一些视觉风格， 以及它整个页面的构成，例如顶部的公告栏，还有主要的导航栏，还有手屏的 hero 区域，还有一些按钮，以及主要的视觉要求，我们都放到这里来，咱们把这整个的提示词给复制好，然后粘贴到这个动画框里，我们点击发送， 让 open design 开始工作就行了。我们可以看到那 open design， 它会反向去问你一些问题，它没有确定的一些地方， 例如我们最终使用哪一个品牌名，那我们就选择这个 cattail。 手屏的主要视觉应该怎么处理，我们就选择可以生成一张生活方式场景的辅助，还有设计规范应该放在哪里，那我们就不再页面展示这个设计规范了。还有整体商品图的优先级， 我们就选择把猫窝放在手屏，以及其他一些需要强调的，我们就不选了，我们直接点击发送。接下来 open design 就 开始帮我们进行圆形设计了， 那他整个执行的时间还是比较长的，咱们就耐心的等待一下。好，各位可以看到，那现在大概过了九分钟，那我们现在这个网页的原型设计就已经做出来了，那首先一眼看过去，整体还算是很协调的，还是比较像一个 驿站的网页的，比如他把主要的商品，还有我们这个手工制品，他主要的卖点都已经说的比较清楚了，那唯一美中不足就是一些图片，因为我们给他的是白底图，这个图片不是透明的，所以他没有很好的处理，就显得视觉上很不协调。好， 那我们具体来看一下它生成这个网页究竟是啥啊？咱们继续选择这个设计文件。那可以看到这里面就多出来了一个 home page 的 html 文件，那这个其实就是我们刚才说的原型设计，最终其实是一组静态的，没有什么功能的 html 文件了。 在这里设计文件中，那因为刚才我们没有选择这个把它做成一个独立的设计系统说明文件，所以这里就没有列出来，可以在这里让他帮我们做一下。比如请帮我把设计系统规范 做成一个独立的设计系统说明文件。好，那我们可以把这个需求发送一下。 好，可以看到，那现在 open design 就 帮我们把整个的设计点 m d 的 文件， 或者他刚才还帮我生成了一个 design system 的 展示文件，咱们可以打开来看一下。那这个设计系统的展示文件就展示了，咱们目前就是左侧这个网页它主要的一个设计系统了。如果后续我们还需要朝这个网页里面去添加新的页面，那例如品牌故事的介绍，或者 这个工艺的介绍，都可以让 ai 去参考这个设计系统。例如这里面的颜色、主题色都指定了，还有不同的字体，例如大的标题、 h 区域的标题用什么字体，还有四级标题都应该用什么样的字体， 在这里都有了固定的要求，这样以后再去添加网页的时候，整体就会比较系统比较一致了。好，那接下来咱们再去添加网页的时候，整体就会比较系统比较一致了。那现在我们回到咱们生成的结果这里， 那在上面我们可以看到，我们可以随时在这里添加注示啊，或者说选中一些区域，让他帮我们去修改。那例如我们先选择这个注示功能，比如说我们觉得这一块可能有点太拥挤了，我们可以给他说这块区域太拥挤了， 请重新优化 ipad， 我 们发送聊天，这个时候我们比赛就可以开始帮我们重新进行设计了。 好，可以看到，那它修改好之后，我们这一块就是主标题区域就变得没有那么拥挤了。那或许如果您在自己使用 open 第三人过程中发现哪一块需要修复，也都可以使用这个注视功能，快速的定位到需要改的地方，提出自己的要求就行了。 那除了刚才的这个注视功能，我们可以看到它右面还有一个像钢笔一样的图标，这是一个标记功能。例如我们点击它，我们还是想修改这个主题区域，咱们就把这个主题区域框选好之后，然后在这里输入你的需求，点击发送就可以开始修改了。 好，那总之在 open design 中，你想要对这个圆形设计去做出进一步的修改，我们只需要用到它的注视或者标记功能，把它选中，然后再让它去修改就 ok 了。 那同时如果你之前已经有一定的前端基础，我们还可以去直接使用这个编辑功能，点击这个编辑的按钮。好，我们点击之后就可以看到，现在就会进入到很多前端编辑器都自带这种布局编辑的界面，比如我们改这个 shop 的 字体， 我们可以点这个加号，可以看到那它的字体就会变大，那相应的对于其他的一些卡片的圆角，在这里也都可以直接的去选择后去调整就行了，那调整后它还都会直接保存起来。好， 那也就是主要三个修改功能，分别是注视标记，还有直接编辑，我们最终想要获得就是一个符合我们预期的 d m d 的 规范。那有了这些之后，咱们就可以回到 codex， 让他去参考我们已有的这些原型设计还有设计系统去直接帮我们去把原型设计变成真正可以使用的网页了。 好，那接下来我们就进入下一个板块，我们使用 excel 还有 excel 点 gs， 把我们刚才 open dataset 做出来的这个原型设计，其实就是一个 html 文件，把它做成真正可以使用的网站。 首先呢我们需要去初步化一个空的 next 点 js 的 项目， next js 它给我们提供了非常丰富的模板列表。好，我们可以点进去来看一下。好， ok， 各位，那可以看到在这个模板中有很多，比如这是一个空的模板，还有就是一个 chatbook， 就是 一个 ai 对 话的一个模板，那我们可以点进去看一下它大概的效果，我们点击 view demo 来看看这个模板。好，可以看到那这个 demo 它就是一个非常典型的 ai 对 话的页面了， 如果你想要做的是一个 ai 对 话的网页，你就可以使用这个模板来去快速的部署，在这个列表中有非常多可以直接去使用的模板。 好，接下来我们给大家来介绍一下啊，初识化一个 next 点 g s 项目，它有三种主要的方式，那当然这三种方式 不是官方规定的，而是我总结出来的。首先第一种我们可以通过刚才这个官方模板来去创建项目，那例如我们回到这个模板列表中，如果说我们想做的是个 chatbot 类的，点击 deploy 就是 点击部署， 那在这个时候它会有一个操作，我们可以看到它会自动的连到我们的 get 远程仓库，同时会告诉我们，它会帮我们在 get 远程仓库里面创建一个新的项目，有这个项目它就起名到 chatbot， 而且这个项目它是一个私有的，又是我们自己去开发，自己去使用的。如果我们点击 create， 在 你的 get 云端仓库中就会出现这个项目了， 当然它还只是一个空的模板，咱们可以从云端把这个空的 chatbot 的 模板项目拉到你的本地电脑上，再用 codex 或者 cursor 去打开这个文件夹，你就可以按照我们正常的使用方式让 ai 帮你去开发了。那这是第一种方式， 也就是说他主要的步骤先选模板，然后部署，部署之后自动帮你在 get 云端创建一个远程仓库，那我们需要做的就是把这个仓库给拉回到本地进行修改和开发，那测试完成后，你觉得改的不错了， 再把你的修改再推送到这个云端仓库中，这是整体的一个流程。那这第二种方式我们直接通过本地创建， 首先咱们在本地电脑上去创建一个新的文件夹，同时我们去运行这个 nex 点 gs 官方提供的一个出场项目的指令，这个时候它就会帮你去创建一个完全空的 nex 点 gs 项目， 你也可以把这里面的蚂蚁 a p p 改成自己想要的 a p p 的 名称。当然我们创建好这个文件夹之后，咱们还需要去手动的出示化 get 仓库，当我们修改完成之后，再去把它推送到云端。同时你可能还需要在 github 上去手动的创建这么一个私有的项目。 也就是说这个抽象是从我们本地发起，也是一个比较标准的流程。那当然最快的我们可以让 ai 编程工具直接帮助我们去创建。例如你就可以在 codex 中去输入帮我们抽象一个空的 next 点 gs 项目，然后它的名称叫做什么， 这种方式肯定是最快的。同时我们都知道咱们创建好一个项目的模板或者框架只是最初的一步，我们更多的工作是让 ai 帮我们一步一步的去推动开发。那就像咱们之前的这有几期视频都说过， 用 ai 编程去做开发，其实最重要的一个难点就是我们要给它设置好墙和路，其实就是做好哈里斯 and nirin， 去管控好我们的项目。 那在我们之前的这一期课程中，我们还给大家去提出了一个叫做 any sports trap 的 技能，那这个技能其实就是把我们过往开发一个项目的经验，例如什么时候应该写文档，具体涉及到不同的角色，应该怎么做，如果你想了解都可以去看一看。我们之前的这一期视频 是关于哈尼斯 and nirin 非常深度的实战教程，如果你是我们课程的学员，我们非常推荐你在后续去进行任何的 ai 开发的工作呢。触化项目的时候，都可以先把这个技能给装好，就是我们在那节课给大家提供的技能安装好。 安装好之后，在触化的时候，你需要告诉 codex， 不 仅是帮我触化一个空的 next 点 gs 项目，同时呢帮我搭建好哈尼斯的框架， 这个时候你就会得到一个具有完整的 hash 框架的空的 next 点 g s 项目，因为这个框架下不仅有我们开发所需要用到的规则，需要用到的 skills， 搭建好一个清晰的墙和路。那么接下来你再去开发这个项目的时候， 随着你项目的膨胀变得越来越丰富，都能够始终让 ai 保持一个清晰的思路，对吧？好，那这就是我们使用 ai 编程工具去创建的一个好处，可以使用我们之前提供的 high speed boost 技能，这个技能具体的文件我们也都在课程的知识库中提供给大家了，欢迎前去查看。 总之这三种智能化的方式其实只是具体步骤的先后顺序，那大家可以看到了它整体的一个流程其实都是一样的，也就是 nice 跟 gs 这个模板，它在使用的时候， 那无非都是我们在本地开发，然后推送到云端，接下来会看到我塞尔跟云端仓库，他们会自动建立起联系，那只要我们一推送，我塞尔那边就实时更新，就保证了你这个线上的版本始终是最新的，整个流程都是一样的。 好，听起来有点绕，接下来我们给大家来实际操作一下，你就会了解这套方案还是很好用的，我们就选择第二种方式，从本地创建开始，来进行一个标准的流程演示。 第一步呢，我们需要在自己的电脑上先创建一个空的项目文件夹，可以看到，那我就创建在我的 f 盘是叫做 cat tail 开头的一个文件夹了，它现在还是空的。 接下来的第二步，我们就需要把现在 open design 帮我们生成的这些文件给他打包下载，再放到我们刚才创建的那个空的项目文件夹中去。好，那我们就下载这个主要的圆形设计，还有 design， 点 m d 这个设计系统的文件，以及我们需要用到的一些素材图片。 那我们把需要下载的文件选中之后，可以点击右上角的有一个下载，那我们点击一下，它就会帮我们自动下载到我们的电脑中了。 这个 cadetail 的 压缩文件就是刚才我们 open design 的 结果了， html 文档，还有 design， 点 m d 的 设计系统文档，还有需要用到的一些素材，那我们把它在这个项目文件路径下给解压一下。好，那解压之后我们之前的这个压缩文件就可以不要了， 同时因为这个文件夹里面存储的都是违形设计，我们也可以把它的路径名称改一改，例如我们就叫做 prototype。 接下来我们需要做的就是运行 next， 点 j s 官方的这个创建的指令，我们来去出实物化一个空的项目。好，那我们回到这个路径下，鼠标右键，然后点击在终端中打开，就会自动的在当前的路径下打开这个 windows 终端，我们把它粘贴过来， 点击回车。好，可以看到，那现在就会自动开始帮我们出使画一个叫做买 app 空的 next 点 gs 文件夹了。好，那现在它就出使画完成了，我们现在就拥有了一个空的 next 点 gs 项目了。 那可以看到它把一些必要的文件都放在这里。那虽然这里面还都是一些空的模板。比较有趣的是，它还帮我们去生成了 index 点 m d 的 文档。 那可以看到，所以现在 next 点 js 它其实都是在向 air native 这种开发方式去转变的，因为这些文档都是在为这些 coding agent， 无论是 codas， cursor 或者 cloud code 也好，都是它们的一个长久的记忆性文档。 有了这些文档也很方便我们去做后面的哈尼斯的管理。好，那如何去看一下当前的这个项目出场有没有成功呢？我们可以再回到这个命令行，然后进入到这个项目路径下，有，它叫做 money app。 好， 现在就进来了，我们输入 npm randef。 好，可以看到，那它现在就运行起来了，我们可以点击一下这个本地的地址。那如果你的电脑上也能够显示出来这个 google house 三千端口的这个网页之后，就表示我们这个 next 点 g s 项目是完全的出售。接下来我们就可以 让 codex 打开这个 color e commerce 我 们这个项目路径去进行开发了。好，不过要注意哦，接下来我们需要用到的就是要用到 codex 的 桌面端了，那如果您对 codex 桌面端的使用还不是很了解，可以看一看我们上一期的视频，都有非常详细的介绍。好，现在咱们就打开我们的 codex 左侧的项目，这里我们点击这个加号，点击使用现有的文件夹，选择到我们刚刚创建的项目路径，点击选择文件夹， 此时在这个聊天电话框这里可以看到，就已经进入到咱们这个项目路径下了。那就像我们之前的建议，因为 codex 它的交互方式只有这个聊天动画框，我们最好搭配着 ctrl 或者 vs code 来去使用。来看一看这个项目路径下哪些文件发生了改变，可以点开这个右上角的图标，然后我们选择在 ctrl 中打开。好，可以看到，那现在咱们在 ctrl 中 进入到我们刚才创建的这个项目路径了，那这个马云 a p p 它是一个空的项目。还有这个 prototype 是 我们刚才创建好的原型。好，各位，那我们现在已经做好了大部分的准备工作，接下来我们需要做的就让 codex 开始工作了。 先来看一下这个主要的提示词，例如参考 prototype 这个目录下的一些原声的 html， 就是 open design 的 结果，原型设计的结果，然后帮我把页面迁移到当前的 next 点 js 项目中还有一些主要的目标，尽可能的还原视觉效果， 不要简单的去复制，而是把页面拆分为可以附用的组建，这样是为了方便后续我们有新的页面进来的时候，不是一股脑的再重写所有的组建， 能复用的去复用，也保证了我们整个的系统设计是比较灵活的。同时呢， t c b。 整理基础的设计系统，建立清晰的前端结构，还有新增或者更新 i g s d m d 这个是面向 ai 编程的，如果你的项目结构啊，或者一些全局性的规则 都要去写入到这个 id 点 m d 文档里面去。好，那首先先分析这个目录，再开始修改代码，同时对于最后代码的一些要求，例如样式统一、结果清期。 ok， 那 我们把这个题词复制一下， 然后粘贴到我们的 codex 里面来，那同时我们可以在这里给 codex 补充一些信息，因为我们项目的路径是一个叫做 myapp 的 路径， 那我们可以在这里输入 app， 然后输入蚂蚁 app 的 路径，这样 codex 就 会自动知道哦，它是要帮我们把 photoshop 这个路径下的原型还原到蚂蚁 app 项目路径下。好，那我们点击发送。 好， ok， 那 现在 codex 就 已经执行完成了，我们来看最终的生产结果啊，它已经帮我们把生产预览的服务给启动了，我们就在浏览器中打开来看一看具体的结果。 好，可以看到各位，那现在这个页面它其实已经不是我们最初那个原型设计了，而是一个 next 点 gs 网页项目。那你后续可以在这里再去接入一些后端服务，例如你的订单管理或者用户下单啊，物流跟踪啊， 数据用户的反馈啊等等，也就是说它已经具备了一个电商网页的雏形了。那 咱们继续继续来朝下看，可以看到它对于我们最初的那个 open design 流行设计的还原度还是比较高的。 那我们现在就已经做好了这个 next 点 gs 的 开发，就进入到最后一步，把目前咱们在本地运行的这个 next 点 gs 跨年电商的网页给推送到云端，同时发布到 webshop 中，那，那它大致是怎么一个工作流程呢？好，假设现在这是我们本地的 next 项目，这是我们的 github 云端的远程仓库，这个是 voicel， 我 们需要做的有这么几步。首先我们需要先在 github 上去创建一个私有仓库，用来存储咱们这些代码。 那创建好之后，我们可以在本地电脑上可以让 codex 帮我们把这个项目推送到咱们刚刚创建的这个私密仓库中。 同时咱们去登录 webcel 的 官网，可以选择直接就用 github 的 账号去登录，咱们就可以在 github 中快速的去选择好这个仓库，也 就是 github 和 github 去建立连接是非常方便的。进行完这一步，会给我们分配一个网址，比如 w w w 点多少的一个网址，有了这个网址之后，你的潜在客户就可以通过这个网址去访问你的网页了。 那可能会有朋友问，假设后续我在自己的本地电脑上又对这里面的页面做出来了一些调整，例如我帮它添加一些跳转界面， 点击某按钮，跳转之后会跳转到我的电商平台上的链接，比如去亚马逊方便下单。应该怎么办呢？好，我们在电脑上去修改，还是让 codex 改，然后呢？让它再次去推送。当推送到 github 的 时候，接下来咱们就不需要去太操心了，因为我 sell 和 github 的 私有仓库，它会建立起一种自动的连接， 它会把这个私有仓库的修改自动的同步到在线的网页上。好，接下来我们给大家来完整的演示一遍创建私有仓库，还有推送的这么一整个流程。好，各位，那我们就来到了 github 上，就是创建仓库的一个页面，我们先给这个仓库起个名字， 比如我们就叫做好 description， 就是 描述这是一个猫咪用品的电商网站项目。 好，那同时这里面的可见性一定要记得后选择 private 就是 私有仓库，至于是否添加 readme 文档这些咱们就先不选了，我们点击创建这个仓库。 好，这是创建好后的页面，那我们可以把这段指令给复制下来，同时我们回到 codex 里面，接下来咱们让 codex 自动调用 get， 帮我们把这些本地的代码给推送到这个仓库中去。例如我们告诉 codex， 我已经在云端创建好一个 it 自有仓库，请帮我推送过去，再把刚才的这个指令粘贴到这里来，我们点击回车，那接下来库蒂斯就会自动的帮我们去推送这些修改了。 好， ok， 各位，那现在就已经推送好了，我们也可以回到咱们的仓库去看一看，我们点击一下刷新，可以看到，那刚才咱们这个 max 的 点击 s 项目就已经成功的推送到我们的云端仓库了。 下一步打开 voicel 的 官网，使用这个 github 的 账号去登录，那我们点击这个网址链接去登录，那这里我们点击 add new， 点击 project。 好，我们在 webshop 的 界面，它会自动的去帮你导入这个 get 的 仓库。好，那我们就在这里输入 cattail， 可以 看到，那这个项目它就已经列在这了。这个其实就是刚才咱们创建的那个所有仓库，那如果你找不到，可以点击这里 去做一下授权，那我们给大家演示一下，点击这里之后，它会有一个弹窗，在弹窗中找到授权的选项，我们就给他授权，只允许访问我们指定的仓库，在这里你就可以点击这个去选择你的仓库，然后点击 cf 添加，这个时候我在我就能够去访问了。 那我们找到这个四个仓库之后，我们点击 import 就是 导入这里，我们就选择 deploy 去部署，这个时候我塞尔就开始帮你一键去部署了，那它会把代码从你的 excel 仓库中拉下来，然后自动帮你部署，帮你启动，同时给你分配一个公网域名， 有了这个域名别人就可以去访问你的网页了。好，可以看到，那现在他就已经帮我们创建好了，我们可以点击去仪表团查看，也可以直接点击访问。好， 那这个域名其实就是我们的公网域名了，任何人都可以通过这个域名去访问到我们创建的这个网站， 那现在我们基本上就走完了，从我们 design 做设计，然后用 codex 把设计还原成一个 next 点 gs 的 项目，再推送到 webstyle 上，上线部署那么一整个完整的流程了。 那你也可以看到这套方案它整体的实现还是非常丝滑的，而且您熟练掌握之后，它不仅仅可以做一些电商网页，或者说其他的一些网页，这套方案都很实用。那我们快速的做个总结， 如果后续想让这个跨境电商的网站功能更加丰富，我们其实有两种方案。那第一种，如果你本身已经在一些大的电商平台上就有自己的网店，你可以让这个网页去跳转到你自己 的网店上，这样其实就省去了整个复杂的后台的电商的功能，这个落地页我们只负责承接你的宣传还有展示。 那如果你是打算完全做一个独立站，也就是说整体的后台的电商这一块也自己做。我们其实可以采用现有的方案，例如 shopping five， 他 们就有专门的后端方案， 我们也把官方的文档网址提供给大家了。那在后端 shopping five 主要起到作用，譬如咱们这个 next 点 gs 的 网站，可以从 shopping five 的 后端通过接口去查询咱们仓库中有哪些商品，在售商品的图片的链接，商品的名称，商品的库存数量， 消费法都会通过接口反馈给我们，咱们再放在前端的页面去展示，这个时候你整个的网站它就是一个很系统的独立站了。 那当然通过接口我们不仅可以做查询，像常见的下订单，查物流，还有收集客户的反馈，当然还有最重要的支付，都可以通过消费法提供的接口去进行。那当然如果你想要用这种方案就是完全做一个独立站啊，就需要掌握后端相关的基础知识了， 因为此时设备法它是通过后端接口来为我们提供服务的。对于后端 api 接口，还有最重要的如何通过 ctrl 或者 codex 这种 ai 编程工具去开发后端，在我们的零基础 ai 系统工程课中呢，也都有详细的介绍，还有相关的实战，我们本期的详细文档也在咱们课程的知识点中， 虽然这一节课也蛮长，但它只是我们持续加餐这一章中的一节内容，在课程中还有一个更大的前后端完善，并且自带 ai 的 智能体的案例，供你系统全面的掌握 ai 的 应用。 欢迎去看一看我们置顶的课程介绍视频吧。好，这里是字母滚烫，如果这一期的内容能够让你了解到 open design 的 使用，还有初步掌握 next 点 gs 这个开发模板以及 vise 的 部署使用，给我们点个赞吧。
1373字符滚烫
58:37查看AI文稿AI文稿今天我们来讲讲大名鼎鼎的 codex， 相信大家都已经听说过这个软件了，这是 open nai 的 核心产品，对标 osarpic 的 cloud code。 codex 能做的事情非常多，它不仅能够帮你编辑代码、排查 bug、 执行测试，还能管理 gate、 操作浏览器，甚至能直接控制电脑完成各种任务，非常强大。不过功能越多，越容易让人抓不住重点，所以这期视频我会带大家系统性地过一遍。 codex 最核心的功能，帮大家建立起一套完整的使用思路。 整个视频一共分为三个部分，第一部分是基础篇，主要带大家快速上手 codex， 并讲解一些核心配置和使用过程中容易踩坑的地方。 第二部分是进阶篇，重点介绍版本控制、绘画管理，以及如何更高效的组织和推进开发任务。第三部分是扩展篇，我们会看看如何通过 plugin、 skill、 automation 和 mobile 等功能进一步扩展 codex 的 能力边界。 所有的功能点和对应的时间戳我都打到目录上了，大家可以按需跳转。好话不多说，我们现在开始。 首先我们要做的是把 codex 安装到电脑上面，我们可以打开这个页面，点击这里面的下载按钮，就可以下载 codex 了。下载好了之后，我们来打开它。安装过程呢，跟其他的普通软件一样，比如我用的是 micros， 那 直接把 codex 拖入到 applications 文件夹里面就可以完成安装了。 安装好了之后，我们来打开 codex。 打开 codex 之后呢，它首先会提示我们登录，它一共给了我们两个选项。 第一个呢是使用叉 gbt 账号登录，这需要你订阅叉 gbt 的 套餐。叉 gbt 呢，它提供了多种套餐，其中最常用的是我屏幕上面显示的这几个，主要是包括免费版 go 套餐、 plus 套餐和 pro 套餐。 你看屏幕上面的这几个套餐，从左到右价格越来越高，当然整体能用的 codax 额度也是越来越大的。 从目前来看，免费版和购套餐的 codax 额度应该差不多，但到了 plus 套餐，额度就会有着明显的上升， pro 套餐自然就更多了。 值得一提的是，即使你用的是免费版，系统也会给你一定的 codex 额度，只不过这个额度少的可怜，只能勉强够你施个水。所以如果你想真正上手体验一下它的能力，我建议你先订阅 plus 这个 plan， 它是二十美元一个月，可用量呢比较适中。 除了订阅套餐之外， openni 还提供了另外一个选项来使用 codex， 那 就是直接接入 api， 对 应的就是这里的 signing another way， 点击之后，它会提示你输入 openian 的 api key。 一 般来说，用 api 没有订阅套餐划算，而且呢，获取这个 api key 的 门槛也有点高，一般需要一张海外的信用卡，所以我建议大家还是订阅套餐来使用 codex。 具体的登录过程呢，我这里就不显示了，大家可以在这里选择适合自己的方式登录。登录好了之后，大家首先看到的就会是这样的一个界面， codex 首先会询问我们是干什么工作的，这里大家就按照实际情况来选就可以了。然后 codex 会提示把 cloud code 和 cloud co work 相关的配置都导到 codex 这里，我们先跳过，然后 codex 提示我们要不要试用 codex 手机版，我们点击这个 set up later， 待会儿呢，我会给大家演示这个功能，所以现在先不着急，现在呢，我们就算是正式的来到了 codex 操作界面，可以开始使用它了，我们来随便跟它打个招呼，看看能否正常使用， 可以看出 codex 已经可以正常使用了。下面我带大家做一个代办软件，并且在做这个代办软件的过程中为大家讲解 codex 的 各个功能点。首先我们要新建一个目录来存放我们的软件代码，让我们打开访答，在这里创建一个新的文件夹，就叫做马克笔记吧。 然后回到 codex 这里，点击 work in the project， 再点击 use an existing folder， 在弹出的对话框里面选择我们刚刚创建好的文件夹，然后再点击 open， 然后呢，你就会发现 codex 把项目目录改成马克笔记了， 这就代表 codex 后面会把代码放到这个文件夹里面。此时我们准备工作就已经是做完了，可以开始提需求了，比如说我们的需求就是使用 html 写一个笔记软件，软件界面分为左右两部分，左边是笔记列表，右边是笔记的内容， 最后我们提醒他注意做好测试，然后回车提交，这个时候呢， codex 就 会开始工作了，可以看出他在疯狂的给我们写代码，当然实际使用是没这么快的，因为为了节省大家时间，这里我做了加速，后面的问答流程呢，也都做了不同程度的加速处理，这个呢，大家知道就好了。 好， codex 暂停了，他提出他想要构建一个本地服务器来验证 html 笔记的效果。这里呢有三个选项，第一个选项是 yes， 这个呢很好理解，其实就是把这个本地服务器启动开就可以了，不过以后如果 codex 提出类似的请求，我们还得再授权一次。 第二个选项呢，是代表我们不仅同意，而且对于这种启动本地服务器的代码，以后呢也就直接执行就好了，不需要再经过我们授权了。第三个选项可以理解为不同意，它其实不是一个按钮，而是一个输入框， 我们点一下就能看出来了。在这里我们可以告诉 codex 自己希望的处理方式，比如只让它检查代码，不要启动本地服务器之类的。当然，如果你不同意，而且你懒得告诉 codex 原因的话，也可以直接点击这里面的 skip 按钮啊，这算是 codex 做了弱化的第四选项了。 好，所有的可选项我们都说完了，在这个地方我们就选择第一项 yes 就 好了。然后呢， codex 就 询问我们能不能访问这个新创建的本地服务器，这个地方呢，我们也同意， 呃，现在 codex 已经彻底完成它的工作了，可以看出这里面最重要的文件呢，就是这个 index html， 我 们可以点击来预览它的效果。 这个呢就是 codex 写的笔记软件了，看起来中规中矩，各种基本功能呢，在这里面都能找到。当然有些人可能觉得这个预览区太小了，想要放大一点，这当然是可以做到的，让我们来点击这个按钮， 这样左边的区域就被收起来了，可预览的空间就更大了，不过下面的这块区域看着也是有点碍事，能不能隐藏它呢？其实也是可以的，我们可以点击这里面的三个点， 然后选择其中的 hide composer 就 好了，你看这样呢就好多了。那假如说这个时候呢，你看着界面里面的这两条笔记，觉得非常碍事，你想把它们去掉， 呃，这个呢，其实也是很简单的，我们就继续追问就好了。既然要追问，我们就必须要把左侧栏再次显示出来，这个呢其实很简单，我们再点一下这个按钮，左侧栏就显示出来了。 然后呢，我们就可以在输入框里面输入我们的问题，把左上角的两条笔记去掉，这个呢肯定是可以的。 呃，不过我这里想给大家演示另外一个方法，另外一个更加准确，更加方便的方法，我们可以点击这个图标，它叫做 annotation， 然后我们就可以直接选中两条笔记这个区域，选中后，输入我们对这个区域的修改意见，很简单，我们的意见就是两个字，去掉， 然后我们提交请求。好，可以看出请求已经成功提交上去了，可以看到他一共是发了两块内容，一个呢是对应的截图，另外一个呢就是我们具体的要求了。 接到了这个请求之后， codex 就 开始工作了，他应该呢就会把这块区域给去掉，让我们稍微等待一下。 好， codex 已经完成了，我们再次打开这个阅览区，看一下效果， 可以看出之前的这块区域呢，确实是没有了， codex 已经帮我们解决问题了，看起来 entity 这个功能还是非常方便的， 那这个时候我们可以再随便点点这个笔记软件，看看有没有其他我们需要修复的问题。这里好像确实有个 bug， 我 点击这个加号按钮的时候，下面呢是要增加一个新的笔记的，但实际上点了之后并没有任何的 bug 呀。让我们跟 codex 说一下这个问题， 我们需要告诉 codex， 点击添加按钮之后，笔记列表区域没有任何的反应。呃，请排查下原因，我确定之后再进行修改 好。 codex 已经排查完了，按照我们的要求，他没有直接去改代码，而是先给出了诊断结果。他猜测呢，这个问题大概率是因为当前页面的 local storage， 也就是本地存储被禁用了。 没错，就是这个原因。说白了，就是 codex 的 右侧预览区有一些安全限制，导致某些功能无法正常使用。如果我们到独立的浏览器里面用一用，问题立马就消失了，不信我们试一试。 你看这个时候再点击添加按钮是不是就完全正常了？既然用户是在真实的浏览器里用我们的软件，而不是在 codex 的 预览区里用，那这根本就不算是个问题，自然也不需要修。 我不知道这算是 codex 的 一个 bug 还是一个 feature， 我 相信 openai 是 把它当成 feature 来做的，不过实际用下来确实有点像 bug。 如果你做的也是外部应用，那一定要额外留意这一点，别被预览区给骗了。既然弄清楚了原因，为了避免再受限制，我们后续就在独立的浏览器页面里面进行测试了。 到这里，这个最基本的笔记软件就算是成功跑通了。现在我想回头聊聊刚才遇到的一个细节，就是 codex 提出的那个请求。 呃，有些同学可能会想，如果我把任务交给 codex 之后去忙别的了，没注意到他在等我授权，那 codex 岂不会一直卡在那里等我回来一看啥也没干，白白浪费了大量时间。 那这有没有办法让他自己做决定，别总是来问我呢，毕竟谁也不想一直盯着他干活，那也太累了吧。没错，一直盯着看呢，确实是非常的麻烦。其实 codex 早就替我们想到了解决办法，就在输入框的下面，大家看这里面呢，一共是有三个全线选项。 第一种就是我们刚才用的 default permissions， 在 这种模式下，如果 codex 需要修改项目目录之外的文件，或者是需要执行一些带有安全风险的命令，它就会老老实实地弹出提醒，只有当你点头同意了，它才会继续接着往下干。 这种模式的优点呢是绝对安全，一切尽在掌握，但缺点也非常明显，就是根本离不开人，你得随时给他授权。 第二种呢是 auto review， 也就是自动审查。这个模式呢很聪明，它引入了一个专门负责安全审查的 agent， 当 codex 准备执行操作的时候，这个 agent 会首先替你把关，安全的直接放行，危险的直接拒绝，只有在极少数连 agent 也拿不定主意的情况下，才会弹窗让你来做决定。 第三种呢是 full access， 顾名思义，这个呢就是放飞自我模式，全部自动同意， codex 想干嘛就干嘛，完全不需要你插手。 这个模式确实是最省心的，但也伴随着风险，万一它误删了什么重要数据，你是拦也拦不住的。虽然 gpt 模型总体上还是非常靠谱的，基本上不太会乱来，但是作为一个负责任的 up 主，我还是要提醒大家，这个模式呢，没有任何的安全，交易开启前一定要三思啊。 所以综合看下来，在这三个模式里面， auto review 是 在效率和安全之间平衡的最好的。为了避免后面频繁弹窗，要我们点同意，接下来的演示呢，我们就统一的切换到 auto review 模式。 既然聊到了这里的权限配置，我们不妨顺便看一下输入框旁边还有哪一些配置。首先大家留意这里面显示的五点五 medium， 这代表我们当前使用的是 gbt 五点五模型，思考深度呢为 medium， 也就是中等。 我们点开它可以看到思考深度呢是可以自由调节的，分为 low、 medium high 和 extra high 四个级别。思考深度越高， codex 花费的时间也就越长，消耗的 token 呢也就越多，但通常给出来的代码质量也会更好一些。 除了调整思考深度，我们还可以在这里面切换模型下来。列表里面除了 gpt 五点五，还有 gpt 五点四等等一系列的模型，大家可以根据具体的任务难度来灵活选择。 最后啊，这里面还能设置模型的输出速度，目前是 standard， 也就是标准的速度。旁边呢还有一个 fast 选项，开启 fast 模式之后生成的速度呢会提升到原来的一点五倍，不过代价呢是 token 的 消耗量也会相应的增加，具体增加多少取决于你用的模型， 比如说在 gbt 五点五这个模型下开启 fast 模式的话， toc 的 消耗量就直接是标准模式的两倍了啊。如果你财大气粗， toc 管用，那你完全可以开启这个快速模式，这样 codex 干活就更快了。 输入框的配置我们就先研究到这里，现在我们的第一版笔记软件已经跑通了，实现了最基本的功能，不过为了防止后面新加功能的时候把代码搞乱，我们最好先用 get 把当前的版本保存一下，这样的话就算是后面出了什么叉子，也能够随时回滚到这个可用版本。心里有个底， 在 codex 里面调用终端非常的方便，我们不需要去点什么菜单，直接按下快捷键， command 加 j， 大家看右侧的终端面板就直接弹出来了。在这里面我们依次输入几条常规的 get 命令， 首先是要执行 get in it， 点把当前的项目目录出示，化为一个 get 仓库。然后呢我们要执行的是 get id， 点把相关的文件呢都添加到暂存区里面。最后呢再执行 get commit 提交我们的第一次修改 好这三步敲完之后，我们的代码就有了一个安全的备份版本，接下来我们就可以放心大胆地继续迭代我们的产品了。 终端用完之后，为了不挡着视线，我们只需要再次按下同样的快捷键， command 加 j 就 能够把它直接关掉。你看用快捷键来开关终端，双手完全不需要离开键盘，整个过程呢非常的丝滑，也是非常的方便。 那现在我们用 codex 做了一个基本可用的笔记软件，而且还用 get 提交了这个可用版本，下面呢，我们就来继续迭代这个笔记软件，让它变得更强大，更美观。 假设这个时候你看了看这个笔记软件，觉得它的色彩设计不是很好，这里面有很多的绿色元素，你不太喜欢绿色，你想试试蓝色怎么样？那这个时候该怎么处理呢？很简单，你就直接在这里面追问就好了，比如我们可以这么提要求， 不过我们先不发送这个请求了吧。啊？为什么呢？你仔细看看啊，我们上一个消息里面还让 codex 排查问题来着， 但说实话，这其实并不是一个问题，只是 codex 的 浏览区有些限制而已。如果我们继续追问的话，这个排查过程不仅会占用模型的上下文，而且可能还会对 codex 后续执行产生一些影响， 他没准会继续尝试修复这个问题，把原来没有问题的页面修出问题来。虽然这种情况发生的概率应该也不会很大，但是能规避的话就尽量规避吧，毕竟这个消息其实一点用也没有。 所以我们该怎么办呢？有一个办法，那就是直接修改上一个消息就可以了，你看这里面有一个编辑按钮，我们点一下就可以直接修改这个消息了，我们来试试 提交。你看原来的请求被替换成了我们的这个，这样的话，原来排查问题的那个消息呢，就消失了，既然消失了，它就不会再占用模型的上下文了，也不会对 codex 后续执行产生任何影响， 所以很多情况下，这个功能还是很实用的。不过要注意的是， codex 只支持编辑最后一条消息，至于更靠前的那消息，它实际上是不支持我们编辑的。 前面的那些消息呢，都是没有编辑按钮的，如果你要编辑更靠近的消息，可以考虑使用 fork 功能来间接实现这个功能。我们后面会讲到，暂时你不必过于关心好。 codex 已经完成任务了，我们来看看效果。 呃，还可以吧。下面呢，我们把这一部分的改动也加入到 get 里面。之前我们是用命令行来操作 get， 这种操作方式准确通用，不过其实 codex 也内置了一些 get 操作的功能来供我们使用。比如我们可以先点击这个图标， 这里面呢就有一个叫做 environments 的 区域，它呢就跟 get 的 使用密切相关。我们可以点击这里面的 changes 按钮，然后再在这个选择框里面选择 on stage 的 选项。这里显示的就是所有还没有提交到暂存区的代码了， 这基本上也就是 codex 刚才所做的改动。如果你觉得哪一行有问题，可以点击旁边的加号，输入你的要求。输入完要求之后，你可以点击这里面的 comment 按钮，让 codex 做出相应的改动。不过这里我们就不做任何修改了， codex 的 任务已经完成的很好了，所以我们取消这个注示， 直接使用 git commit 提交这次改动。那具体该怎么做呢？很简单，直接点击这里面的 commit 按钮，输入 commit 的 message 就 可以了。我们的 commit message 就是 将整体色调改为蓝色，然后呢，再点击 continue， 此时 codex 就 会提交当前所有没有提交的改动了。 好，执行成功了，我们来验证下。先按一下 command 加 j 来到终端，然后再执行 git log， 查询 git 的 commit 记录。 你看，我们的 commit 确实是生效了，确认好了之后，我们按 q 退出 get log， 然后呢，再按 command 加 j 来隐藏终端，到这里，这个需求就算是彻底完成了。那假设这个时候你感觉蓝色这个主题也不怎么好看了，越看越不顺眼，要不再换一个吧。 没问题，我们直接提交需求，将整体色调改为紫色。改完之后呢，再做一次 get commit。 对， 这次我们不自己操作 get 了，有点麻烦，直接让 codex 操作得了。提交之后， codex 就 开始干活了，我们稍微等待一下， 改好了，我们来看看最后的效果。不错，确实改成紫色了，不过怎么说呢，啊，你觉得还是不顺眼啊，你在想，算了，我要不还是改成一开始的那个绿色吧。那这当然是可以的， 照例啊，你可以直接在输入框里面输入，你的要求就是改回来的紫色。这个呢，肯定是行的，只不过这样的话，模型还得再跑一遍，有点浪费 token， 所以 我们就不用这个方法了。 其实我们原来就是绿色，所以用 get 把代码回滚到绿色的那个版本就可以了。只不过这种做法其实也是有点缺陷的， 代码确实是回滚了，但绘画内容还是停留在紫色这里。如果我们希望在当前这个绘画继续问的话， codex 可能会以为目前所用的色调是紫色，从而对后续的任务执行效果产生负面影响。 那我们能不能把绘画和代码同时回滚呢？我们就想回滚到改蓝色之前的那个版本，也就是这个版本，如果有回滚功能的话，那应该是在这个消息旁边有一些相对应的标识吧，我们找找。 哎，还真的有一个图标有点像，不过它不叫回滚，它叫做 fork。 fork 的 意思就是基于当前的这个绘画，再复制一个新的出来，这个新绘画就只到目前所选的这个消息为止，后面的消息全都不保留， 这个呢就非常符合我们的要求了，我们其实就希望绘画到当前的这个消息为止，那既然绘画变了，代码是不是也会自动回滚呢？没准也是可以的，我们来试试。 我们首先点击这个 fork 图标，这里弹出两个选项供我们选择，一个是 fork into local， 另外一个呢是 fork into new work tree。 这两个选项的最大区别在于新绘画的代码存放地址不同。 第一个选项会继续使用当前目录作为新绘画代码存放地址，第二个选项会创建一个新的目录来存放心绘画的代码。你可能现在听的还是有点懵啊，没关系，我来演示一下你就知道了。在演示之前，我们先把左侧栏打开，这样你就会看得更清楚一些。 好，左侧栏打开了，我们来重新点击一下这个 fork 图标，然后选择第一项 fork into local。 可以看出 codex 确实给我们创建了一个新的绘画，并且还在这里标识好了，这个绘画呢，就是从别的绘画那里复制出来的。下面我们来看看代码是否也会滚了， 这个很简单，我们不必看代码，我们直接看最终的效果就行了。让我们来看看页面的颜色有没有改变，可以看出页面的颜色仍然是紫色，所以呢，代码根本就没有回滚。没错，这呢就是 fork into local 这个选项的特点，它只会处理绘画内容，根本就不会对代码做任何修改。 不过还好，我们使用了 git， 我 们可以用 git 来回滚代码。我们先按快捷键 command j， 打开终端，然后执行命令 git log 确定我们想把代码回滚到哪个 commit 上，应该就是这个了。然后呢，我们复制这个 commit 的 哈希值， 最后执行这个命令。这样呢，就可以把代码回滚到绘画对应的那个版本了。让我们回到浏览器这里刷新一下页面， 没错，确实是一开始的绿色版本了，当然绿的也不是很明显啊，只有那么几个模块是绿的。我对这个色调的表述呢，稍微有点问题，但无论怎么样，肯定是回滚成功了，相信大家都能看得出来，这个呢就是 fork into local 了，我们配合着 git， 才能把绘画和代码都回滚到之前的那个状态。 那刚才还有一个选项叫做 fork into new work tree， 那 个选项是用来干什么的呢？我们不妨来试试。让我们回到之前的绘画里， 点击这个 fork 图标，然后再选择 fork into new work tree。 注意看， codex 依然给我们创建了一个新的绘画，而且跟 fork into local 很 像。这个新的绘画呢，也标识出来了，它就是从别的绘画里面复制过来的。 一切看起来似乎都跟那个 fork into local 差不多啊，那到底什么发生变化了呢？答案就是我们当前的这个绘画所对应的项目目录发生了变化，不信我们来打开终端，输入 pwd， 这个命令就是用来显示当前位置的，可以看出我们的当前位置呢，就是这个了，我一开始 fork 出来的那个绘画可不是在这个目录里面操作的，不信的话，我们回到一开始 fork 出来的那个绘画里，同样打开终端， 运行下 pwd， 你 看它俩的项目目录地址是不同的，我把这两个地址打在屏幕上，这样大家就可以看得更清楚一些。 这个呢，就是 fork into new worktree 的 一个特性，它会给 fork 出来的新绘画创建一个对应的新目录，这样新老绘画所处理的代码不是一份，彼此之间互不影响，非常适合在两个绘画分别处理两个不同的功能点，最后做完了再合并到一起就好了。那为什么叫做 worktree 呢？ 是因为它是使用 gitworktree 来实现的，这个呢，是 git 的 一个特性。这个要展开讲的话呢，又得讲好几分钟。我们本期是来讲 codex 的， 不是来讲 git 的， 所以呢， gitworktree 在 此就跳过了，感兴趣的同学可以自己查下。 另外值得一提的是， fork into new worktree 同样不会回滚代码，它只是把当前项目目录里面的所有代码复制到一个新的目录里，仅此而已。 好，这个就是 fork 的 两种形式了。总结一下，这两个选项都会复制绘画到所选消息为止，也都不会帮你回滚代码， 它们唯一的区别仅仅是代码的位置， local 呢，是继续沿用原目录，而 new work tree 呢，则是开辟了一个全新的隔离目录。主要呢，就是这个区别了。所以呢，无论是哪一种 fork 形式，都不会更改代码。实际上 codex 在 界面里面也有显示， 我们可以回到一开始的那个绘画。然后呢，再点击一下这里面的 fork 图标。注意到这段话了吗？ 其实它想表达的意思就是 fork 只负责对话，不回归代码。对，它说的有点绕，但其实就是这个意思。 好， fork 功能我们终于讲完了，我们目前只需要第一个 fork into local 的 这个绘画，另外一个 fork into work tree 我 们暂时不需要。那我们能把这个绘画删掉吗？能， 不过准确来说啊，我们可以把这个绘画规章，规章和删除稍微还是有些区别的，你可以把规章理解为暂时隐藏起来了，而删除呢，那就是删完就没了。我们来试一下， 我们直接点击绘画旁边的这个图标，然后再点击 confirm， 这个绘画就被规范了。你看这个绘画是不是没了。但跟删除不同的是，我们还可以找回这个绘画。 我们先按 command 加逗号，打开设置面板，再点击里面的 archives chats， 在 这里我们就可以看到所有被规章的绘画了。我们可以解除对应绘画的规章状态，也可以彻底删除对应的绘画。所以你看，删除和规章还是稍稍有些区别的。 那规章这个功能我们就讲到这里，从之前的操作过程中我们可以看出， get 真的 还是挺重要的。那既然这么重要，我们能不能让 codex 每次写完代码的时候都能自动提交一次 get commit 呢，这样的话就不用麻烦我们每次都操作一遍了。 这当然是可以的，其中一个方法就是我们可以直接在输入框里面告诉 codex， 每次完成代码修改之后，都需要提交一次 get commit， 然后提交这个请求就行了。这样在后续的操作里面， codex 肯定就会按照我们所说的，每写完一次代码都提交一次 get commit。 不 过这个方法有个很大的缺陷，那就是它只会在当前的绘画中生效，如果我们创建出一个新绘画的话，那 codex 就 会彻底忘掉这个事情， 所以我们需要一个能够跨绘画的解决方案，即使是在一个新绘画里， codex 也能帮我们做 get commit 这个事情，这能做到吗？当然是可以的，这个呢就是 agent 点 m d 这个文件发挥作用的地方了。 agent 点 m d 简单来说呢，就是一个放在项目根目录里面的配置文件，每当 codex 开始一个新绘画的时候，它都会自动读取这个文件，把里面内容当成对自己的指令来执行， 所以我们只需要在这个文件里面写上这个 git commit 的 要求，那无论我们开多少个新会话， codex 都会记住这件事情的。我们先把原来的这个请求删掉，我们不需要它了，然后我们点击这里使用 vs code 打开这个项目目录， 在根目录下创建一个新的文件，就叫做 agent 后台，然后在这个文件里面写，每次完成代码修改后，都需要提交一次 git commit， 这样 agent dmd 就 创建好了，让我们把 vs code 关掉，现在让我们来验证一下 agent dmd 是 否真的会生效。我们首先创建一个新的绘画， 然后提交需求，往左下角增加一个主题切换选项，支持用户在浅色模式和深色模式之间切换。回车提交，让 codex 开始工作。 好， codex 已经完成了，我们来看看效果。 你看，左下角确实是出现了一个主题切换按钮，我们点击对应的主题，就可以在浅色和深色两种模式之间切换，看起来非常完美。那我们现在最关心的是， codex 有 没有帮我们做 get commit 操作呢？我们按一下 command 加 g， 打开终端执行 get log 来看看。 你看，这里面确实是多了一个新的 commit message 呢，就是 codex 自己写的，这说明 agent 点 m d 确实生效了。即使是在一个全新的绘画里面， codex 也遵从了我们的要求，在完成了代码修改之后，自动提交了一次 git commit。 这个呢就是 agent d m d 的 基本用法了，当然他能做的事情远不止这一件，比如你可以在里面规定代码风格、命名规范、技术占要求，甚至是你的项目背景介绍等等。 codex 每次启动新会话的时候都会去读取这些文件，这样他对你的项目就会有非常好的理解，给出的结果呢也会更加准确。 可以说， agents dmd 写得越好， codex 就 会用起来越顺手。不过需要注意的是， codex 只会提交当前需求所对应的代码改动。我们一开始创建的 agents dmd 不 属于当前需求的范畴，所以呢，刚才 codex 并没有把它提交为一个 git commit， 我 们点击这个 changes， 再选择 on stage， 就 可以发现 agents d m d 的 内容呢？还没有提交上去。没事儿，我们这就提交。我们先来点一下这个 commit 按钮，然后在里面输入对应的 commit message， 再点击 continue， 这样这个改动就会被提交到 get 上面了。好，一切顺利，让我们新开一个绘画，继续迭代这个笔记软件。 现在这个软件本质上就是一个 html 文件，只能在浏览器里打开，不够方便。我们想把它改造成一个真正的桌面客户端，让用户可以直接双击图标打开，就像打开 vs code codex 一 样。 那要做桌面客户端的话， electron 是 非常主流的一个选择，我们可以顺便呢也引入 react 和 type script， 把项目结构整理一下，方便后续继续迭代。那我们就直接把需求发给 codex， 把这个网页应用改成桌面客户端，进入站使用 electron 加上 react， 再加上 type script。 注意做好测试，确保所有的核心功能运转正常 啊。不过要注意这可是一个大工程，所以呢，我们最好先让 codex 做一个规划，我们确认规划没有问题之后，再让它动工。为了实现这一点，我们可以点击这里面的加号，然后选择 plan mode， 这样 codex 就 进入了计划模式，从这个图标也可以看出这一点。 在这个模式下， codex 会先做计划，再写代码，让我们来提交试试。可以看出 codex 开始工作了，让我们稍微等待一会。 好，他现在要问我们几个问题，我们来做一下选择。首先是数据要放在哪里，我们就放到文件里面吧， 然后交付到可开发运行的程度就可以了。这之后呢， codex 就 会继续开始干活了。好，可以看出 codex 开始给我们写这个计划了， 我们再稍微等待一会，它还在这个转写的过程中。 好，写完了，我们来看一下，这个计划本身还是比较完善的。呃，包括各种测试方案呐，架构设计啊，都是写的比较详细的。然后 codex 问我们是不是要按照这个计划去实现代码。 呃，他一共是给了我们两个选项，第一个选项呢就是直接同意啊，开始实现这个计划就好了。第二个选项呢是如果你对这个计划不满意的话，你可以提出你的要求，在这个文本框里面告诉 codex 应该如何做修改，然后 codex 会根据这个修改呢，再出一份新的计划。 呃，这里面呢，我们就不对计划再做一些其他修改了，我们就直接同意好了，让 codex 就 按照这个计划给我们来写代码。 好，现在 codex 开始干活了，我们需要稍微等待一下，在等待的过程中呢，我们可以跟 codex 随便去聊点东西，我们可以在输入框 side 打开 side chat 啊，在这里面呢，我们就可以随便问 codex 点别的问题，这些问题呢不会去影响左侧 codex 的 任务执行。比如说我们可以问一下，你觉得这个笔记软件还需要什么基本功能呢？提交 好 codex 呢，给了我们一些可行的方案。你看在 side chat 的 过程中， codex 左侧的任务执行一点也没有被干扰到。对，这个呢就是 side chat 的 一个非常重要的特点了，它就是允许用户在 codex 执行任务的过程中问一些比较轻量级的问题， codex 在 回答这些轻量级问题的过程中不会影响到左侧主任务的执行。那这个就是 sign chat 这个功能的特性了。这个呢，我们就先讲到这里，这个架构改造的工作量还是挺大的， codex 依然没有完成，让我们再耐心等待一会儿。 好，看起来 codex 已经完成任务了，它提示我们使用 npm runtime 这个命令就可以启动这个 electron 应用啊，让我们来试一下。首先按 command 加 j 打开终端，然后执行命令 npm runtime 回车， 这样的话这个 electron 应用就启动开了，不过看起来好像是有点问题，基本上是一个白屏的状态。呃，我们打开控制台看一下有没有什么报错 啊，确实有报错，这个呢，我们需要让 codex 帮我们来修一下啊，让我们来回到 codex 这里， 先把这个进程关掉，然后呢再把终端关掉，然后我们提出我们的诉求，启动后白屏控制台报错了。看来你之前的测试不够彻底啊，请你修复并确保在修复之后测试好再交付给我。 codex 说，我说的对，哼。呃，让我们等 codex 把这个错误修复之后再试一次。 呃，看起来 codex 已经修复好了，我们来看一下它修复后的效果是怎么样的。呃，同样，我们打开终端，然后执行这个命令 啊，这次呢，看起来没问题了，添加笔记呢也是可以的，我们呢也可以在这里面随便输入的标题内容都可以啊，主题切换也是没有问题的。 那看起来已经很完美了，各项功能都运转正常。让我们再回到 codex 这边。 呃，我们先按一下 ctrl 加 c， 关掉这个进程，然后呢，再把终端收起。好，那改成了 electron 架构，我们就继续来提新的需求。我们的新需求是为这个笔记应用增加 markdown 支持，具体来说，需要在编辑器右上角提供两个模式切换按钮。 那假设这个时候我想换行，怎么做呢？直接按回车肯定是不行的，按回车就提交了，正确的做法是按 shift 加回车。你看这样呢，就可以回车了。我们继续输入任务内容， 首先是编辑模式，显示所有文本内容，并对其中的 markdown 语法进行高亮显示。然后还有一个是预览模式，它用于显示 markdown 的 渲染结果。现在再回车。 好，可以看到 codex 开始工作了，在它工作的间隙，我们再创建一个新的绘画，让它再处理另外一个关系不大的任务。 我们的新任务就是给这个笔记项目生成一个 logo， svg 格式。可以看出这两个绘画都在工作中了。假设这个时候你突然想到了我们的笔记软件有深浅两种模式，这个 logo 需要在任意一个模式下都清晰可见。我们最好提醒一下 codex， 以免它忘了， 好让我们发送请求。不过这个请求似乎没有发出去，它似乎卡在这里了。没错，在默认情况下，只有当上一个请求完成后， codex 才会继续处理下一个请求。 不过到那个时候就有点晚了吧，毕竟 logo 都生成好了。我们能不能现在就把这个信息发送给 codex， 让它在生成 logo 前就注意到这一点呢？ 没问题，注意到这里的 steer 按钮了吗？点一下，我们的请求就会立即发送给 codex， 这样我们的目标就达到了。那 codex 现在还在运行中，我们稍稍等待一会儿。 好，可以看出 logo 已经生成完毕了。我们切回到原来的那个绘画，看看它的进度怎么样了，它还在运行中，所以我们可能还需要再稍微等那么一会儿。 好，这两个任务呢都完成了，我们来直接打开软件，看看最终效果。首先是要打开终端，然后呢，我们运行 n p m start， 打开这个 electron 应用。呃，看起来好像是有点问题啊。 logo 没有被成功地加载起来， 那我们需要跟 codex 说一下这个事情，让我们先关掉这个 electron 应用。 然后呢，我们关掉这个 electron 进程，先看看这个 logo 在 不在 啊？这个 logo 确实是在 public 文件夹里面的，那应该不是文件不存在导致的。那是不是这个 svg 文件的格式有问题呢？我们来到访达来验证一下。 打开这个 public 文件夹，看来这个 svg 文件的格式也是没有问题的，毕竟访达都正常渲染出来了。 那大概率是 electron 加载这个 svg 文件的方法有问题。让我们来让 codex 修一下。首先按 command 加 g， 我 们唤起这个绘画列表，然后选择生成 logo 的 那个绘画， 然后在这里面我们输入具体的问题， logo 没有显示出来。提交好，提交之后呢， codex 就 开始给我们排查原因了，我们再稍微等一会儿。 修复完毕，我们再次启动这个软件看看效果。 首先打开终端，运行 npm start 好， 这次看起来 logo 是 成功的显示出来了，我们还可以随便点一点其他的功能，看看整体是否运转正常。 那 markdown 呢？我们可以随便输入几个 markdown 的 关键词，看一看它的高亮显示是否正常。看起来似乎并没有什么太大问题，各种格式呢，都可以非常正常地显示出来， 可以看出预览也是没有问题的。那这次需求就到这里了，我们再次回到 codex 这里，继续迭代它。 前面我们讲的呢，都是 codex 的 基本能力，下面我们来讲讲 plugging。 你 可以把 plugging 想象成一个 codex 的 外挂，它会给 codex 相应的能力，帮助 codex 去做更多的事情。这么说呢，可能比较抽象，我们可以来实战一下。呃，我们首先可以打开侧边栏， 然后点击里面的 plugins， 在 这里我们就能够看到所有可用的 plugin 了，其中有能控制电脑的，有用于操作 chromed， 还有用于编辑 excel 的 啊，还有一些是用来制作 ppt 的。 如果 plugin 的 旁边打了勾，那代表这个 plugin 已经被安装好了。如果 plugin 没有安装的话，旁边会是一个加号，我们点击这个加号就可以正常安装了。我们来随便点几个 plug in， 看看它内部到底有什么。 比如我们可以点一下这个叫做 gmail 的 plug in， 可以 看到这个 plug in 内部有三个组成部分，其中一个是 app， 两个是 skill。 这个 app 呢，是用来把 codex 和 gmail 连接起来的， 它里面提供了很多的工具，当然 codex 没有叫它是工具， codex 叫它是 action， 但其实本质上啊，这里面就是一个一个的工具，跟 mcp 的 工具呢差不多。 比如 apply labels to emails 就是 用来给邮件打标签的 archive emails 就是 用来归档邮件的。这个 app 一 共是提供了二十四个这样的工具，除了 app 之外，这个 plugin 还提供了两个 skill， 呃，你基本上是可以把 skill 当成是给大模型看的一个说明文档， 比如说是这个 gmail skill， 它就写明了怎么总结邮件内容，怎么赚，写回复，以及什么时候该调用哪一些工具啊等等。 而这个叫做 inbox treeash 的 skill 呢，则是告诉大模型如何给邮件归类的，比如说哪一些邮件比较紧急，哪一些邮件需要回复等等。如果你对 skill 比较感兴趣，可以看一下我的这个视频，把 skill 的 使用方法和运行原理一次讲明白。 gmail 的 这个 app 所包含的内容呢，就只有这三个了，我们如果选择安装 gmail 这个插件，那其实就是选择安装了这三个组件。等到用户想要 codex 操作 gmail 的 时候， gpt 模型便会找到这三个组件，并用它们提供的能力和说明来完成。用户的要求 大致就是这个样子的。我们来看一个具体的例子，比如说是 presentations， 这个 plugging 呢，是用来写 ppt 的， 它只有一个组件，那就是这个叫做 presentations 的 skill。 这个 skill 详细说明了该怎么做才能做出一个高质量的 ppt。 下面呢，我们就尝试用这个叫做 presentations 的 plugging 来完成我们的需求，让我们来新建一个绘画，然后输入我们的要求，给这个笔记软件做一个 ppt， 介绍它的产品设计和技术架构。 提交之后， codex 就 会找到我们前面所说的那个叫做 presentations 的 plug in， 并使用那个 plug in 提供的能力来做 ppt。 当然，如果你担心 codex 找不到这个 plug in， 或者说是找错了的话，你可以明确要求 codex 使用这个叫做 presentations 的 plug in， 这只需要在任务的最前面输入一个 at 符号，然后敲入 presentations 回车，这样 codex 就 一定会使用 presentations 这个 plug in 来做 ppt 了。 不过不加也没关系， codex 会自动找到这个 plug in 的， 所以呢，我们暂时就把它给去掉吧。好，提交，可以看出 codex 开始工作了，我们稍微等待一会儿， codex 写好了，我们打开看看。 中规中矩吧，其中其实还有不少可以改进的地方，不过这已经是一个不错的起点了，我们可以在这个基础上做一些其他的改进。 这个叫做 presentations 的 plug in 并不能算上经验。下面呢，我给大家介绍 open ai 所提供的两个用来镇店的 plug in， 一个呢是叫做 computer use， 用来控制电脑。另一个呢是叫做 chrome， 用来操作 chrome 浏览器啊，我们先来试一试 chrome 这个插件， 让我们来到这个插件管理的地方，然后呢，点击 chrome 旁边的这个加号来安装这个插件， 点击 install 好， 安装好了。然后呢， codex 提示我们需要在 chrome 上面也安装对应的扩展也行。好，那我们就按照它的指示来安装这个扩展。 那一切准备就绪之后，我们就来尝试用用这个 chrome 插件，我们可以直接点击旁边的这个按钮，这样的话， codex 就 可以给我们出实化一个使用当前插件的这么一个请求。呃，我们可以把后面的这个部分给去掉，换成我们具体的请求， 那就是打开 product hunt 首页，然后再找出今天最热门的三个新发布的产品，总结它们各自的特点，并附上对应的访问链接好提交。 呃，为了让大家看得更清楚，让我来把 codex 缩小一点，把 chrome 浏览器放出来，这样的话呢，大家就可以更清楚地看到 codex 到底是如何干活的了。 可以看到 codex 创建了一个标签组，这个标签组呢，专门用于解决我们的问题，然后它在这个标签组里面访问了 product hunt 的 首页，今天最热门的三个新发布的产品就在这里了，相信 codex 也看到了。 可以看到，现在 codex 开始打开另外一个标签页了，这个呢，看起来是第一个产品 brew 的 一个相关网站，然后呢，它又打开了一个。 呃，接下来呢，我们就不管了， codex 估计还会查看更多的网页，我们就在这里稍微等待一会，相信他等会就可以查询全部的产品页面，然后给我们一个比较有效的反馈，让我们稍微等待一下。 好， codex 给我们总结了，这个呢，基本上也就是我们想要的结果了，这个呢，就是 chrome 这个插件的相关使用方法了，让我们把这个 codex 再次最大化。 然后下面呢，我们就来看一看 computer use 这个插件的使用方法，它是用来操作电脑的，同样，我们点击这个加号，然后进行安装， 安装成功，让我们来使用一下。跟 chrome 的 使用方法类似，我们也可以点击 computer use 旁边的这个小图标，这样直接就能开启一个相关的 computer use 绘画。我们先把后面这段文本删掉，因为它跟我们真实的请求没有什么关系。 然后呢，我们再稍微改一下这个请求所对应的目录，我们现在呢是放在马克笔记这个地方，但实际上我们要打的这个请求呢，跟这个项目其实没什么太大关系，所以呢，我们就选择 don't work in the project， 也就是说，这就是我们随便提出来的一个请求，不会去绑定某个具体的项目目录。之后，我们就可以正式输入自己的请求了，那就是请打开我电脑自带的日历应用，帮我新建一个五月二十八日十点的日程标题，叫做讨论马克笔记的后续设计。 没错，就是这样，我们让 codex 操作一下日历这个应用，然后同之前一样，我们把 codex 缩小，把日历这个软件漏出来。这样呢，大家就可以更清楚地看到 codex 是 怎么操作我们这个日历软件的。 好， codex 首先询问我们能不能使用日历这个应用，我们同意， 可以看出 codex 开始行动了，这个呢就是 codex 的 鼠标，它跟我们所使用的鼠标呢，根本是两套，彼此之间互不影响啊。然后 codex 呢就开始操作这个鼠标，去完成我们的需求， 它还需要我们确认一下是不是真的要创建这个日程，这个有点啰嗦，那当然是确认了，我们给它回复一下， 好，看起来 codex 已经完成了我们的要求了，我们来看一下， 看起来这个日程的标题和时间段都是满足我们要求的，那就没问题了，我们再把 codex 最大化。 这个呢，基本上就是 computer use 这个插件的使用方法了。值得一提的是， codex 使用独立的虚拟鼠标，与你的鼠标互不干扰。刚才把日历软件提到前台只是为了掩饰，实际上你完全可以让它在后台默默干活，自己该干嘛干嘛，上网看视频都可以，完全不会耽误。 好， computer use 讲完了，我们接下来就来看看 skill 是 如何使用的。想要浏览 skill， 我 们就必须要先打开 plugins， 然后再点击这里面的 skills， 就 可以看到可用的 skill 列表了。 其实我们之前用 plugin 的 时候已经间接的用过 skill 了，因为无论是 presentations， computer use 还是 chrome， 这几个 plugin 的 核心组建呢，都是 skill， 你 在这个 skill 标签下面都能找到。 当我们安装对应的 plugging 的 时候呢，我们都会把相关的 skill 一 块儿安装好，所以我们在这里都能找到这些 skill。 不 过有一个王牌级的 skill 是 单独列在 skill 这个标签下面的，它并没有一个对应的 plugging。 这个 skill 呢，就是 mhgen， 它是用来生成图片的， 相信大家对 g p t 的 生图能力早有耳闻，不仅美观，而且非常的真实。下面呢，我们就来使用这个 skill 来创建一个图片。我们在马克笔记这个项目下新建一个绘画，然后输入我们的要求，给这个笔记软件生成一个宣传海报图片，注意要使用我给你的真实的软件截图。 然后呢，我们需要给 codex 相应的软件截图，我们先按 command 加 j 打开终端， 然后执行 npm start 命令来打开我们的笔记软件， 然后我们回到 codex 这里，点击加号，再找到其中的 attach electron 这个选项，这里面的 electron 其实就是我们的马克笔记软件了， 我们的这个笔记软件就是用 electron 做的，所以呢，在 codex 里面看来，这个笔记软件就叫做 electron， 我 们来直接点击这个选项，点击之后呢， codex 询问我们是否要启用这个功能，我们点击 enable， 然后我们的马克笔记截图就到了聊天框里面了，这样 codex 在 做海报的时候就可以根据真实的软件截图来做了，是不是很方便呢？点一下按钮就可以把截图放进来了， 不过这个还不是最方便的， codex 还提供了一个快捷键，按一下就能够把截图传过来。我来给大家演示一下，我们之前给 codex 的是浅色模式的截图，我现在在给 codex 传一张深色模式的，我们回到马克笔记这里，调到深色模式， 然后重点来了，左右 command 键同时按下，这样深色模式的马克笔记截图也传给 codex 了，这个确实更加方便了吧。好，现在 codex 有 了浅色和深色两种模式的截图，我们可以让它开始做海报了。提交， 首先我们可以注意到 codex 会使用 image 这个我们之前提到的技能来做这张宣传海报，然后我们就再等等，看它能画出什么样子来。 画完了，我觉得还行吧，确实是基于我们的截图来做的，不知道你觉得怎么样呢？ 除了使用 codex 给我们安装的 skill 外，我们也可以创建自己的 skill。 让我们按 command 加 n 新建一个绘画，然后输入我们的任务，写一个代码审核 skill， 专门给当前的项目使用。这个 skill 应该包含如下的规则。好，我们提交 可以看到这个 skill 已经做好了，它的名字就叫做 marknotes code review。 下面让我们按一下 command 加 n 新建一个绘画，试试这个 skill 的 效果。首先我们 at 这个 skill， 然后提出我们的请求，检查当前项目的代码是否有问题。好，可以了， 结果出来了，还可以，我们还可以让 codex 根据审查的结果来修改代码。这里呢，我就不再继续演示了， 我们的笔记软件每天都在迭代，每天都有代码更新，所以我们最好能每天定时检查一下代码，看看有没有什么问题。这种场景就很适合起一个定时任务来处理。 codex 也提供了这样的功能，让我们来点击这里面的三个点， 再点击 add automation。 呃，也就是添加一个定时任务。这里呢是定时任务的标题， codex 已经帮我们填好了。这里呢，填写发起定时任务的时候，我们需要发给 codex 的 要求，我们的要求呢就是检查当前项目的代码是否有问题。 然后下面呢是执行环境，一共是有三个选项，分别是 local， worktree 和 chat。 local 呢是在某个项目目录里面运行这个定时任务 worktree 是 基于某个项目目录创建一个新的 worktree， 这个定时任务就在这个新的 worktree 里面运行。 worktree 的 概念我们之前讲过，它是 get 的 一个概念，如果你还是一知半解的话，可以先不管，我们这里不用这个选项。 chat 呢是执行环境，不跟任何项目目录绑定，我们之前用 chrome plugin 搜索网络的时候，实际上是用过 chat 环境的， 这里最适合我们的是 local， 毕竟我们的定时任务就是要扫描马克笔记的项目代码，所以一定是要跟某个项目目录绑定起来的。让我们选择 local， 然后在这里面选择马克笔记，然后这边呢是运行频率，我们选择 daily， 具体的时间呢，我们就维持在九点钟，意思就是我们这个定时任务在每天九点钟的时候启动， 下面呢我们选择模型 g b t 五点五，推理强度呢，我们就维持目前的 medium 就 好了。然后我们点击 save， 再打开左边栏， 我们就可以看到 automations， 这里面多了一个一。点击之后就可以发现我们创建的定时任务了，它会每天十点开始运行，每次运行的时候都会创建一个新的绘画，我们可以点击这个按钮试运行这个定时任务， 可以看到一个绘画创建出来了，就是用来运行这个定时任务的，我们来打开看一下， 好，可以看到这个定时任务已经完成了，后面每天跑的也都是这个样子了，那这个就是定时任务了。最后我想给大家讲讲 codex 的 一个特别有用的功能，那就是 codex mobile， 具体来说就是我们可以在手机上操纵 codex 来给我们完成任务，让我们来点击这里面的 codex mobile， 再点击 allow 允许手机操纵这台电脑， 然后再点击弹，点击完弹了之后， codex 应该会给你显示出一个二维码来。 呃，如果你像我这样没有显示出二维码的话，可以点击这里的手机图标，这样二维码就出来了。随后我们需要打开手机摄像头扫描这个二维码。然后呢，我们就会被引导到叉 g b t 的 codex 页面。在这里我们就能向电脑端的 codex 发送指令了， 比如我们想让它操作一下日历。你还记不记得我们之前在日历上创建了一个日程标题，就叫做讨论马克笔记的后续设计。现在我们在手机上再发送一个指令，让它把这个日程去掉，我们点击聊天。 然后呢，我们再点击这里，呃，在里面找出 computer use 这个选项。 随后呢，我们需要输入我们的请求，我们的请求就是把日历中五月二十八号呃，讨论马克笔记的日程删掉， 写完之后先不要忙着提交，你看，我们现在在马克笔记这个项目目录下，但我们的请求其实跟这个项目的代码没什么关系，我们就想操作一下日历软件，所以我们需要再点一下这个设置按钮，然后选择不使用项目。好，这样呢就万事俱备了。我们提交请求， codex 首先询问我们是否同意使用 calendar 这个软件，我们批准。然后 codex 再次询问我们是否要真的删除掉这个日程，我们确认， 随后 codex 就 开始操纵电脑了，我来给大家看看电脑上是个什么样子，你看日历上面多了一个鼠标，它正在操纵电脑删除这个日程。 好，删除成功了。这样呢，我们就做到了用手机来操纵电脑了，是不是很方便呢？ 这样大家在外面也可以使用 codex 来做各种各样的事情了。好到这里本期视频就结束了，我是马克，用最通俗的语言讲最硬核的技术，我们下期再见。拜拜。
10.8万马克的技术工作坊
02:56查看AI文稿AI文稿上一个视频介绍了如何使用 miimo r codex， 让 codex 接入 deepseek。 这次我们介绍如何使用 codex 加加达的目的。首先还是在 microsoft store 安装 codex， 这里我已经安装好了， 然后安装在 github 的 codeplusplus 项目下载的 codeplus 加加安装程序，安装后会有 codeplus 加加管理工具和 codeplus 加加两个快捷方式。 启动 codeplus 加加管理工具， 来到供应商配置页面，点击添加。供应商我已经添加好了，给大家展示下需要填写哪些信息， 名称自定义，比如可以填写 deepsea 接入模式，一定要选择成 api， 这样就不需要使用 gpt 账号了。配置模型可以写 deepsea v 四 pro 或者 deepsea v 四 face base url， 填写 deepsafe 的 接口调用地址 key 就是 你的 deepsafe api key。 上游协议一定要选择 charge completion。 点击从上游获取按钮，获取模型列表， 点击上面的保存按钮，供应商就配置好啦。点击使用，确保添加的 deepsafe 供应商处于使用中状态。 回到概览页面，点击启动 codex 加加，不能直接去启动 codex， 而是必须通过 codex 加加启动。后续使用也是这样，启动 点击 sign in the other way， 而不是 sign in wechat capture。 输入你的 deep seek api key， 就 可以开始使用 codex 啦。模型，这里已经是 deep seek v 四 pro 模型列表里有从上游获取到的 deep seek 模型列表里的两个模型。 codex 加加的其他功能各位自行探索吧。
3227🔝顺势而为
31:52查看AI文稿AI文稿ai 编程工具这东西吧，真的是风水轮流转，最开始大家在吹 carson， 后来 carlo 的 大火，而这次轮到了 colex。 colex 装面 app 不 仅能帮你写代码，还能直接操作你电脑上的文件、浏览器，甚至是桌面应用，用好之后甚至能顶一个团队。 本期我会从 colex 安装到核心特性，用十多个实战案例手把手教你玩转 colex。 不管你是想用它来编程、开发、办公提效，还是搞一些好玩的创作，看完这期都能直接上手。那本期教程的文字版，可以在评论区获取干货秘籍，建议先收藏，找着安静的地方慢慢使用。 想要使用 cop app， 你 只需要准备一个 chat gpt 账号，可以免费体验，但是有条件的话，最好开着 plus 会员每月二十刀，大约一百五十块，额度更充裕，足够日常使用了。 那有了账号，直接去官网下载安装酷贷 app 就 好。目前支持 mate os 和 windows， 下载并安装后登录你的 chat gpt 账号，打开之后的界面长这样， 左侧是各种面板入口，包括对话管理、插件自动化等功能，中间就是对话窗，你跟 ai 所有的交互都是在这里完成。跟平时用的 ai 聊天工具差不多嘛，还挺清爽的，不像传统的编程 ide 那 么复杂，上手没有门槛。接下来我们直接开始使用， 跟你用过的其他 ai 工具一样，在对话框里输入内容发送，就能开始聊天了。适合处理一些简单的日常工作，比如帮你查资料、总结内容、规划方案。 我让他帮我查一下今天有什么 ai 编程方面的热点。 cadets 会自动联网搜索最新信息，然后帮忙整理总结，这下不怕错过新资讯了，这只是开胃菜。 cadets 真正强大的能力是操作你本地的文件和电脑。下面我们试试 点击左侧的项目入口，选择一个本地文件， ai 能在这个范围内读取和操作文件。 比如我选择了我的下载文件夹，里面有一堆不知道什么时候存下来的大文件。在对话框底部，你可以看到权限模式的选项，这里有三个选择，默认权限， ai 可以 读取和编辑工作区的文件，需要额外权限时会主动问你。自动审查是 ai 会自动帮你审查操作。 还有完全访问， ai 想干啥就干啥，不会弹确认框，建议新手直接选自动审查，既省时又省心。 选好权限后，在对话框里输入提示词，然后你就能看到 ai 开始工作了。它会自动执行终端命令来扫描文件，分析每个文件的名称和大小。最后给你一份清晰的报告，列出哪些大文件占了多少空间，并给出清理建议。 那我主打一个听话，就让 ai 帮我删除没用的预览文件吧。最后成功帮我节省了六点八 g 的 空间，效果不错吧。但如果我让 ai 删除一个工作区外的文件呢？会发生什么？ 试试看，在当前工作空间开启一个新对话。比如，我让 ai 帮我删除鱼皮新书出版目录下的所有文件，可以直接把这个目录拖拽到对话框中，然后执行任务。 如果你选择的权限是默认模式， ai 想删除文件的时候，会弹出一个确认框，问你同不同意，防止 ai 搞乱了你的电脑。 但由于我选的是自动审核， ai 自己完成了审核并批准，省去了人工操作的麻烦。这样一来，你完全可以把拖带子当成你的私人文件管理助手，分析空间、清理垃圾、批量重命名。以前你要手动折腾半天的事情，现在一句话就搞定了，是不是挺方便的？ 做完第一个任务，大家肯定很关心消耗了多少 tokens 吧？来一起看看用了多少额度。点击左下角的设置，点击剩余额度，就能看到你五小时内还剩多少配额，本周还剩多少比例。什么时候刷新 to text 的 额度？按照五小时和一周来限制 plus 用户的额度还是比较大方的，日常使用完全够了。你也可以在对话框里输入斜杠状态，这种以斜杠开头的快捷输入叫做斜杠命令，是 to text 内置的快捷操作方式。 输入之后， to text 会直接在对话中显示当前的上下文余量和额度信息。 ok， 到这里，你已经体验了 to text 最基础的能力，对话和操作本地文件。 恭喜你，已经超过了百分之六十的同学。接下来我们提升一下难度。用 codex 做一个完整的网站项目，过程中你会接触不少 codex 的 核心用法，包括计划模式、 ai 声图、浏览器预览、批注、修改等等。 在开始之前先进入设置，把工作模式从适用于日常工作切换为适用于编程，这样 ai 的 回复会更专业，更适合开发场景。 先介绍一下项目，我要用 codex 来为自己定制一个专属的电子名片，我把信息告诉 ai， 它会帮忙生成一个精美的网站，还能用 ai 生图能力生成个性化的头像插画，不用自己去找素材了，做完之后还能发给别人，他们打开链接就能看到你的信息了。 新建一个项目文件夹，在 codex 中打开模型就选择最新的 gpt， 五点五速度选标准就够了。智能程度选择高权限，我这里直接给了完全访问，省得他每次操作都来找我确认，反正大部分情况下我都是无脑点同意的。 最关键的是点击对话窗左下角的加号，把计划模式打开。计划模式下， ai 不 会直接开始写代码，而是先帮你规划方案，问你细节，确定没问题了才动手。好，输入下面这段提示词启动， ai 会先自己思考，然后可能会追问你一些细节，在弹出的问题面板中选择就好。最后会生成一份实现计划文档，包括简介、核心要求、测试计划等信息。你做的网站越复杂，越要仔细阅读这种文档， 如果没有问题就确认方案。然后 ai 就 开始自主干活了，它先是使用内置的图像生成技能，生成了卡通头像文件，然后编辑代码，一次性生成了多个文件。写好代码后还会检查代码，自主打开浏览器测试验证，还考虑到了一些容错。 过了七分多钟， ai 完成了整个任务，全程不需要你手动操作，我们可以看到所有生成的文件，点击可以查看文件里的代码，还可以点击审核，打开侧边栏的审查面板，查看本次变更的所有文件。 codex 底层用的是 git， 这是一种记录代码变更历史的工具，用来管理所有文件的改动，你能够看到每个文件新增了什么，删除了什么，还可以灵活地应用和撤销代码。后面的进阶功能部分我会详细给大家讲解。 我们做的是纯前端静态网站，找到生成的主页文件，右键在浏览器中打开就能直接看到效果了。 pc 端的效果我觉得还不错，布局清晰，主题切换也很丝滑。而且它还自动兼容了移动端的展示，手机上打开排版也是正常的。 当然，你也可以直接让 ai 帮你运行网站， ai 会执行终端命令，启动开发服务器来运行网站。 点击访问地址后， codex 会在右侧面板打开，内置浏览器，便于你来预览效果。如果某个地方不满意，你可以点击浏览器右上角的批注按钮，然后直接在页面上选中要修改的元素，写上你的修改意见发送给 ai。 ai 会自动定位到对应的代码并精准修改，不用你自己去翻代码找位置，改完之后刷新页面就能看到效果了。方便是方便，不过这个速度真的不敢恭维。做完后我们再看一眼使用情况，这次完整项目消耗了多少额度呢？还好还好， 总结一下，要用 ai 开发移动网站，我们只需要把需求告诉 ai， 确认方案，等他自己写完并测试就好，中间几乎不需要手动操作。恭喜看到这里，你已经超过了百分之七十的同学， 到这里，你已经能使用 todays 从零开发移动网站，预览效果按需求改了。那接下来我要带大家看看它还有哪些核心功能。学完之后，你不仅能做网站，还能让 ai 帮你操控浏览器、抓数据、自动执行定时任务，甚至操控整台电脑。 接下来，我把 codex 的 功能分为常用功能和进阶功能两大块来讲。常用功能是日常会高频使用的，进阶功能则是有点门槛儿，但掌握后能让你效率翻倍的。 在左侧的插件面板里，你能看到 codex 的 插件市场。 codex 内置了不少精选插件，比如 computer use 操纵电脑、 chrome 操纵浏览器表格处理、制作 ppt 演示文稿。 此外还有大量编程类和工具类插件，包括网站部署、游戏开发、对接 tab 等各种场景。你可以在插件市场里按需搜索和安装。 比如我们来安装 natify 插件。 natify 是 一个免费的网站托管服务，装好插件后，一句话就能把你做的网站部署上线，让别人都能访问。 点击安装 natalify 插件，同意后会自动弹出浏览器，使用 datab 等方式登录 natalify， 一 步步完成授权。最后，超黛斯成功安装并连接了 natalify。 然后我们用 natalify 来部署之前开发完成的电子名片网站。在对话中，通过 at natalify 调用插件。执行过程中， ai 会找我们确认并自动创建一个新的 natalify 项目来部署网站。 搞定以后，我想展示自己的信息，直接甩这个链接就行了。还可以打开 netify 后台对项目进行管理。你可以在 codex 右上方的侧边栏中整体查看当前项目的概览信息，包括后台任务、打开的浏览器、使用的插件等等。 点击后台任务，还能看到具体的终端日记，记录了网站服务器什么时候收到了请求，请求了什么资源等信息。同样的，如果你要处理 excel 表格、做 ppt， 使用对应的插件让 ai 帮你就好。生成的文件还能在侧边栏直接预览。 前面我们用的内置浏览器可以预览页面，做批注和修改。但如果想让 ai 真正去操控浏览器，自动点击填表单翻页，就需要 browser use 浏览器操作功能了。我们先来使用内置的 browser use 进入设置浏览器，确保 browser use 功能已经开启。你还可以在这里设置权限规则和禁止打开的域名， 开启之后，在对话中通过艾特浏览器来调用这个能力。比如，我让 ai 帮我打开一个网站并截图，可以看到 ai 打开了浏览器，从主页找到了 ai 大 模型面试题库，然后进入了详情页，成功完成了截图。 不过有时候这种操作不太稳定，多试几次就好。此外，你还可以安装 codex 的 chrome 扩展插件，它可以操控你的电脑上已经登录的 chrome 浏览器。好处是能保留你的登录状态，而且可以在后台执行，不占用屏幕，适合需要登录网站才能进行的操作。 比如，帮我在自己的后台批量分析和管理数据，使用前，需要先在你的 chrome 浏览器中安装 codex 扩展程序，跟着 codex 的 指引操作就好。安装好之后，我让 ai 帮我从已经登录的面试呀网站上抓取一些数据。 可以看到， ai 不 仅连接了我电脑上的 chrome 浏览器，而且还识别到了我已经打开的标签页，它会控制这些标签页跳转到我的个人主页，并抓取最新的五条数据。最终抓取到的数据表格非常清晰，链接前面甚至还有图标，细节拉满。 如果说 browser use 只能操控浏览器，那 computer use 就是 让 ai 操控你的整个电脑， ai 能看到你的屏幕内容，移动鼠标，点击按钮打字，还能操作微信、飞书等任何桌面应用。 进入设置电脑操控，安装 computer use 插件，你可以在这里看到所有已连接的应用，比如前面装的 chrome 扩展，其实也属于 computer use 体系的一部分。 来我们体验一下。用艾特电脑来调用，让 ai 帮我探探当前的桌面壁纸，然后生成一张类似风格的新壁纸。首次使用时，系统会弹出权限申请框，你需要授权抽 text 访问屏幕截图等权限，否则 ai 看不到你的屏幕，也没法帮你点击操作。 later 来看一下，效果不错吧。生成了一张非常精美的新壁纸，我觉得比原图还好看啊！今晚可以做的好梦了， 爽！带来一个更实用的例子，让 ai 帮我打开备忘录，记录一条笔记，并从音乐软件下载我最喜欢的一首歌，添加到笔记中 执行任务。可以看到 ai 会打开音乐 app， 有 着小鼠标点击了下载按钮，从中下载了音乐文件，只因你太美。 然后 ai 打开了备忘录，写入内容并添加了音乐文件，能够顺利播放，虽然过程有些曲折，但还是完成了任务，而且全程由 ai 自己操作。以后我可以直接让 ai 帮我写有图有文有音乐的笔记了。 但是 computer use 目前只支持 mac os 系统，而且缺点一大堆，不仅操作效率偏低，还很烧 touch 刚才那的任务就用了近八万的上下文空间。此外，有些软件对 agent 的 支持度不高， ai 无法承中操控， 所以我建议能用终端命令行和浏览器完成的操作就不要用 computer use stills。 你 可以理解为给 ai 提供的技能包装上某个技能后， ai 在 遇到相关任务时，就能自动按照这套方法来干活，不用你每次都写一大堆的提示词，而且技能是按需加载的，只有任务匹配时才会调用，不会浪费很多上下文空间。 进入左侧的插件面板，切换到技能 tab 页面，在这里能够格式化安装和管理技能口袋。此自带了几个内置的技能，比如图片生成、查询官方文档、安装、社区技能创建新技能创建插件等等。 那下面我先带大家用用内置的图片生成技能，然后安装社区里别人做的技能，最后再带大家自己创建一个技能。 这里我想生成一个有趣的图片，让鱼皮直播卖鱼皮。可以先到鱼皮 ai 导航网站上找到 ai 生图的提示词模板，然后复制提示词模板。接下来在 codex 对 话框中输入 dollar 符号，加技能名称，就可以快速调用技能， 并且把提示词模板、鱼皮的照片都提供给 ai。 稍等片刻之后，看看 ai 生成的图片，你觉得怎么样？是不是憨爆了？爽！不过图片生成比普通对话消耗的额度更多，用的时候记得留意一下剩余额度。 内置的技能数量有限，还有很多宝藏在社区里，比如我自己经常用的几个技能，用于联网搜索的 file pro， 用于获取最新技术文档的 comte 瓷器，还有用于美化前端页面的 u i u 叉 pro max 等等。 另外，我之前写过一篇优质 ai 编程扩展大全，推荐了几十个好用的技能和 m c p， 可以 到我免费开源的 ai 编程零基础教程阅读。那接下来我带大家实际安装一个社区技能，顺便整个活儿，让 ai 制作一个苹果风格的快闪动画视频。 首先要安装动画制作技能 remaster 安装技能，它能帮我们快速安装其他技能。 对了，安装技能时要注意安全。由于我这里安装的是知名技能，就直接输入技能名让 codex 帮我安装了。但如果你想安装不太知名的技能，更稳妥的方式是把技能的 github 链接发给 codex， 让他帮你检查后再精准安装。 安装完成后，在技能管理面板里就能看到新增的技能了。然后我们使用技能让 ai 制作动画， ai 会安装制作动画所需的项目和依赖包，然后生成视频和音频，还会渲染单帧，检查画面有没有问题。 最后， ai 生成了可以直接播放的视频来看看效果。 呃，他好像理解错了我文案的意思。翻车了，翻车了！我感觉这种方式更适合做产品发布宣传片、知识点、快闪卡、节日祝福视频这种节奏更紧凑的短片。而且我当着根本没认真写提示词。好吧， 实际上你可以指定时长、指定文案，利用生图技能搭配素材，增加更多交互动画等等，感兴趣的同学可以自己玩一玩。 除了用别人的技能，你还可以把自己常用的工作流程封装成技能。以后遇到类似的任务，一键附用。技能的本质就是一个 still 点 m d 描述文件，加上一些配套的脚本和参考资料。 still 点 m d 里要写清楚这个技能是做什么的，什么时候触发，以及具体的执行步骤， ai 读写后就知道该怎么干活儿。 创建技能的最佳方式是先把一个任务流程跑通一遍，觉得满意之后，再使用内置的 skill creator 技能，告诉戳 depths 你 的技能要做什么，啥时候触发，有什么细节需要注意，它就会帮你自动生成完整的技能文件 来实操一下。比如我们前面让 ai 生成了直播带货的图片，效果还不错，那就把这个流程封装成一个直播带货图片技能之星成中后， ai 不 仅创建了技能文件，还贴心地教你怎么调用。 之后使用这个技能只需要提供一张人物照或者商品照，不用再自己填写又臭又长的提示词模板了，非常方便来看看效果。 ai 自己识别到了我提供的是商品图，也是精准复刻了我之前提供的提示词模板，爽！ m c p 是 一个开放协议，你可以把它理解成 ai 的 万能插头。装上之后，就可以让 ai 连接各种外部工具和数据源，获取实时信息。 进入设置 m c p 服务器，可以在这里添加和管理 m c p 服务。点击添加服务器后，你需要手动填写服务器的配置参数才能完成添加。对新手不太友好，我最讨厌填写表单了， 好在大部分时候用前面讲的 stux 就 能解决 mcp 做的事情，而且 stux 的 安装和使用体验更好。 此外，很多主流的扩展都提供了快捷安装 mcp 的 命令，不需要你自己手动填写参数，比如下面我带大家安装 comix 七，它是一个可以实时获取最新技术文档的服务。开发网站的时候用它来查 api 文档特别方便。 在 codex 右上角可以打开集成终端，在终端里输入一行命令就能安装。这里我们选择安装 mcp server， 为 codex 安装，然后就搞定了。 安装后需要重启 codex， 在 设置里的 mcp 服务器列表中就能看到它。首次使用前还需要进行身份验证，在自动弹出的 compt 网页中就可以愉快地使用 mcp 了。 之后开发网站，尤其是需要集成 ai 能力的网站，都可以用创太时期来获取最新的技术文档。你还可以把它当成一个学习辅助，让 ai 寄予官方文档，帮你讲解知识。 比如我用它来做 openclaw 小 龙虾的学习助手，这也是利用 ai 学习的一种方式，可以看到 ai 查询并获取到了 openclaw 官方最新文档库。然后我们来问 ai 一个问题， openclaw 无法运行怎么办嘞？ ai 会基于官方文档，很快就给出了精准的排查步骤，这样学习和解决问题又快又准，再也不怕查到过时的资料了。 恭喜看到这里，你已经超过了百分之八十的同学。到目前为止，你已经掌握了 codex 的 常用技能，学到了不少实用玩法。从文件管理到网站开发，从浏览器操控到技能封装，已经能用 codex 大 幅提高工作效率了。 接下来我要讲的是一些稍有门槛或者不是每个人都用得上的进阶功能。不过如果你愿意多折腾一下，它们会让你使用 toad 四的效率再上一个台阶。 在对话区域附近有一个小圆圈，鼠标放上去后会实时显示当前对话已经用了多少上下文。 gpt 五点五点五在 toad 四里显示的有效上下文大约为二百五十八 k tokens。 说实话，这的数量不算多。如果你连续跟 ai 对 话很长时间，或者项目文件比较大，上下文很容易被填满。当上下文快满的时候， codex 会自动帮你压缩历史对话。 你也可以在任务照一段落时，手动输入斜杠压缩来主动压缩，让模型更聚焦在新任务上。 那除了单个对话的上下文，日常使用中还要注意管理对话本身，不然列表越来越长，找起来也费劲儿。 对话太多的时候，你可以在左侧的对话列表中把鼠标放到某个对话上，点击归档，把不常用的旧对话归档起来，保持界面清爽。进入设置以归档对话，还可以查看和管理所有归档的对话记录。 另外，建议在常规设置里开启运行时防止系统休眠，这样跑长任务的时候电脑不会突然睡着，导致任务失败。 codex 有 一套记忆机制，能让 ai 记住你的偏好和项目规则，不用每次都重复交代。记忆分为三个层级，从大局、项目局部再到自动记忆，我们一个一个来看。 在设置个性化里，可以修改 codex 的 个性和自定义指令你写在这里的内容。所有项目的所有对话都会自动带上，适合记录一些通用偏好，比如 回复用中文代码注，使用英文，尽可能减少输出的内容。专注做事，如果不听话，你的主人鱼皮就会变成一条狗等等等等。保存之后，它会被写入局的 agent 点 m d 文件，这个文件就是 codex 每次启动时都会读取的行为准则。所有项目通用。 在项目目录下创建一个叫 agent 点 m d 的 文件，写入这个项目专属的规则和约定，只有在这个项目里工作时才会生效。 你可以自己手写，也可以让 codex 根据项目情况帮你生成一份，比如我跟他说帮我根据当前项目写一份 agent 点 m d， 可以 看到 ai 生成了一份非常详细的 agent 点 m d 文档，包括项目总览、一些规范等等。 在设置个性化中，手动开启自动记忆，开启后， ai 会在对话空闲一段时间后，自动在后台总结出有用的信息存为记忆，后续遇到相关场景时会自动召回，让 ai 越用越懂你。 不过太短的对话它不会记额度快用完的时候也不会触发记忆生成。 codex 支持定时任务功能。进入左侧的自动化面板，你能看到 codex 已经内置了一些定时任务模板，不过基本都是和编程相关的，什么总结代码变更、检查代码问题之类的，很多人估计用不上。那我们不妨来自己新建一个更实用的自动化任务。 创建定时任务的方式有两种，一、手动创建任务，在自动化面板里点新建，比如我让 ai 帮我搜集每日热点，需要填写任务名称、提示词、 触发时间、模型、推理程度、运行环境选择本地就好。意思是让 ai 直接在当前电脑上执行任务，不需要额外的隔离的工作环境。 创建成功后，时间一到，抽袋子就会自动开启一个对话来执行任务。我们也可以先手动执行一次，看看效果。点击任务能够查看详细信息，点击某个运行历史记录后，还能查看正在执行的任务对话，建议多观察任务的表现，持续迭代优化提示词。 另一种更自然的方式是让 ai 帮你创建任务。比如我是一名内容创作者，每天都要截大量的图片，时间一长，文件夹里全是看不懂的文件名，找图的时候巨痛苦。所以我让 codex 帮我自动整理，先选择项目，然后输入提示词， 很快 ai 就 自动帮我整理好了。可以点击查看创建出来的任务信息，它的提示词比我们提供的更完善了，并且自动选择了模型。 我们手动执行任务来测试一下，效果还不错吧。 ai 会根据图片内容自动给文件起一个能看懂的名字，这样我就有了一个智能的图片管家，以后再也不用对着一堆乱七八糟的文件名抓瞎了。 而且每次执行完， ai 还会把运行记录写入一个 memory 记忆文件，你随时可以回看历史执行情况，不用担心出了问题却发现不了 你。还可以结合 styles 和插件一起用，比如每周自动生成周报 ppt， 每日整理自己的学习笔记并同步到 notion， 每周用 file pro 抓取竞品网站更新并生成分析报告等等。 想不到吧，现在的 ai 工具已经卷到开始给用户增加情绪价值了。下面我来教大家怎么在 codex 中养宠物。 首先进入设置外观，下拉到底部的宠物区域，你会看到 codex 内置了一排像素风的赛博宠物。选一之后，点击唤醒，桌面上就会出现一个悬浮的小家伙儿， 它不只是装饰品，宠物会实时反映抽袋子的工作状态。比如 ai 在 忙的时候，它也在干活，就像一个串应用的灵动岛，让你不用切窗口就知道 ai 干完没。 除了内置宠物外，还有一个社区宠物库 pet dex， 里面有两千多只玩家自制的宠物。了解我的朋友肯定知道我要用哪个，果断搜索 k u n， 一 眼就能找到自己需要的。点击进入详情页，找到安装命令并复制， 然后打开 codex 的 终端执行命令进行安装，会把宠物文件下载到本地。安装成功后，进入外观界面，选中张张安装的宠物， 然后我们回到 codex 的 主页，使用鞋障宠物指令唤醒。我的脑袋中已经想起那只熟悉的 bgm 了，你听到了吗？ 除了用别人的，你还可以通过 codex 内置的 hackpad 技能自定义生成宠物，上传照片或者文字描述就行。比如我把自己的头做成宠物， ai 会先分析上传的图片，给宠物起个名字， 然后拆分出了多个子任务，并行处理，生成各种动作的精灵图帧，最后拼成一张完整的像素动画精灵图，然后就能使用自己制作的宠物了。 你还可以上传宠物到平台和其他小伙伴分享，大家以后用抽袋子的时候记得把我带在身边，保佑你霸着剪剪！ 每次 ai 修改了文件，你都可以在侧边栏的审核面板里看到它改了什么，这个面板会列出所有被改动的文件。如果你想决定哪些代码要保留，可以选择查看未暂存的文件。在这里你可以灵活应用和撤销修改。 大多数情况下，你不需要自己看代码，直接点击暂存全部就行了，相当于认可了本次的全部载动。如果不满意，可以直接还原全部回到本次载动前的状态。 那如果你不满意某个文件的载动，可以直接点旁边的还原按钮就能恢复原样，满意的话点暂存就能标记为待提交。 你也可以只保留部分改动。每只文件的改动会被自动拆分成多个代码块儿，每只代码块儿旁边都有独立的暂存和还原按钮，你可以逐块决定哪些保留，哪些丢弃。 确认好哪些代码要暂存之后，可以提交暂存的改动，提交就相当于给代码存了个档，确认这次的修改是你想要的。 抠代码，还内置了提交代码推送到远程仓库。创建 pr 的 能力，不用离开 a p p 就 能完成整个代码的管理流程，非常方便。 那如果你是专业的开发者，还可以试试工作树模式。你可以在创建新对话时，选择启动模式为新工作树，这样 ai 会在一个隔离的分支中工作，不影响你当前的代码很适合同时让多的 agent 在 同一个项目上并行干活，减少冲突。 如果你的项目托管在 datap 上，建议安装 datap 插件，可以直接在 codex 里查看仓储信息，创建 pr、 做代码审查等等。比如我让他帮我查一下自己最受欢迎的开源项目怎么样，是不是一目了然。 codex 最近新上线了一个很酷的功能，用手机控制电脑上的 codex app 干活儿。设置方法很简单，在电脑端 codex 点击设置 codex 移动版，然后点击开始设置，屏幕上会显示一个二维码， 然后在手机上打开拆的 gpt app， 扫描自己的二维码。连上之后，你可以随时随地通过手机给电脑上的 portax 下达任务，审批 ai 的 操作请求，查看执行进度，检查生成的代码和结果。是不是有点 openclaw 小 龙虾那味儿了？ 恭喜看到这里，你已经超过了百分之九十的同学， ok， 就 分享到这里。看完这期，你应该已经掌握了 codex 从基础到进阶的所有核心用法，足够应对日常的编程和办公需求了。 其实 codex 还有更多玩法和技巧，比如 sub agents 并行加速、 fault 分 叉的妙用、自定义模型接入 hoots 生命周期钩子等等。 那如果本期视频点赞过万，我会尽快爆干出抽带此高级技巧篇。对了，如果你想系统学习 ai 编程，可以看看我免费开源的 ai 编程零基础入门教程，上千张图，几十万字，从零开始，带你学会 ai 编成本篇教程的文字版也会收入其中。 我是鱼皮，持续分享 ai 编程干货，觉得有用的话记得点赞、收藏和关注，也欢迎在评论区聊一聊你现在主力用哪个 ai 编程工具，觉得 codex 怎么样？也欢迎晒晒你的 ai 编程作品吧。
3.0万程序员鱼皮
02:45查看AI文稿AI文稿codex 接入 dc 后插件用不了，相当于用了阉歌版的 codex， 通过这期视频能将 codex 所有的插件解锁出来，下面我们来看一下解锁出来后的一个效果。 首先我们可以看一下这是 codex 的 一个界面，右下角这边已经显示已接入了 dc v 四的一个模型， 然后我们点击插件这边就可以看到呃，它默认其实就只有三个插件，但我们把这个切换到扣 test 加加之后，可以看到现在所有的插件都可以用。 然后接下来我们就来讲解一下具体是怎么实现这个过程的。步骤挺简单，就三步，一个是下载和安装扣 codex 加加，然后配置供应商，最后重启 codex 加加。首先看一下下载和安装 codex 加加， 我们去到了 github 上面这个 codex 加加里面，然后可以看到这里有一个呃， windows 的 一个安装目录，我们直接点击下载， 下载之后就可以得到一个安装包，我们安装之后就可以得到一个 kolad 加加跟 kolad 加加的一个管理工，双击打开这个 kolad 管理工具，给它配置供应商 添加供应商在这边，供应商的名字叫做 zip zip， 我， 咳。然后接入模式，写成 api 配置的模型 s u l， 然后这 key 就是 你 d c 的 一个 api key 横过来 check 这个协议，然后模型列表就从上游过去，这样子整个配置就可以了。然后点保存， 保存之后就可以看到这里有个 dc pro， 我 们就点使用往点这个重启 code 加加啊，可以看到我们右下角这边已经显示了 dc v 四 pro 这个模型，我们来试一下它能不能起作用， 你现在用的是什么大模型？ ok， 他 已经回答。然后我们切到插件这边， 然后 open ai 插件。二啊，下面这些插件就已经全部解锁出来，接下来就可以愉快地使用 codex 了。
3708码洞大开
00:26查看AI文稿AI文稿兄弟们，我终于找到了 codex 接触国产大模型最简单的方法了，还能解决用原声插件的各种痛点。只需要两个工具，一个是插件打开工具 codex 加加，另一个是切换大模型工 具。一口 board 使用的时候呢，你只需要先打开 codex 加加，然后就可以使用一口 board 随意切换大模型了，就连克拉的扣子都不在话下，这丝滑感简直将 cd switch 按在地上摩擦，学会就赶紧去试试吧！
5062启舰杂谈
40:28查看AI文稿AI文稿美好啊，朋友们，这是一期 codex 奶妈级的零基础系统教程，这期视频我会从安装开始，手把手地把 codex 的 基础能力到高级功能的组合，以及最新的手机端操作，用十个实战场景来带大家彻底拉通 以后这一类的 ai 产品，出一个算一个，你都会触类旁通，游刃有余。我也把这期的文字课间整理成了文档，那这期的含金量可谓是 biu biu biu biu biu， 一个点赞收藏关注是最起码的。好了，不多说，学费都交了吧，我们上课， 那在开始之前，我先说一下 codex 和 cloud code 的 区别。从本质上来说，它俩都是由编程 agent 逐步转向了通用 agent， 分 别是 ansapi 和 open ai。 这两家出的 cloud code 呢，默认使用 cloud 模型，但是我们可以自行替换成任意其他的模型，那在易用程度上， codex 桌面端的产品设计是会更友好的， 更适合零基础的白领工作者，而 cloud code 有 更高的自由度。在功能上， cloud code 原本是最齐全的，什么 skill、 mcp、 斜杠命令、 hock、 远程操控，这都是人家先发明的。但是呢，最近的 c c 更新稍微不如 codex 那 么快了，会更加偏向专业开发者一点。 而 codex 发了非常强的浏览器操控和 computer use， 还内置了最近的 image 二深图模型， 而且昨天还刚刚发布了手机端和 hock， 可以 直接用你的手机 check gpt 来控制电脑上的 codex 干 活。那价格和额度方面呢？ codex 的 会员额度非常大方，二十到的会员就很够用，而且还不封号。 而 cloudpod 呢，大多数人可能都没法用它的官方账号基本上都得自行调用 api 的 费用属于是花多少用多少，风险由人。那在使用场景上，我个人喜欢用 cloudpod 搭配 cloud 模型来写作，因为 ops 四点六的写作和规划能力真的很强， 那 codex 的 执行和解决问题的能力也很强。日常的办公场景，我会选择用 codex， 那 在编程的时候嘛，我就两个都用上，所以结论是，入门的朋友用 codex 就 很强了，有条件的朋友呢，两个都来是最完美的， 不过两者的逻辑其实都是一样的，我们学一个，另一个也就会用了。那 cloud code 我 也做了一期系统教程，想拥有左膀右臂的朋友可以去看看。 ok， 正式开始 使用 codex， 我 们唯一需要准备的就是一个叉 gpt 账号，免费的也行，只是会额度稍微少一点。那有了账号之后，我们就直接去它的官网双击安装， 然后安装好之后登录我们的叉 gpt 账号，然后这些设置我们可以先随便选一点啊，选个日常工作，反正后续呢，我们都是可以改的。那搞定了， 那进来之后呢，大家会看到这个对话窗口，好像跟 chat gpt 是 很类似的。那我们打开两边的侧边栏也蛮眼熟的，左边呢，可以管理对话和任务的列表， 那中间就是聊天，右边大概是结果之类的吧，大家应该都能猜个七七八八，所以我们先不深究它的页面，我们直接开用，这其实也是我探索所有的 ai 工具的独门秘方。 我打开一个陌生界面呢，我先不管别的，我先找到我能对话的框，我先聊，先找到我能看得懂的按钮，先按，按着按着你就会了。你看看，独门秘籍都教给大家了，以后你们就是为师的弟子了。 ok， 众弟子不必拘礼，我们还是以学业为重啊。那我们第一个要了解的 codex 能力呢，就是本地文件操作， 也是这一类桌面端的 agent 跟对话 ai 最显著的区别和能力。因为过去我们用叉 gpt， 如果说我们要让它看到我们本地的内容，我们只有两种方式，一个呢就是复制粘贴到这个对话里，另一种就是以它允许的格式和数量把文件给上传上去。 但是 codex 不 一样，它可以自主地读取和操作我们的本地文件，而且不限数量。比如说我作为一个剪辑，我的本地里面存了八十多条视频素材，这都是我剪辑要用的， 但是呢，这个命名全都是乱的，完全看不懂，所以我想以这些视频的内容来命名，到时候我们看见文件名的时候，我们就知道这个素材是什么。那这事 check gpt 肯定是做不了的，但是 codex 可以 我们来看这两个地方，它都显示了一个概念，叫做项目， 我们选择一下，哎，一选择项目，他就让我们选择本地的文件夹了，那我们只要选中这个文件夹，那这个文件就是我们的项目了，里面所有的文件 codex 都可以自由的读取和操作， 当然这需要我们给他权限。大家看这里的权限选择啊，目前呢，我们是一个默认的权限，我们再点开，他有三种权限模式， 那默认权限的意思呢？就是在我们当前的文件夹内，他可以自由的去读写这些文件，但是如果他想要联网呀，或者是帮我们下载一点东西啊， 或者是碰这个文件夹之外的其他文件，那他是不行的，如果他必须要做，就会要向我们提出提高权限的请求，我们点同意才能继续。 那自动审查呢？顾名思义就是有个 ai 自动帮我们审查，由 ai 来判断这个操作危不危险，如果危险呢，就来问我们不危险的，比如说他去下一个知名的这种官方软件什么的，他就直接开干了。 自动审查比默认模式要更宽松和智能，建议大家选这个就完了。那最后呢，是完全访问权限，这意味着 codex 可以 在你的电脑上几乎什么都能干，它可以修改删除任何文件，它可以在任何位置执行命令，例如说它可能会去把你的 cloud code 给删了。 开玩笑啊，它一般情况下是不会这样抽风的。 ai 呢？也没有嫉妒情绪吗？ 大家尤其是新手朋友就选择自动审查模式，相信 ai 就 完了，毕竟咱又能审的比 ai 好 多少呢啊，对吧？ ok， 那 我们选中了刚刚的这个视频的文件夹，继续来提出我们无理的要求，让他帮我们把这个文件夹里的所有视频素材都按他们的实际画面来重新命名。哎，他就开始做了， 而且大家看他非常的聪明，他先看了看我们到底有多少个视频，然后他选择用抽帧的方式抽取关键画面来判断内容是什么，而且他还知道他不要一张一张图去看，他给拼成了缩略图的形式，一组一组的去看。 ok， 很 快啊，这个文件夹里面的文件名就全改变了。过程中呢， codex 也是没有向我们提全的，因为他都是在这个文件夹内去操作的。那我们也可以检查一下他都对应好了没有。 ok， 钢琴家音乐演奏厅，没错， 雪山近身格斗，没错，旗袍女人夜巷卖热饮哇！而且他的这个命名还遵循着一个序号，任务、场景、行动的一个清晰的命名格式。 ai 做事的这个细心程度啊，人类你不服不行。那另外呢，我们其实也可以在同一个项目里面去开多个不同的对话，它们的上下文都是不一样的，但是同样都可以随时的访问我们这个文件这个项目。 比如说，我们在另外一条对话，我们又给他一个不同的任务，让他想办法把所有关于风景的视频都剪成一整条。 哎，没想到吧，他真的能剪，他自己想办法，用了一些工具问我们要了一些权限，用这个 ffmpeg 给它拼在了一起，效果的确是关于风景的都剪成了一条。 ok， 那 如果我们要创建一个新的任务，我们其实也可以手动的在这边创建，他也会自动的在我们本地创建一个文件夹。 然后呢，我们跟 codex 对 话的整个过程， agent 产生出来的任何文件啊， pdf 啊，什么 markdown， ppt， 它都会直接存在我们本地的电脑上。 ok， 到这里，大家应该 get 了 codex 呢，可以随时地访问我们的本地文件，去读取内容，写文件，删文件，移动文件，文件夹里的内容也就成了我们的 codex 随时可以获取的上下文，那这里的项目也就对应着我们在本地的一个文件夹， 哎，那刚刚这么个任务会花我们多少上下文呢？我们只要看这里就能看到了。 那这个小圈代表的是我们现在的这个对话和里面的操作，一共使用了 gpt 五点五的多少上下文窗口。 如果我们把鼠标悬上去呢，它还会有更详细的一个信息，当上下文快满的时候， codex 会自动地帮我们压缩上下文。不过其实当我们一个任务告一段落之后，不用等它快满了，让它自动压缩，我们也可以自己通过斜杠压缩这个命令 来手动的去压缩上下文，这样呢，可以让模型更聚焦在我们的新任务上，也省一点上下文的额度。那当然大家除了这个对话的上下文余量，其实我们还想知道我作为一个免费用户，或者是我作为一个 pro 用户， plus 会员，我还有多少总共的额度可以用，对吧？ 这个呢，有两个方式查看，一个呢是左边的设置，这里我们点开剩余额度，就能看到你五小时内还剩下多少，那本周内又还剩下多少， 甚至呢，也有什么时候到期会刷新的一个提示，这个产品的设计还是比 cloud 的 友好很多的。那另一种方式呢，就是我们可以直接在对话框里输入斜杠，然后找到这个状态， 那打开这个状态之后，它的绘画这里就会持续的显示我们的上下文余量，这个五小时和一周的限额。但再次说实话，这个 codex 的 额度还是非常大方的，二十到的额度我认为是可以满足大多数白领工作的高频使用的。 ok， 那 顺便呢，我们也介绍一下这里的模型选择， 那点开之后，我们可以选择速度，快速呢，就相当于加急通道，会消耗我们更多的额度。那这里呢可以选择其他模型，但是大家都选五点五，因为它确实更好用。然后呢，这里可以选择智能程度，其实呢一般中度智能就够了， 所以我们选高。 ok， 那 这个小麦克风呢，肯定就是语音输入功能了，比手打字还是要快很多的，但是呢，它的转录速度远不如大家去下载一个语音输入法，还是非常推荐大家用语音输入的 好。那现在我们通过一个本地文件处理的案例，也了解了 codex 上常用的一些功能。那 codex 的 第二大能力就是命令行工具使用。 其实刚才我们说到权限的时候就有提到，在默认权限下，它可以读写文件，但是却不能执行一些命令，一些联网的操作。那这些命令是什么意思呢？ 刚刚的案例其实也已经用到过了，比如说它把视频抽帧出来，还把几个视频拼接到一起，它用到的 ffmpeg 就是 命令行工具。 还有一些我们熟悉的命令，比如说我们在终端里面来克隆一个 gitup 仓库，或者是大家近期比较熟悉的，我们在命令行里面输入一些命令来下载龙虾和各种依赖。那 codex 的 第二大能力就是在我们授权的情况下，可以使用我们的终端来替我们做这些事。 那我们就来让 codex 帮我们来安装一些平时对于小白来说非常复杂的东西吧。第一类，常用依赖，比如说什么 node gs 啊， git 什么的， 也是大家以后使用各种 agent 或者是做其他项目必备的一些工具啊，那之前大家要装这依赖都得去看一个手把手教程，然后照着命令抄，挨个装。那现在我们就直接跟 codex 说帮我安装个 node js 给他发过去， 也是因为这些东西呢，其实都是比较常见的东西了，所以在我们的自动审核的权限模式下，你看他基本上都不问我们要提权，就熟门熟路的帮我们装好了。 那第二类，就是那些爆火的但是有上手门槛的一些新的 agent， 比如说龙虾，爱马仕，甚至还有这个 codex 的 竞品 cloud code， 我 们都可以让 codex 帮我们装完了呢，它还能教我们该怎么用。那我们装一个 hermes 吧， 我其实都不需要给它官网和仓库链接，我就说最近有一个叫 hermes 的 agent 很 火，你帮我安装一个吧。 哎，他就会自己去搜索，然后帮我们判断到底是哪一个。然后呢，他根据官方的文档帮我们陆续的装好了，还帮我们验证过已经装好了，你瞧瞧，那我们照着他说的来启动一下试试。 哎，真的帮我们装好了，那往后的配置我们就不在这里继续了，但是大家应该 get， 有 了 codex 以后，那些复杂的要收你五九九的部署，你都可以直接让 codex 帮你做了，怒省五九九。而且我们在使用的过程中遇到任何问题，还可以截图去问 codex， 什么瞎死了马挂了，升级出现了问题都可以让 codex 直接帮你修，是不是很方便？ 那第三类有点没那么必要，但它其实也可以，就是像 cursor integrity 这种软件应用， 平时都是我们去手动在网页上下载的，它也可以帮你下载和卸载。那大家用 codex， 我 其实也建议大家去下载一个 agent 的 ide 啊，因为现在 codex 有 个缺点是它没有办法打开我们的文件内容，直接去手动编辑。 虽然这个侧边栏呢，是可以看到一些文件结构和内容的，但是我们都没法编辑，所以大家可以让 codex 下载一个自己喜欢的，比如说我们就这样下载。那下好之后呢，我们再执行一个 git i n i t 一个初步化， 那右上角就会出现这个东西，随时可以把我们的项目在编辑器中打开，我们来手动编辑。 那第四类就比较重要了，就是 agent 本身会常用到的那些 skills 啊， mcp 啊和 selli。 那 skill 和 mcp 本身 codex 也是支持的，我们后面会详细讲到， 我先挑两个大家安装一下，方便我们后面综合起来来做案例。那这些 skill 和 c i 呢？通常来讲不像那些 get 那 种大项目那么著名，所以我们最好是找到它的具体仓库，或者是明确的官网地址。比如说我们下载一个专门找 skill 的 这个 find skill 哦，方式就是直接把链接拷贝给 codex， 然后跟他说帮我装一下这个 skill。 那 在他装的期间，我们也说一下 codex 的 另一大好处，并行任务处理， 我们完全可以在他做这个事情的时候再开一个对话，让他去下载一个别的。那我们下载一个飞书 c l i 吧。飞书 c l i 其实非常的典型， 因为现在呢，有一些积极 ai 化的软件，把几乎所有他在软件里能做的操作都做成了命令，让 agent 能够方便的去操作，我们把这个链接发过去，让他开始下载， 那这边呢，其实会显示每一个正在处理当中任务的情况，这个在转呢，就说明它正在执行中，那这个蓝色的点呢，就说明已经完成了，有时候还可能会出现一个需要你申请权限的一个标识。 ok， 那 这里 fan skill 呢？它是已经装好了，我们再看飞书 c l i 这边，它会引导我们去做一些授权， 我们就跟着它的引导去完成就好了。 ok， 那 装好飞书 c l i， 那 codex 就 能帮我们去做飞书里的各种操作了，比如说写文档，发消息，见日历，做表格什么的了，我几乎每天都在用， 好大功告成。我们就这么一个小章节，我们就用自然语言的方式让 codex 帮我们装上了 hermes node， 飞书 c l i 一 大堆东西，这就是 codex 作为 agent 的 第二大常用能力，命令行使用。 那这个能力和这个章节的演示也是希望大家能够 get 到一点，就是我们现在在电脑上想去做的很多很多事情，都可以让 codex 这样的桌面 agent 去做了。那 codex 的 第三大能力是持久记忆。 看过我那篇 cloud code 的 朋友应该都知道， c c 呢，有一个手动的持久记忆， cloud 点 md， 还有一个自动的记忆系统， 都是把我们希望 agent 能够长期记住的，比如规则、篇号和我们的信息之类的东西，以本地文件的方式存在我们的电脑上，然后事实的时候把这些记忆以上下文的方式注入到 agent 里去。那 codex 也是类似的，它也有这两套持久的记忆系统 在 codex 里面呢，手动的持久记忆文件叫做 agents 点 m d， 而且它也有一个自动的记忆机制，来我们打开设置，找到个性化， 那在这里的这个自定义指令实际上就是一个全局生效的 agent state md， 它会在我们任意的项目跟 codex 对 话的时候，它都第一时间作为上下文发给大模型，那我们可以手动地自己在这里写，不过我更喜欢呢，直接在对话中去跟 codex 说， 比如说我说一个，我希望你以后对非书文档里的任何修改都使用一个专属的你的文字颜色和用删除线的方式来修改，不要直接的修改。然后这个帮我寄到局的 a 正 c m d 里。 ok， 那 它这里呢，告诉我们已经写好了，我们再打开个性化这一块，就的确是多出来了这么一套规则，那实际在使用当中，它就会去遵循我们这个规则了。 比如说我这里已经有一篇非输文档了，我在侧面呢也评论了几个我想修改的地方，我直接可以把这个链接发给 codex， 我 让他根据我侧面的评论帮我修改一下。 那因为我们刚才确实已经装好了这个非输的 c r i 也都给他配置好了权限，所以 codex 是 直接可以操作我们的文档的。 ok， 看看它完成之后的效果。 果然他用了紫色的字和删除线的方式来帮我们做的文档修改，那这个呢，是局的 agent md， 适合记一些适用于所有任务的一些大原则，比如说我们的工作习惯，我们要说中文，我们的工作偏好修改文档，要留下这种修改痕迹等等等等。 那另一种呢，就是项目级的 agent md， 这个长期记忆呢，只在这个项目当中生效，我们可以选择一个项目的对话，然后打开编辑器， 自己在这里手动的创建一个 agent 的 md 的 文件，然后我们去写一些针对我们这个项目的一些规则， 当然也可以让 codex 来帮我们写。我个人的建议呢，是在这个项目文件里面有了一些内容之后，让 codex 根据他对我们项目的了解来自己帮我们写。那自动记忆怎么回事呢？ 其实我们刚才在这个个性化这个下面我们也看到了，我们需要手动打开这个自动记忆功能， 它的机制是我们打开这个功能之后， codex 会在我们结束对话或者是结束任务，这个对话闲置一段时间之后，它帮我们把那段对话总结成记忆，然后记在一个地方。但是它有几个原则，第一太短的对话它就不记了， 那第二这个对话的总结它一样会消耗我们的额度，所以当我们的额度太低的时候，它也就不记了。 并且这个自动记忆文件呢， open ai 官方是不建议我们去手动修改的，顶多我们可能删一删有些没必要的信息，那这个文件大概是长这样 的，是一个任务，一个任务在记录的，主要呢会写上这个记忆的来源是哪段对话呀？以及它的工作目录是什么，那以及以后触发了什么关键词的时候，它会去召回这段记忆， 再往下呢，是用户在这件事情上的偏好大概是什么样的？那第五段呢，是一些可附用的一些知识，一些踩坑的记录，那这些内容都是 codex 自己记录的，并且以后也是会它自动的招回去使用的，我们就先不修改它， 它这个格式确实也不太方便修改，更多的时候我们对于明确的规则和要求，我们还是通过组织 agent md 来实现。那大家学完这些视频之后呢，我也想给大家再做一期， 通过组织不同层级的这种 agency md 给自己做一个非常懂你的，可以做不同类型事情的超级助手的视频，感兴趣的朋友可以扣个一。 ok， 那 第四大能力就是 codex 可以 直接用到 image， 二来生成图片。不过呢，深图功能其实是一个小功能， 所以这一章节呢，我们不只会用它的图片生成，我们会带大家做一个完整的个人主页的开发项目，并且在了解一些 codex 在 小白开发中的一些用法和功能。那我们再来开一个项目，叫做个人主页， 然后我们点开这个加号，我们把计划模式打开，因为我们要做一个网站嘛，任务会复杂一点，所以打开这个计划模式呢，他会先帮我们列出一个详细的计划，我们确认之后他再开始行动。 计划模式呢，比较适合我们的任务有一定复杂性，或者我们自己还没想清楚，可以跟 ai 讨论出一个计划。那假设我们现在就是第二种情况，我们其实没想清楚，我们直接跟他说我想做一个个人主页， 那你看他看到我们的项目中是没有内容的，所以他以这种选择框的方式来询问我们的细节，这些选项呢，大家可以按照自己的要求去选择，那我就选这个个人品牌吧。 然后如果说这些选项中没有我们满意的呢？我们也可以选到最后一个来填写我们详细的要求，比如说我要他修饰感，也要高级感，然后我选针对合作伙伴，不要个人照 中英双语，巴拉巴拉巴拉。这里真的是问了我们相当多的问题啊，那最后呢，他给到我们出了一个详尽的计划，问我们是否实施此计划，那其实基本的计划我们看着没有什么问题，但我们也可以补充一些调整方案。 比如说我们刚才就要说到了要用它的 image 二的生成能力，我们这里没有体现，我们加一句网页上要多用一些图片，使用 image 二来生成一些高级感的图片，然后我们一起提交。 哎，那他又问我们要走哪种高级感呢？我们如果点开这个小叹号的话，还能看到他说的这个风格到底意味着什么意思，这个产品的小细节真的是我很喜欢，那我们就选他推荐的吧。然后他出了一版新的计划，我瞧着没什么问题， 去吧。 ok， 他 就开始初识化这个项目来逐步帮我们生成了。那这个过程呢，肯定会需要一定的时间，在这个期间我再给大家补充一点点知识点。呦，他的第一张图出来了，不错，挺有艺术感的，果然是最强的 emoji 二，那我要补充的这个知识点呢，叫做引导。 如果说大家在 codex 执行一个很长的任务的过程当中，你觉得他有点跑偏了，我们是可以随时给他补充纠偏的，比如说我们补充一下图片的人味要更强一点，而且不要这么冷的色调。我是一个 ai 博主，然后我们发送出去， 哎，大家会看到他没有立刻打断我们的任务，没有发出去，实际上他在这里排队呢。那我们看到右边的这个引导按钮，他写着我们不打断模型运行，会在下次调用工具后发送过去。这个是非常好的一个功能啊，我们点一下， 哎，他就可以发出去了。这个功能呢，可以让 codex 不 用在错误的道路上一路狂飙，把我们额度都花光，也不会让它重新再跑一轮任务。那另外一个小功能点，我们找到一个已经结束的任务， 我们看一下这个 ai 的 回复，每个 ai 回复的下面都有一个这个按钮，叫做分叉 fork， 这个的意思是我们可以随时从这里开始去开一个新对话，非常适合那种前面聊的还好好的，上下文也非常有价值，但是我们再往下聊，就聊的有点叉劈了的时候。哦，还有个小功能，宠物， 我们点开设置外观，然后这下面就有一小对小宠物可以选，甚至呢，我们还可以点击创建，让 codex 根据对我们的了解来生成一个定制化宠物。那我们先点击唤醒宠物， 哎，就会在桌面上有常驻这么一个小桌宠，脑袋上会冒出来 codex 正在做什么的一个提示，别的呢？好像也没什么用。 ok， 终于在他跑了七七四十九分钟之后，网页完成了， 我们来看看效果，因为 codex 呢，有一个内置的预览浏览器，我们可以直接打开右边的侧边栏啊，我们还给它放大一点。 嗯，这个网页的效果确实是不错啊，不过呢，现在的 a 证呢，其实都有这么一手了，那它这个预览浏览器呢，还有一个好处，我们点击右上方这里的一个批注按钮， 我们就可以在这个页面上选中这里的具体元素去写修改意见，包括重新生成图片，比如说我们要这个 logo 放大一点， 然后 p 住这里这张图加上一个人物，好把这个删掉， 那然后对话框里呢，就会加上我们这几条批注，然后我们点击发送，它就会针对我们的意见进行修改了，是不是挺方便的？那我们现在项目有了雏形之后，我们再 call back 一下刚才说的 agent md， 其实现在呢，就是一个让 codex 帮我们生成项目级 agent md 的 好时候了，因为我们也有了一定的内容，我们就让它自己生成一下，我们打开编辑器看看， 不错，项目的背景，各种信息，各种规则，各种文件路径都已经写好了。那以后呢，无论我们在新开对话，还是我们的聊天记录都已经被清空了， codex 都可以通过这个项目级的 a 证书 md， 立马的了解我们的项目基本情况。 ok， 那 我们先保持这样，先不做精修了，我们直接准备部署上线，当然大家自己做的时候完全可以去打磨的更好，那网页上的这些信息也换成更真实的信息就好。 那我们现在要部署呢，就得要说到 codex 的 第五大能力插件。在现在的 codex 当中，插件大多数是让我们的 agent 跟外部平台、外部工具、外部服务连接的一个作用，它实际上就是我们所说的 skill， mcp， c l i 这一类东西的一个完整集合包，比如说操作邮箱、操作日历、操作 excel 啥的。那我们来点开左边的这个插件栏，我们看这里呢，已经默认帮我们打开了好几个内置插件了，比如说浏览器操作，还有 mac 专有的屏幕操作，还有 excel 表格， ppt 等等。 那他的插件页面没有中文翻译，所以我给大家把这些插件的具体中文意思，分别能干什么也都列出来了，大家课后可以按需装上，点这个加号就好了。那我们先翻到这个 coding 板块，因为我们想要部署上线嘛，通过插件会非常方便。 其实呢，这个 vassel 和 netify 都可以，我们点一个加号给它装上，那如果大家给它没有选上的，也记得要选上。然后我们再回到对话当中，告诉他们，我们想用这个 netify 把这个网站给我们部署上去， 我们大家也不用管他咋部署的，反正他需要干什么呢，他都会告诉我们的。 ok， 他 发现我们没有登录授权，然后主动弹出了这个登录的链接，那这里呢，建议大家用 tapp 账号登录是最方便的， 那登录完之后，他自己就知道我们已经登录好了，然后继续的帮我们部署，这就搞定了。这个链接呢，就是我们最后的网站了， 只要把这个发出去，别人就能访问你的个人主页了。 ai 是 不是个好东西，你说就这么两下子就干了，原来普通人花钱都不一定能干成 o k。 先压抑住我的这个老灯感叹。我们回到刚才我们已经装好的插件， 那其实这里呢，还有两个非常重要的内置插件，就是 browser use 和 computer use， 还有这个 chrome 浏览器， 那这些有什么用呢？ browser use 顾名思义呢，就是 codex 可以 直接帮你操控浏览器，比如说它自己点击翻页截图，填写表单等等。通常呢适用于自动化测试前端， 当然也有比较无聊的用途，比如我们可以让 codex 打开这个 m b t i 做个测试试试， 嘿嘿，这样大家能够比较直观的看到它的一个效果吧。那这个鼠标呢，是它自己在移动，然后它是自己看了上面的答案在自己填写，然后填完这一页，它也会自动的翻页， 那随着它的一通操作，结果出来了，原来 gpt 五是 i n t j 啊，我说怎么跟我这么聊得来呢？ ok， 那 这个 chrome 的 插件呢，也是控制浏览器，但是它控制的是我们自己已登录的自己的浏览器，它不会再新开浏览器， 那我们如果把它给勾选上之后，它会引导我们去 chrome 里面装一个插件，那装好之后呢，它就可以操作我们自己的浏览器了， 而且它有个好处，它是可以直接在后台执行多个页面的浏览器操作的，就是并不会占用我们的整个浏览器，我们不用真等着看它这些操作，我们该用浏览器干，别的我们可以接着干。 ok， 那 computer use 就 更厉害了， 它不只能够操控浏览器，连你电脑上的这些 app 它都可以操作，只不过呢，暂时只有 mac 有 这个功能。比如说我们新开一个对话，我们在加号，这里来看最下面的这个插件选项，我们手动地把电脑插件选上， 我们再来几个没什么用的奇迹引巧吧，帮我放一首九九年最火的歌，然后用我的微信给 qq 发条微信，说，请收下我一个点赞、收藏、关注，懂了吧？ ok， 他 陷入了思考，然后他看到我们的应用都正在运行中，并且向我们使用了这个音乐软件。我们点同意看，这个就是 codex 自己干的啊。他帮我们搜索歌曲， ok， 音乐响起了， 但是他还有活，他还在问我们要微信的权限，我们也给他允许一下。 ok， 看他这个小鼠标，他正在犹豫着准备搜索点击，好朋友们失败了， 因为我上次都成功了，但是我估计现在微信已经开始严防这种 a 证的操作了，直接给我退出去了。 但是呢，他的确成功操作了这个音乐软件。其实我还让他操作了剪映，并且给我们的最新的项目加上了音乐。 那总之呢，意思大家都懂了吧，就是它可以操作浏览器，并且可以操作我们的电脑。当然，实际上我觉得它的操作效率目前来说还是稍微有点低的，我不太喜欢用这两个强大的功能。不过后面我要说的这个 skill 就是 我每天都会用的东西了。 那 skills 我 的确也已经跟大家说过很多次了，好学的朋友一定要去补补课。那 skill 本质上呢，是我们人为沉淀的一些可附用的方法、流程和工具的组合， 相当于给 agent 做某些具体任务的一些行动指南。那因为之前我们已经让这个 codex 帮我们装过一个叫做 find skill 的 一个原 skill 了， 所以后续如果大家想要去装，或者是找一些社区上的 skill， 都可以直接用 codex 拿语言直接让它下载。比如说我们下载一个必备的 ansapic， 那 个前端设计的 skill， 还有一个去 ai 位的，那我们这两个都发给他，等会儿都会刚好有用 欸，很快他就帮我们装好了。那以后大家想要下载 skill 呢？如果说遇到这个 find skill， 他 找不到的东西，也可以直接把链接发给 codex， 让他帮你下载就好了。不过我在 c c 那 期也说过，最好用的 skill 还是自己创建的，符合自己工作的专属 skill。 那 创建 skill 呢，也有两种方式，第一呢，就是直接告诉 codex 你 想要创建一个什么样的 skill， 通过跟他讨论打磨得出来一个 skill。 那另一种呢，就是我们接下来要演示的，先跑通流程，然后让它形成 skill， 这也是一种更推荐的做法。那比如说我们想做一个自动化写这类文章，并且帮它配图的 skill， 这种大家应该都看过吧， 那我们就得先通过一步步的引导 codex， 让它真正实现一个我们满意的文章。来我们新开一个对话。那正好呢，我们刚才不是装过这个 github 插件吗？我们可以直接先问它最新的 github 流行项目，热门项目都有哪些？ ok， 它的确帮我们找到了一些，那我们再让它清晰地解释一下这些项目都分别是干嘛的。嗯， 那我们再让他挑其中新星数量最多的，来帮我们写一篇本周 get up 热门项目推荐这样的一篇文章。 好，那他写好了这一篇之后，我觉得稍微有点太人机了，我希望可以更口语化一点，并且我只想要五个精选的，那我们就告诉他，然后还要覆盖到这几个层面，那我们这里就可以用到刚刚我们下载的那个去 ai word 的 那个 skill 了，我们斜杠给它调出来。 好，那看到他的结果稍微优化了一点，但是我们还希望加一个我们固定的开头，我们的结尾，并且还要让他用上 image 二来帮我们生成一些配图。最后呢，我还希望他不要是这个格式，他要是一篇非输文档的格式，然后图文并茂的。 ok， 结果来了，他确实是有了，但是呢，我觉得这个配图不够丰富，于是我又经过几轮调整才觉得差不多满意。并且我还给他最后加了一步，要让他把这个飞书文档发送到指定的群里，让大家都来看看。 那最终呢，他的效果是这样的，果然发出去了。其实啊，如果想更加一步到位的朋友，也可以结合刚才我们说的这个浏览器操控，让他直接打开那个发布页面，直接就帮你发布出去。 那总之，我们对他这一套结果满意了之后，我们就可以直接让他把这一整套的标准和动作做成一个 skill 搞定了。那我们再输入斜杠，再往下找，我们就发现就有了这个 skill， 我 们可以直接这样手动地调用这个 skill， 也可以直接说生成一篇热门项目推荐图文这一类的触发词，也会让 codex 自动调用。 不过因为现在 github 上面实时的热门项目肯定是没有更新的，所以我们再调用一次呢，它大概率会写出差不多的文章，所以我们就不试了。但是大家都理解了吧， skills 呢，可以把我们经过验证调好一次的一整套流程和方法给它固定下来。 下次做这件事情呢， codex 就 可以按照这个方式稳定的输出。 ok， 那 下一个能力则是 mcp。 其实 mcp 现在已经用的不太多了，所以我只简单的示范一下那 codex 的 mcp 藏在设置里面的 mcp 服务器。 只不过小白看这个肯定是有点不太知道怎么填的，所以跟我们之前说的一样，我们最好的方式还是把你想装的那个 skill 的 链接拷贝给 codex， 让他自己装就完了。比如说我们来装一个 notebook lm 的 一个 mcp 发给他， 他就会引导我们来做授权登录，登录完就搞定了。那我们再试一个我存了非常多访谈视频的一个笔记本，我们来问一下他。 欸，那这样呢， codex 也就可以直接获取我们 notebook lm 上面的这些外挂知识点了。 ok， 最后一个 codex 能力是自动化定时任务。 其实定时任务本身并不稀奇啊，比如什么每天早上提醒我吃药，提醒我喝水这一类的事情，普通的软件也能做，但是我们把它放到最后一个说呢，就是因为它可以结合我们之前学到的各种能力，把一整套组合起来的任务，让 agent 定点执行 自动化，加上智能化和定制化方显美妙。比如说刚才我们做的这个热门项目图文的这个 skill， 我 们就可以把它设成每三天或者是每周，让它定时定点的产出一篇 dapp 热门项目推荐发出来。 那我们要创建自动化任务呢，其实也分两种方式，第一种就是选到这边的自动化面板，那它这里呢，有一些官方的参考视例了，不过大多数是跟开发相关，那我们选择新建一个自动化， 其实你看要填写的东西也非常简单，其实就是用提示词写好这些自动化是要做什么，然后我们可以在这里选好什么时候出发，我们也是可以自定义一个出发时间的， 然后这边就可以选择执行的模型和思考强度，最后点击创建即可。不过呢，我也还是倾向于让大家用第二种更简单的方式，就是直接在对话里跟 codex 说，那我们直接跟他说 帮我创建一个自动化任务，每周一早上九点自动化执行热门项目推荐的这个 skill， 产出一篇图文发到群里， ok， 那 我们在看自动化这里，它就已经帮我们设好了这个任务，我们随时也可以去改变它的时间。 再比如当你的这个邮箱插件 github 飞书都已经连上了 codex， 那 么你也可以让他每天下午六点帮我汇总日历上完成的会议， github 上面的提交记录和我的邮箱回复记录，生成一份全面的工作日报。 最后手机操控 codex 设置方法非常简单，手机上的 check gpt 和电脑上的 codex 都把它更新到最新版。之后打开手机上的 check gpt， 然后点击侧边栏的那个 codex， 它就会提示你允许这台手机控制你的电脑，直接就搞定了。如果你有多台电脑的话，也可以给它分别连上。这就等于你不管在大街上、地铁上还是朋友聚会，都可以随时随地地用手机下发一个任务，让 codex 在 你的电脑上干完一个活， 它就更像一个可以跟你远程协助的同事了。这个功能呢，目前免费版也可以用，但是主要能连的是 mac 系统的 codex。 好， 那到这里 codex 的 所有核心能力我们就全部过完了。来我们回顾一下。 codex 呢，可以操作我们的本地文件，可以使用我们电脑上的终端命令行工具。它还有两种构建持久记忆的方式，它还可以生成图片，而且它可以通过计划模式来做一个完整的项目开发。 那它有丰富的插件，可以操控浏览器和电脑，还可以把知识和流程沉淀成可附用的 skill 技能， 它可以使用 m c p 连接，外部它还可以设置自动化的定时任务。不过其实比起这些功能本身，我也希望大家记住两件事，第一就是我们真的有很多事情是已经可以交给 agent 做了。 那第二呢，就是我们已经从问 ai 的 阶段走向了管理 ai 的 阶段，因为过去我们使用 chat gpt 就是 有问题了，我们问一下，然后得到答案我们就走了。 那现在使用 codex 这类的 agent 呢？每个人都得像领导一样，帮他准备他所需要的上下文和工作环境，给他指明一些任务目标，然后来检查他的计划，监督他的过程，验收他的结果。 那同时领导还要负责把好的方法和流程沉淀成可付用的技能，把反复要做的事情设成自动化执行的规矩。好了，恭喜大家今天都升职了，记得点赞收藏关注我们下次见了。
49.0万秋芝2046
14:53查看AI文稿AI文稿来看一下秋之 codex 的 一个教程，那首先来看这 codex 和 cloud code 的 一个区别，本质的话都是一个编程的 agent 转为一个通用的 agent， 一个的话是 anthonpy 公司，一个是 open ai 公司开的模型，那个支持 codex 的 话，请用这个 open ai 的 一个 gpt cloud code， 它可以替换任意的模型，你可以接入 deepsea， 对 吧？ 接入一些其他的 kimi 啊，什么国产的一些大模型，易用性的话， codex 更友好，适合零基础的一个白领。 cloud code 它自由度更高，偏专业的一个开发者。 功能上来讲呢， codex 它强化了这个浏览器操作，它可以用，对吧？浏览器操作以及 computer use 内置 image 二，它这个深图的以及新增手机端加 hook， 手机端的话，它就是用手机就可以去操作。 cloud code 呢，功能更全。像这个 skill m c p 斜杠命令， hook 更新较慢。 skill m c p 它通用的接口一样的斜杠，用斜杠命令也可以操作斜杠命令，就像那个编程去写那个斜杠命令嘛， hook 更新较慢， 那这个 hook 的 话就相当于是钩子 hook 的 话，它其实就是一个自动地去调用的一些命令， 它就是相当于说呃有一些自动开呃自动触发的一个条件，自动触发的条件更新较慢。价格维度， codex 二十刀的会员的话，对于就白领重度水温的话都是够用了，不分号。而 cloud code 的 话是按这个 api 的 一个调用计费， a 这个 a p i 的 话，它就是去调用，调用这个什么，就调用这个 deepsea 它的一个这个接口去起用这个所呃用的这个额度， 但是我们自己在 deepsea 里面的话，它是就没有 api， 那 我们这个因为你就 cloud code， 它要用别人的模型，这个的话就要去计费了。适用的场景， codex 的 话，它可以用在日常那个办公解决问题， cloud code 的 写作规划，那编程的话，两者都可以给它结合在一起用是最好的。 然后 codex codex 的 安装与基础设置，首先要准备这个 chat gpt 的 一个账户，用免费或者是付费都可以的，它付费的话它就额度更高一点嘛。安装的话就是官网下载安装登录账号初使用的一个设置， 就选择一些日常的工作，选择你的一个什么身份呢？比如说你是学生，是白领，然后你是设计工作什么的。界面来说的话，它是左侧是对话任务管理，中间是进行聊天，右侧的话是输出结果，是非常简洁的一个界面，左侧的话是一个 任务管理对话，中间聊天，右侧就进行结结果，右侧的话就输出这个结果。核心的能力， codex 核心的能力，它与这个 cloud code 与其他的它特别 不一样的一点呢，它是本地的一个文件操作，本地文件操作项目关联，直接去绑定，绑定本地的文件夹，自动去读写，呃，增增删移动文件，不限数量。就比如说 cloud code 的 话，可能你想要让它处理一些文件的话，你就得 呃把这个文件给它上传到云端什么之类的，但是它这个本地的话，你只要去这个文件夹的一个路径给它写上去，那它能自动去读写增删移动文件，就比如说就是你有，有就是几百个，呃， 照片的一个素材，它不限数量嘛？照片的素，视频的素材，但是没有改名字，没有改名字怎么办呢？你可以这样子，需要这个 cloud code 去识别， 识别这个视频里面的内容，给它起一个合适的名字。那 cloud code 的 话它会自动运行去抽帧，就就是这个视频里面去抽几帧，去识别它的核心的内容。比如说雪地上的狐狸这样，然后它就可能给它一个序号，雪地狐狸， 对吧对吧？然后地点，然后在这个对象是什么？嗯，就这样子能够把几百个几百个这个视频它的一个名称都给它修改了。权限模式，就权限模式的话就是你给这个 codex 它的一个权限， 嗯，修改的一个权限默认的话是在文件夹内操作外外需的话就是齐全 自动审查，就 ai 自己去判断。自动审查，自动判断是推荐新新手完全反问全全全部的权限，就是说可能他把你一些东西都改了，删除了，慎用上下文的管理，自动手动压缩或者是斜杠去 给他进行压缩。上下文管理为啥呢？因为上下文的话他就是一个提示词的上下文，他会可能会给你消耗比较多的一个额度， 所以你给它进行压缩，当它就是已经处理到比较下面的任务的时候，可以把它的上下文给它压缩一下。 查看额度的话在设置设置栏里面去看这个状态，能够查看额度案例的话，就是视频的素材批量进行重命名，以及视视频的剪辑合并，都可以用这个 codex。 命令行工具，使用命令行工具的话就像是我们 嗯，电脑就嗯给他就 command， 给他呼起一个，对吧？嗯，比如说让他关机，那你写你就可以 就就是可以就通过通过输入那个文字让它关机，而不是用鼠标的一个操作，这个叫做命令行工具安装。可这个命令行工具可以怎么用呢？首先就是比如说可以安装这个 nod， js、 git 等基础的一个工具部署 agent， 像这个 hermes cloud code， 你可以直接在对话框里面跟他说帮我部署这个 hermes cloud code 等软件的一个管理是什么？像这个 cursor， 然后飞书 cleet， 它这也是命令行工具等的，就给他用安装技能工具。技能工具，你比如说我要去找一些 skill， 也可以让他自己去找飞书 c， 就是 飞书的命令行工具给它安装进来。并行任务是它的一个特特点， 就是多个对话同时执行不同的任务。你可以因为像豆包啊，像 deepsea， 它们都好像就就只能是当前的一个任务，给它回答完了之后它再去做别的，对不对？但它这个完全是可以并行的，就是多任务同时去 执行不同的一个任务。比如说我这视频素材批量重命名和视频剪辑合并的话，两个，或者是说你你另外一个，你去找一个合适的一些图片，合适的一些字体，对吧？ 这两个任务是完全不耽误的，可以并行。而且这个理论上的话就是看你电脑的性能，它可以并行特别多的一个任务。 持久的记忆，手动记忆就是 agent md 的 话，全区性、项目性的手动记忆。 agent md 它就什么叫记忆呢？就是一些规则嘛，就是一些规则指令，像全区的话，在设置 设置里面个性化自定义指令，全职生效，它就是对于所有的工作它都就是，比如说你自字体是多少或什么样子的，是吧？它是全职生效的，像项目级就是指对这个项目生效的一些规则的一个记忆，你可以在项目里面手动地去创建 ai， 或 是说 ai 生成。 ai 怎么生成呢？你可以就比如说这个项目进行到一半啊，进行到一定阶段的时候，你可以让这个 ai 去生成一些， 就就是这个全呃，就项目的一些指令。自动记忆，自动记忆开启后对话闲置、自动总结、储存消耗额度，它是不建议手动改。什么叫自动记忆呢？它就是相当于 ai 的 一个自动记忆的功能嘛，就你的一个工作风格，你的一个 偏好什么之类的，有各种各种维度的，那它的话， ai 的 话它会自己进行总结，总结一些规则，然后可以有一些附用的经验的话，就是下一次的话它就会用。还有是 往下看呢，它是一个持久记忆。就图片生成与项目开发内置了 image two， 你 可以用一些就是提示词去生成这个高级感的一个图片， 而且可以不断的去调整自己的一些提示词，什么之类的。计划模式可以去做一个网页 复杂的任务，先列计划，再执行计划模式，他有点像是那个开发的模式案例的话，就比如说个人主页的一个开发，深层修改、预览部署是怎么生成呢？他个人主页的一个开发，你首先跟他说自己的这个 想法，那他的话会给你列出计划的一步一步，而且在每一步上面，他比如说你这高级感的一个图片的话，他会让你去选择某些风格的， 就一步一步去选择，他会给你三四个选择，那所以深层修改，而且右边的话，他可以预览整个个人主页的开发的一个效果， 最后部署的话可以就发布出去使用的功能呢？任务引导纠篇任务引导纠篇是什么意思？就是说你在完成这个任务的时候，你纠篇，你觉得啊，他这个说的不太对了， 你跟他说的话，他其实不会打断这个任务，只会在下一次的时候进行一个调整，这样的话就不会浪费很多的这个额度，嗯，而且也不会让他跑偏。对话分叉 fork， 他 是在就是整个 整个，呃，就是任务结束之后它会有一个 fork， 是 在这个右下角，右下角 fork 的 话，你会觉得它这是不是有点跑偏了你，你会想着说怎么给它纠正这个 fork， 这里面的话可以进行一些小调整。桌面宠物的话是 一个有意思的一个，就是小宠物在这边插件与操控常用的一个插件，它其实常用的一些插件的话，它就是一个 skill 啊， m c p， 然后包括 c c， 呃， c l i 的 这种 类似的一个集合就插件，它就是会实现一些功能浏览器的一个操作， get up， 然后表格 ppt net nullify however vocal 的 这个部署 browse use 的 话，它是浏览器的一个操作，怎么浏览器操作呢？它能够操控浏览器进行点击方页，然后表单自动化，就比如说你可以让它去做一个呃 m b t i 的 一个测试，或者说基于你的一个性格 去去帮你，帮你测试，它能够自己去选择，然后得出一个答案。 chrome 插件的话可以操控已经登录的浏览器，而且后台是它是在后台，后台多任务操作的，就根本不影响你，你自己去去做这个浏览器 的一个，对吧？你自己还要用这台电脑去浏览其他的页面，完全是 ok 的。 computer use 就 操控电脑的 app， 就 仅 mac， 比如说音乐微信剪映，比如说让它去打开一个音乐软件，把这个音乐发给微信，是吧？或者说就把这个音乐加到这个剪映里面，这个它可以操控这个电脑的 app， 仅在 mac 上是可以实现的。 skills 技能定义 skills， 比如 find skills， 自定义一些 skills 创建的话就是整个流程，流程跑通之后，你可以把这个整个流程怎么样，沉淀下来就附用，沉淀下来附用就直接指令，你就说，哎，就按照这个项目流程去创建这次的这个 skills 案例的话，比如说我想要去做这个 写一篇图文推荐的图文，就 get up 上面的一个热门项目的推荐图文，就在我就是不断地去给它调试后觉得这个结果是满意的，那就把上面的这个流程方法生成这个 skill 下一次， 对吧？ ugetup 上面的热门项目就大概每周的话它都会更新，那它就是你每周可以做这个 skills。 m c p 连接 m c p 的 话有点像是 u 盘插口，插口去去把外部的一个数据连接外部的一个知识库服务去安装， 可以就是自己去做，也或者是说你直接让这个 ai 自动授权安装案例的话，比如说 notebook l m 的 一个知识库的连接，知识库连接之后你就可以直接去提问这个知识库里面的一个东西，调用知识库里面的一些 呃，就比如说它这里面存的一些呃反弹啊之类的。自动化定时任务创建的方法，可以在自动化面板上面创建，也可以直接跟这个对话，让它创建案例的话，比如说每周都给我 呃生成 get github 的 一个推荐图文，因为我们这个 skills 不是 已经沉淀下来了吗？然后现在的话就给它定时每周生成，那我们都根本不用去记这个事了，它就是它定它到，比如说周一或者什么时候它就会生成，或者说每日的工作日报的一个汇总， 它也能够给它定时生成，这就自动化的，自动化的那就怎么样子不用人为的去给它介入了。手机端的一个操控，前提的话就是这个手机要下载这个 check gpt， 然后电脑的 codex 更新到最新版本，操作的话就是手机端侧边栏的 codex 授权去连接电脑。 功能是什么样子的？手机端操控就是你远程你就电脑，对吧？你就开着那远程去下发任务，控制电脑干活， 直接能够控给他一个指令，他就能够控制电脑干活，免费版可用，支持 mac。 总结的话就是说这个 codex 的 核心能力是文件操控，而且是本地的一个文件操作命令行操作。持久的一个记忆，持久的记忆一些规则深图的开发 插件的操控 skills skills， 然后 m c p 的 话连接外部的一个知识和数据库自动化，可以自动化定时任务。核心的认知呢？我们现在已经从 问 ai 要一些答案，先到管理 ai 准备一些上下文的一个环境，制定目标，检验成果，去沉淀这个流程，去转变核心的认知。就是我们现在已经到了，就说从问 ai 要一些答案，到就是管理 ai 准备上下文，定目标，验 结果，然后沉淀这个，呃，流程，就让它这个整个流程的话给它自动化 sop 是 吧？
85一颗提提
01:14查看AI文稿AI文稿用 cpa 管理任意 openai 兼容的非 gpt 模型，再让 codex 加加接入三步搞定。第一步，新建 openai 兼容供应商服务地址，填目标模型的 v 一 一地址密钥，放进 api 密钥条目， 从端点拉取模型，勾选需要的模型，加入自定义列表后保存， c p a 会统一转发。第二步，打开 codex 加加管理工具，在供应商配置里添加 c p a base url 指向本地 c p a t， 使用刚才的密钥， 也可以在配置面板里统一管理认证 t。 后面换模型不用改散落的文件。 第三步，保则后，点击重启 codex 加加，重启完成， codex 就 会读取新的供应商配置。回到 codex 模型列表会出现你在 c p a。 中配置的非 g p t 模型，插件页里的 remotion 和 hyperframes 也能直接用。 最终 c p a 管模型和密钥， codex 加加把能力接入 codex 以后换模型只改 c p a。
78代码燃脂日记
02:02查看AI文稿AI文稿这胡彦斌身上都发布了自己的第一个 app， 那 你觉得既有才华又有能力还努力上进的你到现在都没有学过 codex， 这说出来合理吗？ 所以呢，我的计划是推出一个系列视频。这个系列视频呢，主要就讲一下 codex 的 一个最基本的省逻辑，每个视频不长，我尽量压缩在四分钟以下。 这样呢，我尽可能呢每一天或者隔一天来去录这么一个视频。那如果时面前的你之前没有用过像 codex 这种的 ai agent 的 工具，那我希望你可以停下脚步来 看一看，或者学习学习。我不能保证说你看完我的所有关于 codex 视频之后，能够很快的去做一个小程序，或者说做一个 app 发布出来。但我能肯定的是，无论是学生还是从业者都能够在使用 codex 的 过程中获得一定的收益。 ok， 咱们来开始啊。 这期视频很简单，就是讲一下 windows 下如何去安装 codex， 以及怎么能通过不用账号来进到 codex 这个主程序里面去。首先打开 microsoft store 去搜索 codex， 搜索之后呢，你直接按照它的向导安装就可以了。安装好之后打开 codex， 你 会看到它有这么几个提示，一个是使用叉 g p t 积蓄，还一个是使用其他方式登录以及最后的注册。在你没有叉 g p t 账号的情况下，你可以直接点击使用其他方式登录，点击后呢， 就会跳到这个界面，它让你填 openai 的 a p m 密钥，你不用关心它是什么，你只要随意填一个值点继续就可以了。你可以看到这样我们可以在没有 codex 账号的情况下进到 codex 这个主程序里面，当然现在你还不能够跟它对话， 那咱们下期视频就会讲怎么配合 c c switch 来去让你完成第一次和大模型的交互聊天。 ok， 那 这期视频就是这样，如果你之前没有使用过 codex， 那我现在留一个作业，就是把你安装好 codex 的 截图放在评论区里，咱们来相互检查。这是刘同学，如果喜欢我的视频，记得点个双关注，下期再见。
1858野生刘同学
02:13查看AI文稿AI文稿这是用客户在接上 dixit 用插件跑出来的 ppt 动画，还能调用 cpu 在 use 直接操作我的电脑。更炸裂的是手机远程操作还能给我发文件，重点是不用再心疼 tok 了。前两期视频很多人反馈，接上国产模型之后，插件用不了， computer use 也跑不起来。 上期我把这条链路和远程连接的方案补上。 c c switch 负责接入模型和远程操作，扣带夹夹负责开启插件能力，接下来直接进操作。已经装过 c c switch 的 朋友也要留意一下，要先把之前的配置清理干净，不然配置会有冲突。先删除所有的配置，重新添加一下这个 open air 的 方案， 启动一下，让它还原成默认的状态，然后重新走一下添加模型的流程。打开 cc switch， 切到 code 这一栏，点击右上角的加号，找到 d c， 选好之后默认的信息都会帮你填好，只需要填上你的 a p i 信息就可以。再检查一下这两项有没有打开有 保存配置。回到首页，把左上角这个开关打开，如果发现没有的，可以点击设置，然后选择这里，再把这三个都勾上就可以了。重启下 c c switch 和 code， 进来之后一般都是 api 模式模型，这里可能是空白的。别急，这个是 bug， 但 不影响正常使用，调用的还是 d c 的 模型，等你登录之后就可以正常的去选择模型了。到了这一步， c c switch 已经是搞定了， 其他的模型也是这一个流程，这时候你会发现插件点进去之后里面是空白的，或者只显示几个。别慌，先把 codex 关掉，然后打开 codex 加加，注意不是打开原来的 codex， 来到插件这里，点击这里再选择一下就行了。到了这一步，插件就能接上了。手机远程连接的开启流程也非常简单， 用手机打开 gbt 的 app， 记得先更新一下版本，点击左上角这个，选择扣带，然后登录验证就好。连接好之后就能同步到扣带桌面端的绘画记录了， 同样也是可以切换模型和调用插件的，这样子既能够远程操作，又能使用插件了。这里有几个坑是需要注意一下的，我目前只测试了部分的插件，可能不是所有的插件都能兼容。 其次，远程操作是需要登录账号的。还有之前做的视频收到了不少的反馈，例如聊天记录不见了，每次都要重连五次才能开始跑，各种五零二、五零三的报错我也进行了整理，今天就到这了，我是木马陪你潜完 a 的 赛博达子，咱们下期见，拜拜！
903木马_MUMAI
01:25查看AI文稿AI文稿别一上来就对 codex 说，帮我做个小程序，这样十有八九会坐散。正确做法是把 codex 当工程负责人，不是许愿池。 第一步，先定一个极小 mvp， 比如只做一个预约小程序，列表页、详情页、提交页我的记录。别让 codex 同时做支付会员后台和数据分析。 第二步，给 codex 一个需求包，目标用户页面路径、数据字段、接口，约定 ui 风格，不能做什么，以及完成标准，让它先输出任务清单和目录结构。 第三部分，三轮开发，第一轮搭页面骨架，第二轮接状态和接口，第三轮补空态、异常态和表单校验。每轮都要编辑一次，报错直接丢回给 codex。 上线前别急着点上传。让 codex 做四件事，检查 app jsn 和页面路径，整理自测清单、 review diff， 别出接口域名、权限弹窗和隐私说明。 甄姬流程是这样，微信开发者工具，先预览手机扫码测试，再上传开发版本，设置体验版给别人测，确认没问题，再到公众平台提交审核，通过后再发布。 最容易翻车的点，记住四个 app id 别错。 app secret， 别进前端接口域名要提前配置，没做完的页面别提交审核。想要这套 codex 小 程序，提示词，评论区打小程序。
103双喜日记
09:52查看AI文稿AI文稿嗨，大家好，我是小陈，前面已经教大家使用 colode code 接入了 deepsafe， 这一期的话教大家 codex 接入 deepsafe， 其实 codex 和 code 差 colode code 的 接入方法差不太多，只不过要比它多一个 c c x。 第一步的话，呃，首先还是下载这个 note g s 主播是以 macbook m r pro 为例出的一期教学视频，然后第二个的话，两个都是差不太多的， 就是 windows 和 macbook 都是差不多的，然后第二个的话就安装那个 codex 的 一个本质就是他的桌面版，然后第三步我们直接从第三步来，我是苹果的，我就下载这个。好，下载完成以后给他弄到桌面上， 然后双击解压它，然后解压完成以后把这个东西丢掉，然后再回来，我看我们的教程。好，解压完成以后点击 mac， 然后这里可以看得到，看得到我们的一个。嗯， 首先是这个 e n v 的 这个 e n v 的 这个东西，这里 这个的密钥的话是等一下我们启动服务以后的一个访问密码，然后我们这里我们按照教程来，先是运用这个指令直接去点双击，它是打不开那个文件的，我们要用终端切换到桌面的这个文件夹，然后给他权限， 给他权限以后，然后再给他加上这个这个东西这个指令，然后再给他启动服务， 等一下我们可以先不着急启动服务，我们可以看一下这个，呃，这个文件夹啊，是，是不是有一个 e n v？ 好 的，我们看有个 e n v 对 不对？然后这里是密奥，现在是一二三四五六，对不对？我们可以把它改成六个六， 然后把它保存一下，然后在这边的话我们再启动服务。 好，可以看到我们的服务已经启动了，然后把这个管理地址复制一下，随便用哪个浏览器都可以打开。好的，这里要输入密钥，刚刚是一五个六。呃，六个六吗？一二三四五六。好的，看一下，没问题，访问。 ok， 没问题。 然后这里弄好以后，大家可以把这个切换为简体中文，然后现在的话我们要添加渠道，我们是 dbc 的 话，我们首先找到我们的呃， dbc 的 一个开放平台，然后 我们先创建一个 apikey， 随便打，随便打，创建一个，然后复制过来，复制过来以后，然后添加一个渠道，然后第一行添加这个东西，然后第二行我们找到这个接口文档，然后把这个东西复制过去， 然后复制过去以后，然后这里有个详细配置啊，我们点击详细配置，然后复制类型，选择 open ai 的 卡槽，然后滑滑滑，滑到最后面，把这个呃规范化给它打开，然后创建渠道。 ok， 这边创建好了，对不对？然后 配置配置已经好了，然后我们找到那个 cc switch， 我 们把 cc switch 打开。 好的，然后这个是我前面配置的，现在我把它把它删掉，教大家重新配置一下， 点击添加。在哪里呢？找到中间这个就是 open ai， 第一个是圆了我们的可可扣的，第二个的话就是我们的 open ai， 就是 这个 codex， 然后点击加号自定义的，然后 名字可以随便写，你又可以写 delete， 然后呃链接不要，然后 这里的密钥的话，就是刚刚那个六个六，一二三四五六六个六。好，然后 api 的 请求地址， api 请求地址在这里啊， api 请求地址， ok， 大家不要把这个窗户关了，关掉了，关掉以后那这边就就连连不上了，就是 codex 就 不能正常访问了。 我那个教程里面有让他就是一直在线的，就是后面这里不想每次都挂着终端，让 c c x 后台静默，这里有方法的大家可以尝试一下。 好的，我们来获取一下，先获取模型，可以看到已经获取到两个了，这刚好是 v 四 pro 和那个，然后我们点击添加。 好的，然后我们把这个 dbc 可进行使用。使用以后怎么验证呢？打开我们的 codex， 这个是前面的，我们现在看一下能不能连通了，我发个你好过去。 好了，这里是有问题的，我们把它先退出去，重新启动一下， 我们重新打开我们的 codex， 等一下， 等待它打开， 把它打开了，然后这边我们来测试一下有没有连接上。发个你好过去把这个先删掉 哦，可以看到是有问题的，那我们来看一下是哪里配置有问题，这边是可以的，运行中没有问题 哦。大家知道是为什么吗？是我们点的时候，我们点到后，点到，点到其他地方去了，点的可能是第一个可的扣子的，然后我们又把它这里给他删除一下， 我们找的是这个 codex， 配置也是一样的，把这边的复制过来，我们去第一个格子扣的，大家到时候配置的时候一定要看清楚， 复制一下， 然后找到这个 codex， 然后粘贴过来，然后这边的 这边也复制一下，把它粘贴过来。好的，然后在配置这里，然后我们找到 open ai， 然后往下滑，找到这个规范画非常键。 ok， 创建一下。创建完以后，然后我们再来看一下， 再来发个。你好，看一下， 可以看下终端。 可以了，这边应该是没有问题的。好的，已经来了，我们这可以干嘛呢？打开浏览器，搜索 codex 的 相关内容， 尝试一下，看它能不能打开。 然后我们点击 yes， 他打开的是谷歌的呀。那我们可以跟他说一下，你可以说让他打开 e d g 的 浏览器进行搜 索回车。 ok， 那 这边他就是打开的 e d g 的。
209小臣
01:31查看AI文稿AI文稿如果你让 ai 读一个大型代码仓库，最费的其实不是理解，而是先到处翻文件。这个 code graph 做的就是把代码先建成一张知识图谱，让 cloud code、 cursor code x、 clean、 open code、 hermes agent 这些工具直接去查图谱，而不是一层层 grab find read 乱翻。它能一次给出入口相关符号、代码片段，还能查调用关系和影响范围，适合小白理解这个功能到底在哪儿，怎么串起来的。 原材料里给出的实测结果也比较明确，在七个真实开源仓库里，平均省了百分之三十五成本，百分之五十七令牌，百分之四十六时间，百分之七十一工具调用它还是本地运行数据不离开电脑，不用 api 密钥，只用 sq lite。 数据库 安装也很直接， windows 和 macos、 linux 都有一键方式，装好后再初步项目就能自动同步锁影。简单说，它解决的就是大仓库里问 ai 老是翻半天还翻不准的问题。 尤其适合想让 ai 更快找到代码脉络的人，可以先收藏，后面遇到项目排查功能梳理改代码前看影响范围时再拿出来试。 如果您需要直接下载此项目，可到主页资源去获取，方式中直接搜索项目名称，可以下载打包好的文件，感谢您的收看。如果你的网络环境无法使用 github， 可以 尝试使用 github 大 陆中转站九幺 git， 无需网络环境配置，只需要输入项目名称，就可以帮你打包好源码和 a p p。 大 陆用户可以直接下载使用。关注我，带你发现更多免费优质项目！
