如何用 AI 重建 v0 網站

簡介

v0 是由開發者平台 Vercel 所打造的熱門瀏覽器版 AI 程式編寫工具。它能在幾分鐘內建立一個簡單的網站，但它並非主要為網頁設計而生。它是一個完整的應用程式建置平台，專為應用程式 UI 設計和生產程式碼工作流程而打造。對於不懂程式碼的人來說，它通常過於複雜且令人卻步。

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

為什麼選擇 Repaint

Repaint 是一個專為建置網站優化的 AI 平台。核心概念與 v0 類似：你描述想要的效果，AI 就會建置出來。但 Repaint 設計得更簡單，並專注於網頁設計。幾個讓它脫穎而出的地方：

• 技術門檻更低。 v0 經常跟你談論程式碼檔案、git diff、元件、生產部署和儲存庫。Repaint 用平易近人的語言與你溝通，所以需要學習的技術術語更少。
• 建置網站更有效率。 Repaint 能以更少的使用額度建置更大的網站。它採用高效的平行流程，並會自動為簡單任務挑選較便宜的 AI 模型，因為大多數更新並不需要 v0 為複雜應用程式建置所使用的昂貴模型。
• 更擅長匯入內容。 Repaint 擁有專門的工具來從現有網站中提取內容和風格，因此你可以把網站帶過來，而無需手動搬移所有東西。

從 v0 遷移的運作方式

將網站移入 Repaint 有兩種方式：匯入程式碼，或分享你的線上 URL。從 v0 匯出程式碼並上傳到 Repaint，是最貼近原版的方式，因為 Repaint 能直接從真實原始碼作業。但如果你本來就打算重新設計網站，直接貼上你的線上 v0 URL 會更簡單。

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

第一步：匯入您的內容

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

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

匯出程式碼在 v0 中是免費的，並且能讓 Repaint 取得最精確的原版副本。當 Repaint 改為從 URL 重建時，可能會與原版有些微偏差。話雖如此，如果你本來就打算重新設計網站，匯出程式碼就有些多餘，直接分享你的線上 URL 會更簡單。

以程式碼匯入

在 v0 中匯出程式碼很快，只要知道在哪裡找就行：

1. 在 v0 中打開你的網站
2. 點擊右上角的省略號（…）選單
3. 點擊「下載 Zip」以取得你的程式碼檔案
4. 前往 Repaint 並建立你的帳戶
5. 上傳 .zip 並送出

從 URL 匯入

Repaint 可以重新設計網際網路上任何可公開存取的網站。要讓這個方式生效，你的 v0 網站必須已發布。v0 在右上角有一個發布按鈕，可以讓你的網站在像 https://custom-company-website-iybvfowln-repaint.vercel.app 這樣的 URL 上線。

首先，在 v0 中發布你的網站。然後：

1. 造訪你的網站並複製已發布的 URL
2. 前往 Repaint，貼上 URL 並送出
3. 建立你的 Repaint 帳戶

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

第二步：規劃新網站

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

既然你已經在重建網站，這是個實驗風格的好時機，看看是否還有其他你想嘗試的方向。你可以讓 Repaint 生成風格樣本供你選擇，這樣你就不會被鎖定在第一個設計上。

匯入內容

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

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

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

第三步：生成您的網站

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

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

如果你的 v0 專案連接了 Supabase 或 Upstash 等資料庫，這些不會自動遷移。Repaint 只重建人們看得到的視覺網站，而不是複雜的後端功能。對大多數行銷網站來說這不是問題，因為它們不使用資料庫。但如果你在 v0 中建置了一個複雜的應用程式，遷移它很可能會破壞底層邏輯。

第四步：進行調整

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

編輯的工作流程與 v0 相同。你可以透過與 AI 對話來改變網站上的任何東西：「在設計中加入更多色彩。」「把主視覺圖片換成現代摩天大樓的照片。」「縮小標題的字體大小。」 如果你需要新圖片，Repaint 可以直接為你生成。

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

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

審閱 SEO 內容

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

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

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

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

第五步：發布您的網站

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

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

第六步：轉移您的網域

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

