如何用 AI 重建 Lovable 網站

簡介

Lovable 能在幾分鐘內做出一個簡單的網站，但要把網站做完整卻可能很有挑戰性。大多數網站需要多個頁面、精煉的文案、圖片，以及一長串的小調整。Lovable 給你的是一個你必須自己建置並打磨的框架，而且這一切都受限於嚴格的點數預算。

與其在 Lovable 中完成你的網站，你可以遷移到另一個對網站更友善的工具。在本指南中，我將向你展示如何在名為 Repaint 的 AI 平台上完成你的網站。

為什麼選擇 Repaint

Repaint 是一個專為建置網站優化的 AI 平台。核心概念與 Lovable 類似：你描述想要的效果，AI 就會建置出來。但有幾個差異讓 Repaint 在建置行銷網站方面更具優勢：

• 運行成本低得多。 Repaint 採用高效的多代理流程，並會自動為簡單任務挑選較便宜的 AI 模型，因為大多數行銷網站的更新並不需要 Lovable 為高端應用程式建置所保留的昂貴模型。在 Repaint 中，你可以建置一個 15 頁的網站而不會觸及免費版的限制。
• 它建置的是完整網站，而非起始框架。 Repaint 會在一次流程中規劃並生成你的整個網站，每個頁面都有一致的風格，而不是交給你一個需要自己完成的框架。
• 它更擅長匯入內容。 Repaint 擁有專門的工具來從現有網站中提取內容，因此你可以重新設計網站，而無需手動搬移所有東西。

從 Lovable 遷移的運作方式

離開 Lovable 最簡單的方式，就是把你的線上網站 URL 提供給 Repaint。Repaint 會像訪客一樣造訪你的線上網站、讀取你的文字、下載你的圖片，並用它們來重建網站。即使在 Lovable 的免費方案上也行得通，因為它所需要的只是一個線上網站。

另一個選項是從 Lovable 匯出你的程式碼，並上傳到 Repaint。這讓 Repaint 能更精確地使用原始版本，因為它在重建時無需猜測。但完整的程式碼匯出也需要 Lovable 的付費方案。

無論採用哪種方式，你最終都會得到一個可以用 AI 編輯的完整網站。一旦你對新網站感到滿意，就可以直接從 Repaint 發布並連接自訂網域。

第一步：匯入您的內容

有兩種方式可以將你的內容匯入 Repaint：

1. 分享線上網站的 URL
2. 從 Lovable 匯出你的程式碼，並匯入 Repaint

如果你有 Lovable 付費版且希望新網站看起來與原版完全一樣，我們建議採用第二個選項。如果你本來就打算重新設計網站，匯出程式碼就有些多餘，直接把線上 URL 分享給 Repaint 會更簡單。

從 URL 匯入

Repaint 可以重新設計網際網路上任何可公開存取的網站。Lovable 過去會自動發布每個專案，但現在已不再如此。你必須先從 Lovable 發布，才能嘗試匯入。你應該會得到一個看起來像 https://brave-mango-spark.lovable.app/ 的 URL。

首先，在 Lovable 中打開你的網站。然後：

1. 點擊發布並複製 URL
2. 前往 Repaint，貼上 URL 並送出
3. 建立你的 Repaint 帳戶

以程式碼匯入

如果你有 Lovable 付費版，可以直接從 Lovable 編輯器匯出你的程式碼。與其一次匯出一個檔案，你可以把整個網站匯出成一個 .zip 檔，再交給 Repaint。

首先，在 Lovable 中打開你的網站。然後：

1. 將你的程式碼匯出為 .zip
2. 前往 Repaint 並建立你的帳戶
3. 上傳 .zip 並送出

這會啟動網站建置流程。Repaint 會掃描你的網站、複製文字和圖片，並截取每個頁面的截圖以了解設計。從這裡開始，你只需要與 Repaint 對話就能完成整個流程。

第二步：規劃新網站

Repaint 能夠複製原版、完全重新設計，或介於兩者之間的任何程度。在開始建置你的網站之前，它會先問你幾個問題，以了解你的需求。

當 Repaint 重建你的網站時，這是個實驗風格的好時機，看看是否還有其他你想嘗試的方向。你可以讓 Repaint 生成風格樣本供你選擇。Lovable 通常只給你單一風格，且反覆修改成本很高，因此大多數人從來不會偏離他們拿到的原始設計太遠。

匯入內容

如果你有更多資訊要納入，現在就分享出來。Repaint 可以使用來自其他網站、Google 商家、PDF 或其他檔案，以及圖片的資訊。它在建置網站前學到的越多，你之後需要打磨的就越少。

如果你有多個來源網站，例如除了 Lovable 網站外還有一個舊網站，你應該把兩者都給 Repaint。它可以用舊網站來轉移資訊，並用新網站作為風格指南。當你不確定時，應該分享大量資訊，讓 Repaint 自己想出該如何運用。

一旦你和 Repaint 對計劃達成共識，它就會建置你的新網站！

第三步：生成您的網站

