Manus 嘅 Netlify MCP 連接器

將剛做好嘅網站,直接上線到你嘅 Netlify 帳戶

在 Manus 裡做好網站或落地頁,它會部署到你的 Netlify 帳戶,並把上線網址發給你。把 Manus 當作你的 Netlify AI 智能體,查看部署結果、整理表單提交、管理環境變數。

先在 Manus 中連接 Netlify
示意圖

幫我們的週末陶藝課做個網站,放到 Netlify 上。

your-site.netlify.app
陶土角落課程作品聯絡我們
週末課程零基礎陶藝課小班上課,陶土和燒製都包含。預約課程
一雙手在拉坯機上做陶碗
有問題,留言俾我們
姓名電郵發送
your-site.netlify.app已發佈剛剛部署完成

把網站部署到 Netlify,取得上線網址

描述你要嘅網站,或者指定已有嘅程式碼。Manus 將網站做好,新建 Netlify 專案並部署,再將訪客可打開嘅連結發畀你。

一句話到網站上線示意圖
  1. 1你說幫我們的週末陶藝課做個帶預約表單的網站,放到 Netlify 上。
  2. 2Manus 做好網站
    • 附上課時間嘅主頁
    • 預約表單
    • 照片適配手機螢幕
  3. 3在 Netlify 上線your-site.netlify.app已發佈已新建 Netlify 專案並部署

改完內容後,更新已上線的網站

用大白話說要改甚麼。Manus 改好網站,再部署到原來那個 Netlify 項目。可以讓它先說出項目名,等你同意後再上線。

主頁每週六上午 10 點每週六上午 10 點和下午 2 點your-site.netlify.app

把 GitHub 專案部署到 Netlify

選好倉庫。Manus 透過 GitHub 連接器讀取程式碼,部署到你指定的 Netlify 專案,並把連結發給你。

your-org/your-sitemainyour-site.netlify.app正在部署
GitHub 連接器

Netlify 部署失敗?搞清楚原因

貼上部署連結。Manus 會讀部署狀態和 Netlify 報的錯誤,需要時再查代碼,用大白話告訴你哪裡出錯、要改什麼。

失敗main3f2a9c1Build script returned non-zero exit code: 2

Netlify Forms 表單提交,整理成一張表

為網站上嘅聯絡表單或預約表單開啟 Netlify Forms。Manus 讀取大家提交嘅內容,整理成表格,按主題分類,並揀出需要回覆嘅。

預約表單本星期新收到 37 份示意圖
  • Maya Chenmaya@example.com星期六有適合兩個人的課嗎?待回覆10月18日
  • Daniel Ortizdaniel@example.com可以幫 8 個人預約一節包場課嗎?待回覆10月17日
  • Priya Nairpriya@example.com價格裡包含陶土嗎?待回覆10月16日
  • Tom Beckertom@example.com節日有禮品卡賣嗎?待回覆10月15日
  • Aisha Belloaisha@example.com謝謝上個週末的課,太棒了!10月14日
Manus按主題歸類
  • 上課時間14
  • 私人包場9
  • 禮品卡8
  • 其他6
其中 12 項需要回覆。已存為 booking-submissions.xlsx

為網站開啟 Netlify Forms

Manus 為專案開啟表單偵測,把頁面上的表單接到 Netlify,再重新部署,之後就能收到新的提交。

將 Netlify 表單提交匯出成表格

將一個表單嘅全部提交整成 Excel 或 CSV 檔案,列由你定,最新嘅排前面。

清理舊的表單提交

刪掉的提交無法復原,所以可以讓 Manus 先列出要刪的那些,等你同意後再刪。

上線前,為 Netlify 預覽站加上密碼

用獨立連結把新版本給客戶或團隊看,並設定密碼。只有你讓 Manus 發佈時,正式網站才會變更。密碼保護需要 Netlify Pro 或以上方案,團隊登入則需要 Netlify Enterprise。

先預覽,再上線示意圖
your-site-preview.netlify.app
呢個網站需要密碼••••••••進入
預覽網站已設密碼
你點頭
your-site.netlify.app
零基礎陶藝課預約課程一雙手在拉坯機上做陶碗
Manus 發佈了同一個版本

給客戶發一個設有密碼保護的預覽

Manus 把新版本放到獨立的預覽項目,設好密碼(需要 Netlify Pro 及以上方案),把連結傳給你分享給別人。你同意之前,正式網站保持原樣。

內部網站只給自己團隊睇

讓項目只對登入你 Netlify 團隊嘅人開放,或者只保護預覽同分支部署。呢兩個選項都需要 Netlify Enterprise 方案。

管理 Netlify 環境變數和密鑰

列出、新增或修改專案使用的變數。將 API 金鑰標示為密鑰,Netlify 就只會顯示遮罩後的值。變更會在下次部署時生效。

環境變數your-site示意圖
  • STRIPE_SECRET_KEY密鑰生產環境••••••••••
  • MAPS_API_KEY密鑰所有環境••••••••••
  • BOOKING_URL所有環境https://book.example.com
  • EMAIL_API_KEY密鑰待新增生產環境••••••••••

加上我們的電郵 API 密鑰和新的預約連結。先把要改的列出來。

Manus我會喺 your-site 上改 2 處:
  • 新增 EMAIL_API_KEY,標為密鑰,只用於生產環境
  • 修改 BOOKING_URL,所有環境都生效
回覆「OK」我就改,然後重新部署讓改動生效。

Netlify 整合:裝上 Supabase 等擴充功能

Manus 能列出你團隊可以裝的 Netlify 擴展,並幫你安裝或卸載。裝好 Supabase 擴展後,你在 Netlify 裏連上 Supabase 賬戶,數據庫密鑰就會加到項目裏。