你的網域可能是在 Vercel 註冊的，也可能在 GoDaddy、Namecheap 或 Cloudflare 等其他 DNS 服務上。無論如何，你的網域應該留在原本的平台上。它與你的網站是分開的，你不需要移動它就能連接到你的新網站。你只需要更新設定，讓你的網域指向你的新 Repaint 網站，而不是 v0 網站。

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

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

結語

v0 是為進階軟體打造應用程式 UI 原型的好工具，但用來建置網站卻有些大材小用。Repaint 提供一個對網站更友善的環境，讓你將網站帶過來、打磨頁面、改善文案和視覺效果，並在準備好時發布。你可以透過匯出 v0 程式碼或分享線上 URL 來遷移，然後繼續透過與 AI 對話來編輯，而無需管理底層程式碼。而且由於你的 v0 網站在整個過程中保持在線，在切換前先試試 Repaint 幾乎沒有任何風險。

常見問題

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

它們是類似的工具，都讓你描述想要的效果並建置出來。差異在於專注領域。v0 更偏向程式碼導向，專為複雜應用程式而生；而 Repaint 更偏向網站導向：語言更簡單、多頁面建置更有效率，以及更好的工具來從現有網站匯入內容。

v0 對於建置網站來說技術門檻太高了嗎？

這不是一道硬牆；你不需要懂程式碼才能使用 v0。它把程式碼和資料庫藏在背後，所以很容易忽略。介面本身並不是特別令人難以承受。真正的挑戰在於 AI 對話和 UI 按鈕中的語言非常技術性。AI 會談論程式碼檔案、git diff、元件、生產部署和儲存庫。如果你只是想做一個簡單的網站，這可能令人不知所措。Repaint 讓對話保持簡單，並專注於網站本身。

我在 Repaint 中不會碰上和 v0 一樣的使用額度限制嗎？

Repaint 也有使用額度限制，但無論是免費版還是付費版，你都能走得更遠。Repaint 的 AI 代理在編輯網站方面通常更有效率，並且會為較簡單的任務使用較便宜的 AI 模型。你可以用更少的費用完成更多工作。它也採用每週額度而非每月點數限制，在一個月內更為慷慨。

遷移會用掉我的 v0 使用額度嗎？

不會。從線上 URL 匯入只是像任何訪客一樣造訪你已發布的網站，所以完全不會接觸到你的 v0 帳戶。匯出程式碼也是免費的，因為你只是在下載你早已擁有的檔案。遷移消耗的是 Repaint 的使用額度，而非 v0 的。

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

你的 v0 網站不會發生任何事。兩者是完全分開的，所以在你建置新網站的同時，你的 v0 專案保持在線且不受影響。一旦你對 Repaint 版本感到滿意，就可以把你的網域指向它。如果你決定繼續使用 v0，則完全不需要做任何事。

如果我的 v0 專案是一個有資料庫的完整應用程式呢？

那麼 Repaint 可能不是合適的工具。它重建的是人們看得到的視覺網站，而不是背後的基礎架構，例如資料庫連線。如果你的專案是一個擁有這類功能的真正應用程式，遷移將意味著失去那些讓它運作的部分。

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

這取決於你如何匯入。如果你匯出程式碼，Repaint 會從原始碼作業，能夠做到非常接近。如果你從線上 URL 匯入，它會根據它所能看到的來重現設計，所以看起來明顯像是你的網站，但更可能在一些地方有所偏差。無論採用哪種方式，你都可以透過與 AI 對話來微調任何東西。

遷移需要多長時間？

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

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

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

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

可以。你可以先匯入單一頁面，看看成果如何，再決定是否投入整個網站。一旦你喜歡所看到的結果，就可以請 Repaint 建置其餘的部分。

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

只要你保持 URL 和內容一致，就不會。Google 會把排名與個別的頁面 URL 相綁定，所以你的新網站應該沿用相同的 URL，以及大致相同的內容。你可以請 Repaint 比較你的新 URL 與原版，並修補任何缺口。當你匯入網站時，我們的保留 SEO 指南有更多說明。

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

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