Repaint 通常會花幾分鐘建置你網站的第一個版本。確切時間長短會有所不同，取決於它需要遷移多少內容以及新網站有多大。一個有數十個頁面的大型網站可能需要超過十分鐘。

完成後，Repaint 會自動打開你新網站的預覽。第一個版本通常會有一些不完美的地方：被截斷的文字、位置不對的圖片，或者間距有點不對。這是正常的。你可以透過與 AI 對話來修正任何位置不對的地方。

如果你的 Lovable 專案有進階的後端功能，例如 Supabase 整合或 Lovable Cloud 功能，這些都不會被遷移。Repaint 只建置人們看得到的視覺部分，而不是底層的資料儲存。大多數商業網站都沒有這類東西，所以這不是問題。但如果你在 Lovable 中有一個完整的應用程式，Repaint 無法無縫地重現它。

第四步：進行調整

生成網站後，可能還有一些小問題需要處理。Repaint 會把你的網站轉換成它自己的格式，所以有些細節可能會在轉換過程中遺失。或者，如果你是讓 Repaint 重新設計你的 Lovable 網站，那就只是會有許多新內容需要審閱。

編輯的工作流程與 Lovable 完全一樣；你可以透過與 AI 對話來改變網站上的任何東西：「新增一個聯絡頁面。」「新增一個有三張方形圖片的圖片庫。」「移除頂部宣傳我們活動的橫幅。」

你應該從評估視覺風格開始。確保顏色、字型和版面都看起來不錯。你的視覺風格建立了一套模式，AI 在建立任何新內容時都會自然地沿用，因此及早把它打磨好，會比建置了數十個頁面後再來打磨更快。

一旦你滿意了風格，就可以逐一檢視內容，確保文字準確、圖片位置正確、連結有效，且一切在行動裝置上看起來都不錯。

審閱 SEO 內容

如果你的 Lovable 網站有來自搜尋的流量，在遷移過程中就值得注意 SEO。如果你想深入了解，我們有一份完整的網站重新設計 SEO 指南。簡而言之，你只需要確保新網站擁有相同的頁面 URL，以及相同的內容。

Google 會為你網站上的個別頁面建立排名，並與其 URL 相綁定。如果你遷移到新平台後那些 URL 改變了或消失了，Google 會將它們視為沒有歷史記錄的新頁面，你就會損失它們原本帶來的流量。而如果你改變了內容，Google 可能會判定新版本不再與搜尋查詢相關，並停止為它們排名。

你可以請 Repaint 比較你新網站和 Lovable 網站上的 URL，看看是否有任何差異。如果你直接匯入了程式碼，很可能什麼都沒變。但如果有任何改變或遺漏，只要你提出，Repaint 都能協助修正。

當你的網站看起來不錯且內容正確後，就可以準備發布了。

第五步：發布您的網站

當你準備好發布新網站時，打開你的 Repaint 專案並點擊右上角的發布按鈕。你的網站會在一個可以與任何人分享的 Repaint URL 上線。它看起來會類似免費的 Lovable URL，像這樣：https://careful-tiger-5jd92kjd.sites.repaint.com

此時，你有兩個網站同時在線：一個在 Repaint 上，一個在 Lovable 上。如果你有自訂網域，它仍然指向你的 Lovable 網站，所以對你的訪客來說還沒有任何改變。當你準備好切換時，可以轉移你的網域。

第六步：轉移您的網域

當你準備好正式切換時，只需要把你的網域指向新的 Repaint 網站。在 Repaint 中要做到這點，你只需告訴 AI 連接你的網域。它會給你需要新增的 DNS 記錄。這需要付費方案；你可以在這裡查看定價詳情。

你的網域與你的 Lovable 網站是分開的。它很可能是透過 GoDaddy、Namecheap 或 Cloudflare 等獨立的網域提供商註冊的。無論如何，你的網域應該留在該平台上。你不需要移動它。你只需要更新設定，讓你的網域指向你的新 Repaint 網站，而不是 Lovable 網站。

如果你以前從未處理過 DNS 設定，不用擔心。Repaint 可以帶你一步步完成。它可以根據你的提供商給你客製化的指示。DNS 變更可能需要 20 分鐘或更長時間才能生效。一旦你設定好 DNS 記錄，就可以讓 Repaint 檢查你的線上記錄，看看是否已成功傳播。一旦它驗證一切設定正確，你就完成了。

轉移網域後，你不再需要付費的 Lovable 方案來託管或編輯。你可以隨時取消你的 Lovable 訂閱。

結語

當你在 Lovable 中碰壁時，不必放棄你的成果。Repaint 是一個類似的平台，專為建置行銷網站而優化。只要你分享你的線上 URL，它就會匯入你的網站，並讓你透過與 AI 對話來進行修改。而且由於你的網站全程保持在線，嘗試它並不會有任何損失。

常見問題

如果 Repaint 也是 AI 建置工具，為什麼要從 Lovable 換過來？

它們看起來很像，但針對的工作不同。Lovable 是為製作複雜的網頁應用程式而打造的，其點數和定價都圍繞著高端生成而設計。Repaint 則是專為行銷網站打造的。它能更高效地平行建置頁面、為例行編輯使用較便宜的模型，並採用每週使用額度而非每月點數。你的用量在 Repaint 上能走得更遠，因此更容易真正完成你的網站。

