Skip to content
GptSkin

如何在 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