你的 Netlify 團隊可用的擴充功能示意圖
  • Supabase為網站接上資料庫已安裝
  • Auth0為網站的函數加上登入驗證未安裝
  • Contentful內容更新後自動重新部署未安裝

把 Netlify MCP 伺服器連接到 Manus

Netlify 已經在 Manus 的連接器裡。用你的 Netlify 帳戶登入一次,之後任何任務都能用 Netlify MCP 工具部署網站,管理你帳戶能打開的項目。

  1. 開啟連接器

    在 Manus 裡打開連接器,選擇 Netlify,點 連線。

  2. 登入 Netlify

    用你嘅 Netlify 帳戶登入並允許存取。Manus 用嘅就係你帳戶裡已有嘅團隊和項目。

  3. 喺任何任務裏面提出需求

    提到 Netlify 和項目名就行。部署到正式網站、改環境變量或誰能訪問、刪除內容之前,可以讓 Manus 等你同意再做。

Netlify部署、管理和監控 Netlify 專案、擴充功能和環境

透過 Netlify MCP 建立和部署項目,查看部署狀態和日誌,管理環境變數和密鑰,設置存取控制和表單,安裝或移除擴充功能。

連線示意圖
你嘅 Netlify 專案
  • your-siteyour-site.netlify.app表單已開啟
  • your-site-previewyour-site-preview.netlify.app已設密碼
  • team-handbookteam-handbook.netlify.app團隊登入

關於 Netlify MCP 和 AI 的問題

我要點樣將 Netlify 連接到 Manus?

在 Manus 裡開啟連接器,選擇 Netlify,點 連線。用你的 Netlify 帳戶登入並允許存取。之後在任何任務裡提到 Netlify 就可以,例如「把這個網站部署到一個新的 Netlify 專案」。

呢個係 Netlify 官方嘅 MCP 伺服器嗎?

係的。Manus 裡的 Netlify 連接器用的就是 Netlify 提供的 MCP 伺服器,和 Netlify 的 Claude 連接器、ChatGPT 裡的 Netlify 應用是同一個。在 Manus 裡,它已經在連接器清單中,不用另外安裝或設定。

Manus 會覆蓋我正在運行嘅網站嗎?

部署到現有嘅 Netlify 項目會直接在其網址上線,所以請講清要部署到哪個項目。想先確認,就讓 Manus 先告訴你項目名、等你同意,或者先放到獨立嘅預覽項目。Netlify 會保留以前嘅部署,你可以在項目嘅 Deploys 頁面將舊版本重新發布。

Manus 可以整 Netlify 部署預覽嗎?

可以。如果你的專案接了 Netlify 的 GitHub 整合,Netlify 會為每個拉取請求生成 Deploy Preview,Manus 可以透過 GitHub 連接器開啟這個拉取請求。網站沒有程式碼倉庫的話,可以讓 Manus 把新版本部署到獨立的預覽專案,再把連結傳給你。

我的 Netlify 部署失敗了,Manus 能幫甚麼?

把 Netlify 裡的部署連結貼過來。Manus 會讀部署狀態和 Netlify 報的錯誤,需要時再查代碼,用大白話告訴你哪裡出錯、要改什麼。你同意後,它還能改代碼並重新部署。

Netlify 表單提交可以匯出嗎?

能。讓 Manus 把一個表單的提交做成 Excel 或 CSV 表格,列由你定。在 Netlify 裡,每個表單也有 Download as CSV。刪掉的提交沒法恢復,所以刪除前可以讓 Manus 先列出來。

Manus 可以睇到我嘅 Netlify 環境變量裏面嘅密鑰原值嗎?

儲存之後就看不到。標記為密鑰的變量在 Netlify 裏只能寫入,讀出來是遮罩後的值,只有本地開發環境的值例外。Manus 仍然可以新增或替換它們。沒有標記為密鑰的變量可以讀到原值,所以可以請 Manus 只列出名稱。

Manus 可以幫我設定 Netlify 與 Supabase 的整合嗎?

可以。Manus 可以幫你嘅 Netlify 團隊安裝 Supabase 擴充功能。然後你喺 Netlify 裡面連接你自己嘅 Supabase 帳戶同項目,Netlify 會將資料庫密鑰作為環境變數加入項目裡面。擴充功能係安裝給整個團隊嘅,所以可以叫 Manus 等你同意先裝。

Netlify 有 AI 建站工具嗎?Manus 能託管我的網站嗎?

Netlify 嘅 AI 工具,好似 Agent Runners,可以喺 Netlify 後台裡改代碼並上線。Manus 亦能夠托管自己做嘅網站:喺 Manus 上發佈網頁應用,用你自己嘅網域。如果你嘅團隊已經將網站放喺 Netlify 上,連接之後 Manus 就會部署到你自己嘅 Netlify 帳戶。

Netlify AI Gateway 是什麼?Manus 會用它嗎?

這是 Netlify 自己的功能,讓你網站裡的程式碼調用 AI 模型,不用自己管各家的 API 密鑰。它和這個連接器是兩回事。Manus 負責把網站做好、部署到 Netlify,並處理上線後的事,例如表單、環境變數和誰能訪問。

Manus 能看到同改動哪些 Netlify 項目?

和你的 Netlify 賬戶權限一樣。Manus 用你自己的登入,所以能看到你所屬的團隊和項目。密碼保護需要 Netlify Pro 及以上方案,團隊登入需要 Netlify Enterprise,用量也計入你的 Netlify 賬戶。

可以取消 Manus 對 Netlify 的存取嗎?

可以。隨時在 Manus 裡打開連接器,斷開 Netlify。之後任務就用不了你的 Netlify 帳戶了。

把 Manus 當作你的 Netlify AI 智能體

在 Manus 中連接 Netlify