遷移會用掉我的 Lovable 點數嗎？

不會。如果你透過分享線上 URL 來匯入，Repaint 只是像任何訪客一樣造訪你已發布的網站。它從不會接觸你的 Lovable 帳戶，所以不會花費任何 Lovable 點數。唯一會牽涉到 Lovable 的情況是程式碼匯出這條路徑，而即使如此，你也只是在下載你早已擁有的檔案。遷移是消耗 Repaint 的使用額度，而非 Lovable 的。

我需要付費的 Lovable 方案才能遷移嗎？

採用最簡單的路徑時，不需要。從線上 URL 匯入只需要你的網站已發布，這在 Lovable 的免費方案上就行得通。只有當你想匯出完整程式碼以進行更精確的重建時，才會需要付費的 Lovable 方案。如果你本來就要重新設計，可以跳過程式碼匯出，直接分享你的 URL。有些人也會把他們的 Lovable 專案同步到 GitHub，藉此取得程式碼，不過是否可行取決於你的 Lovable 方案。

在遷移期間我的 Lovable 網站會怎樣？我可以兩個都保留嗎？

你的 Lovable 網站不會發生任何事。這兩者是完全分開的。你所做的只是在 Repaint 中建置一個新網站，而你的 Lovable 網站則保持在線且不受影響。一旦你對 Repaint 版本感到滿意，就可以把你的網域指向它。或者如果你決定繼續使用 Lovable，則完全不需要做任何事。沒有任何時間點會強迫你放棄原版。

如果我的 Lovable 專案是一個有資料庫和登入功能的完整應用程式，而不只是行銷網站呢？

那麼 Repaint 目前可能不是適合的工具。Repaint 建置的是行銷網站，而非完整的應用程式。它不會重現後端功能，例如資料庫、使用者登入，或任何與 Lovable Cloud 或 Supabase 相連的東西。如果你的專案是一個背後有基礎架構的真正應用程式，遷移到 Repaint 將意味著失去讓它運作的那些部分。

我不會只是在 Repaint 中碰上和 Lovable 一樣的限制嗎？

通常不會，而且差異比人們預期的還要大。這兩個平台計量用量的方式不同，而 Repaint 對行銷網站往往能走得更遠。舉一個真實的例子：在 Lovable 中建置一個五頁的網站用掉了整個免費版額度，而在 Repaint 中重建一個十二頁的網站只用了一半。這源於幾個原因，包括更高效的匯入、平行作業、較便宜的模型，以及慷慨的使用限制而非每月點數。

Repaint 能完全比照我的 Lovable 設計嗎？

這取決於你如何匯入。如果你匯出程式碼並把原始碼給 Repaint，它能做到非常接近，因為它是依據原版而非猜測來作業。如果你從線上 URL 匯入，Repaint 會根據它所能看到的來重現設計。它看起來會明顯像是你的網站，但要預期會有一些你會想清理的明顯差異，原始設計越複雜就越明顯。無論採用哪種方式，你都可以透過與 AI 對話來微調任何東西。

遷移需要多長時間？

第一次建置通常需要幾分鐘來規劃、匯入你的內容並生成新網站。有許多頁面或大量內容需要擷取的較大型網站可能需要十分鐘或更長時間。在那之後，到發布為止需要多久取決於你想進行多少調整。大多數網站可以在幾小時內完成遷移和打磨。

從 Lovable 遷移到 Repaint 需要多少費用？

匯入你的網站、編輯它，並發布到 sites.repaint.com 位址都是免費的。免費方案涵蓋建置並上線一個簡單的網站，包含每週的編輯額度、一個 Repaint 標誌，以及沒有自訂網域。付費方案起價為每月 $20（按年計費）或每月 $25（按月計費），這會給你更大的額度、移除標誌，並讓你連接自訂網域。你可以在定價頁面查看完整的明細。

我可以先只遷移一個頁面試試看嗎？

可以。你可以先匯入單一頁面，看看成果如何，再決定是否投入整個網站。這是一個低門檻的方式，用來檢查 Repaint 是否適合你的業務。一旦你喜歡所看到的結果，就可以請 Repaint 建置其餘的部分。

遷移時我會失去我的搜尋排名嗎？

只要你保持 URL 和內容一致，就不會。Google 會把排名與個別的頁面 URL 相綁定，所以目標是讓你的新 Repaint 網站使用與舊網站相同的 URL，以及大致相同的內容。如果你直接匯入程式碼，通常就能保持一致。你也可以請 Repaint 比較你的新 URL 與原版，並修補任何缺口。當你匯入網站時，我們的保留 SEO 指南有更多說明。

當 AI 犯錯時會怎樣？我可以復原更改嗎？

可以。Repaint 會在你每次進行更改時儲存你網站的一個版本。如果某個結果出錯了，你可以請它回到之前，或者自己打開版本歷史記錄並還原到較早的版本。沒有任何東西是永久的，所以儘管放心實驗，如果你不喜歡結果就回復即可。