Skip to content

如何在 2 分钟内更换 Codex 背景

2026/07/24

有没有过这样的经历:Codex 和 ChatGPT 桌面版的深色侧栏长得太像,一不留神就把内容贴进了错误的窗口?GitHub 上一位 Codex 用户描述的正是这个问题(issue #21841)。另一个帖子里,用户抱怨官方自带主题选项太少,希望能有更多选择(issue #11073)。daily.dev 社区里也有人直接说出了那个缺失的功能:让我把自己的图片放在工作区背后。

好消息是:更换 Codex 背景只需要大约两分钟。本教程会一步步带你完成——先用免费预设,再用自己的自定义图片——用到的工具是 GptSkin:一个开源 Codex Skill 加配套网站,专为这件事而生。

Codex 原生能做什么

自 2026 年 3 月起,Codex 桌面应用内置了外观设置:打开 Settings → Appearance 即可调整颜色和字体(见 Codex 官方文档)。如果你只是想换个配色或字体,用原生设置就够了,几秒钟搞定。

但原生设置做不到图片背景——不能放照片、不能放插画、不能用你自己的任何图片文件。想要真正的图片背景,继续往下看。

开始前准备

确认你具备:

  • macOS 或 Windows 上的 Codex 桌面应用。注意:本教程不适用于 Codex CLI 或 VS Code 扩展——GptSkin 只给桌面应用换主题。
  • Node.js 20 或更高版本。用这个命令验证:
node -v
  • 使用 6 个免费预设不需要任何其他东西:不用注册、不用账号。

第一步:安装 GptSkin Skill(约 1 分钟)

最快的方式只有一句话。打开 Codex,对它说:

Install this skill and give Codex a new look: https://github.com/WendongAI/gptskin-skill

Codex 会自动下载这个开源 Skill 并完成配置。

更想手动安装?三条命令即可:

git clone https://github.com/WendongAI/gptskin-skill.git ~/.codex/skills/gptskin-theme
cd ~/.codex/skills/gptskin-theme
npm install

然后重启 Codex,让它识别新装的 Skill。macOS 和 Windows 的步骤相同。如果这一步遇到问题,安装指南有完整细节。

第二步:应用免费预设主题(约 30 秒)

6 个预设主题对所有人免费,无需账号。选一个,然后直接告诉 Codex:

Apply the dark-void preset theme

或者自己运行 Skill 的脚本:

node ~/.codex/skills/gptskin-theme/scripts/apply-theme.mjs --preset dark-void

Skill 会把主题应用到正在运行的 Codex 界面。6 个预设如下——把上面命令里的名字换掉即可试用其他预设,点击名字可以预览效果:

不喜欢?换一个预设,或者跳到下文恢复默认外观。

第三步:用自己的图片做背景(付费)

这才是真正个性化的部分:几乎任何图片都能变成你的 Codex 背景。自定义图片主题是付费功能——每制作一个新图片主题消耗 20 Credits——重复应用已制作好的主题免费。

  1. 注册 gptskin.best。新账号即赠送 Credits(30 天有效)。
  2. 在浏览器中授权 Codex
node ~/.codex/skills/gptskin-theme/scripts/apply-theme.mjs --login

Skill 会打开 gptskin.best 的安全确认页。登录并批准当前设备后回到 Codex 即可,全程无需复制或粘贴 API Key。

  1. 用图片制作并应用主题
node ~/.codex/skills/gptskin-theme/scripts/apply-theme.mjs --image /absolute/path/theme.png "Theme Name"

图片要求:JPEG、PNG 或 WebP,最大 4 MiB。手头没有合适的图?可以先让 Codex imagegen 在本地生成一张,再把文件交给同一个 --image 流程——Skill 对两种来源一视同仁。花 Credits 之前想找找灵感?去案例展示看看别人做好的主题效果。

如何恢复默认主题

改主意了?告诉 Codex:

Restore the default Codex theme

所有注入都会被移除,Codex 回到原生外观。整个系统的设计目标就是一条命令完全可逆,所以你可以放心折腾。

排障

问题解决办法
Codex 应用更新后主题失效先恢复默认主题,然后运行 git -C ~/.codex/skills/gptskin-theme pull 更新 Skill,再重新应用主题
node: command not found安装 Node.js 20 或更高版本(macOS 和 Windows 均需安装),然后重跑命令
授权过期或已被撤销重新运行 --login,并在浏览器中批准当前设备

第一行是最常见的情况:Codex 应用更新可能让已应用的主题失效。更新 Skill 并重新应用,一分钟内就能恢复。

安全吗?

问得好——毕竟你在让一个第三方工具碰自己的编程环境。以下是 GptSkin 做与不做的完整清单:

  • 不修改官方应用。 从不触碰安装包、app.asar 或代码签名。
  • 不碰你的凭据。 从不触碰你的 Codex API Key 或 Base URL。
  • 仅回环连接。 主题通过仅绑定回环地址(127.0.0.1)的 Chrome DevTools Protocol (CDP) 启动参数应用——从不向网络暴露。
  • 不读你的对话。 Skill 从不读取你的 Codex 对话内容。
  • 完全开源。 每一行代码都可在 github.com/WendongAI/gptskin-skill 审计。
  • 完全可逆。 一条命令移除全部更改。

完整的安全模型见安全文档。另外明确声明:GptSkin 是独立产品,与 OpenAI 没有任何隶属、背书或官方合作关系。「ChatGPT」和「Codex」是 OpenAI 的商标,此处仅用于描述兼容性。

常见问题

GptSkin 支持 Codex CLI 或 VS Code 扩展吗?

不支持。GptSkin 只支持 macOS 和 Windows 上的 Codex 桌面应用,Codex CLI 和 VS Code 扩展均不在支持范围内。

更换 Codex 背景收费吗?

6 个预设主题完全免费——所有人可用,无需账号。自定义图片主题是付费功能:每个新主题 20 Credits,重复应用已保存的主题免费。新账号注册即赠送 Credits(30 天有效)。

GptSkin 会修改或搞坏我的 Codex 安装吗?

不会。GptSkin 从不修改 app.asar、代码签名或你的 API Key,所有更改都可以用一条命令(Restore the default Codex theme)移除。如果 Codex 应用更新后主题失效,先恢复默认,运行 git -C ~/.codex/skills/gptskin-theme pull,再重新应用即可。

支持什么图片格式和大小?

JPEG、PNG 或 WebP,最大 4 MiB。可以用自己的图片,也可以先让 Codex imagegen 在本地生成一张——两者走的是同一个 --image 流程。

GptSkin 是 OpenAI 出品的吗?

不是。GptSkin 是独立产品,与 OpenAI 没有任何隶属、背书或官方合作关系。

现在就换背景

准备好了吗?打开 Codex,对它说 Install this skill and give Codex a new look: https://github.com/WendongAI/gptskin-skill,然后说 Apply the dark-void preset theme。两分钟后,你面对的就是一个真正属于你的工作区。本教程没覆盖到的问题?查看 FAQ安装指南

GptSkin Team

GptSkin Team

如何在 2 分钟内更换 Codex 背景 | 博客