連接程式開發工具

把 Page Lemon 加到 Claude Code、Codex、Cursor、VS Code、Gemini CLI、Windsurf、Cline 或 Trae，你的 AI 就能在編輯器或終端機裡，發布並更新你帳號中的每個網站。大多數工具只需要一段設定和一次登入。

最後更新：2026年10月14日 · 以 Markdown 檢視

開始之前

程式開發工具使用的連結是：

https://mcp.pagelemon.com

在你登入之前，這個連結仍然可以發布新網站（網站會在 72 小時後到期，除非你保留它們）。登入之後，你的 AI 就能處理帳號中的每個網站。

每個工具登入時的流程都一樣：瀏覽器會開啟一個 Page Lemon 頁面，你用 Google 或電子郵件登入，確認工具可以做哪些事，然後按允許。接著回到你的工具。

Claude Code

適用於任何包含 Claude Code 的 Claude 方案。在終端機中輸入：

claude mcp add --transport http pagelemon https://mcp.pagelemon.com

然後在 Claude Code 裡執行 /mcp，選擇 pagelemon 並登入。

Codex

codex mcp add pagelemon --url https://mcp.pagelemon.com
codex mcp login pagelemon

第二個指令會開啟 Page Lemon 讓你登入。若要改用 API 權杖，請把它放在環境變數裡，不要放在設定檔中。

Cursor

所有 Cursor 方案都能用。把這段加到 ~/.cursor/mcp.json（所有專案）或 .cursor/mcp.json（單一專案）：

{
  "mcpServers": {
    "pagelemon": {
      "url": "https://mcp.pagelemon.com"
    }
  }
}

開啟 Cursor 的設定，找到 MCP 區塊（新版本叫 Tools and MCP）。如果要求登入，就在 pagelemon 旁邊按一下登入。

VS Code

適用於 VS Code 裡的 GitHub Copilot，包含 Copilot Free。把這段加到專案裡的 .vscode/mcp.json，或從命令選擇區執行 MCP: Add Server 並選擇 HTTP：

{
  "servers": {
    "pagelemon": {
      "type": "http",
      "url": "https://mcp.pagelemon.com"
    }
  }
}

在 mcp.json 中按伺服器上方的啟動。VS Code 會問你是否允許 Page Lemon 幫你登入；請允許，然後登入。請在 Copilot Chat 的代理模式下使用。

在 Copilot Business 或 Enterprise 上，你的組織可能會停用 MCP 伺服器。如果你無法加入，請問你的管理員。

Gemini CLI

用 Google 帳號即可免費使用。把這段加到 ~/.gemini/settings.json（所有專案）或 .gemini/settings.json（單一專案）：

{
  "mcpServers": {
    "pagelemon": {
      "httpUrl": "https://mcp.pagelemon.com"
    }
  }
}

啟動 Gemini CLI，並執行 /mcp auth pagelemon 來登入。

Windsurf

所有 Windsurf 方案都能用。Teams 方案可能需要先由管理員允許遠端 MCP 伺服器。把這段加到 ~/.codeium/windsurf/mcp_config.json：

{
  "mcpServers": {
    "pagelemon": {
      "serverUrl": "https://mcp.pagelemon.com",
      "headers": {
        "Authorization": "Bearer pl_..."
      }
    }
  }
}

Windsurf 透過 API 權杖連線：把 pl_... 換成你的權杖。你也可以從 Cascade 的 MCP 選單開啟該檔案，再重新整理伺服器清單。

Cline 和 Trae

Cline 和 Trae 要在標頭裡使用 API 權杖來連接。請先建立一個，再把 Page Lemon 加到工具的 MCP 設定裡。

在 Cline 中，開啟 MCP Servers 面板，並編輯設定檔（cline_mcp_settings.json）：

{
  "mcpServers": {
    "pagelemon": {
      "type": "streamableHttp",
      "url": "https://mcp.pagelemon.com",
      "headers": {
        "Authorization": "Bearer pl_..."
      }
    }
  }
}

在 Trae 中，開啟設定裡的 MCP，選擇手動新增伺服器，並貼上：

{
  "mcpServers": {
    "pagelemon": {
      "url": "https://mcp.pagelemon.com",
      "headers": {
        "Authorization": "Bearer pl_..."
      }
    }
  }
}

把 pl_... 換成你的權杖。這些設定檔在你的電腦上，不在專案裡，所以權杖不會進到 git。權杖會在 90 天後到期：請建立新的並貼上。

用權杖代替登入

這裡的任何工具都可以改用 API 權杖代替登入，例如在沒有瀏覽器的伺服器上。把它當作標頭傳送：Authorization: Bearer pl_...。以 Claude Code 為例：

claude mcp add --transport http pagelemon https://mcp.pagelemon.com --header "Authorization: Bearer pl_..."

千萬不要把權杖放進會提交的檔案，例如共用專案裡的 .cursor/mcp.json 或 .vscode/mcp.json。

確認是否正常運作

如果你的 AI 列出了你的網站，就表示已連接並登入。

如果出了問題

還是卡住嗎？請看排解問題，或寫信到 support@pagelemon.com，並告訴我們你用的是哪個工具。

中斷連接

開啟 app.pagelemon.com/account/tokens（帳號設定 → API 權杖），然後點選該工具旁邊的中斷連線。它會立刻登出，你的網站仍會維持上線。接著到工具的設定中移除 pagelemon 項目。