如何用 AI 重建 Bolt.new 網站

學習如何使用專為行銷網站優化的 AI 平台 Repaint 重建您的 Bolt.new 網站。這是一份無需從頭開始,即可遷移並完成網站的逐步指南。

如何用 AI 重建 Bolt.new 網站
發佈於: 2026年6月24日Ben Shumaker

簡介

Bolt 能在幾分鐘內做出一個簡單的網站,但要把網站做完整卻可能很有挑戰性。大多數網站需要多個頁面、精煉的文案、圖片,以及一長串的小調整。Bolt 給你的是一個框架,但你必須用一個以程式碼為中心的代理工具、在嚴格的點數預算下完成其餘的部分。

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

為什麼選擇 Repaint

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

  • 技術門檻更低。 Repaint 用平易近人的語言與你討論網站,而不是模組、路由器、建置步驟或 git。技術術語更少,需要學習的東西也少得多。
  • 所有功能都已內建。 資料儲存、付款、客戶帳戶和電子郵件都是 Repaint 的一部分,因此你不需要連接 Supabase 或 GitHub 等開發工具。
  • 更擅長匯入內容。 Repaint 擁有專門的工具來從現有網站中提取內容與風格,因此你可以把網站遷移過來,而無需手動搬移所有東西。

從 Bolt 遷移的運作方式

有兩種方式可以把你的網站移入 Repaint:匯入你的程式碼,或分享你的線上 URL。從 Bolt 匯出程式碼並上傳到 Repaint 是最貼近原版的做法,因為 Repaint 能從真正的原始碼開始作業。但如果你本來就打算重新設計網站,直接貼上你的線上 Bolt URL 其實更簡單。

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

第一步:匯入您的內容

匯入您現有的 Bolt 網站

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

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

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

以程式碼匯入

只要你知道在哪裡操作,在 Bolt 中匯出程式碼其實很快:

  1. 點擊左上角你的網站名稱
  2. 將滑鼠懸停在開啟的選單中的「匯出」上
  3. 點擊「下載」以取得你的專案 .zip 檔
  4. 前往 Repaint 並建立你的帳戶
  5. 上傳 .zip 並送出

從 URL 匯入

Repaint 可以重新設計網際網路上任何可公開存取的網站。要做到這點,你的 Bolt 網站必須已發布。Bolt 在右上角有一個發布按鈕,一鍵即可讓你的網站上線,網址會類似 https://staffing-company-web-j0w6.bolt.host。

首先,在 Bolt 中發布你的網站。然後:

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

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

第二步:規劃新網站

規劃新網站的內容與風格

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

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

如果你想比較更多風格,我們有一套依產業分類的網站範例。其中任何一個都可以和 Repaint 生成的範例一起作為參考。

匯入內容

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

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

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

第三步:生成您的網站

用 AI 生成你的新網站

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

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

如果你的 Bolt 專案有使用者帳戶或資料庫等功能,Repaint 也能重建。由於這些部分不會顯示在公開網站上,最好說明它們應該如何運作。接著,你可以在檢查新版本時測試這些功能。

第四步:進行調整

透過與 AI 對話進行調整

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

編輯的工作流程與 Bolt 完全一樣;你可以透過與 AI 對話來改變網站上的任何東西:「新增一個常見問題區塊。」「把主視覺圖換成我們團隊的照片。」「收緊頁腳的間距。」 如果你需要新圖片,Repaint 可以即時幫你生成。

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

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

審閱 SEO 內容

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

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

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

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

第五步:發布您的網站

發布你的新網站

當你準備好發布新網站時,打開你的 Repaint 專案並點擊右上角的「發布」。你的網站會在一個可以與任何人分享的 Repaint 網址上線。

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

第六步:轉移您的網域

將你的網域連接到新網站

當你準備好正式切換時,只需要把你的網域指向新的 Repaint 網站。在 Repaint 中,你只需告訴 AI 連接你的網域,它就會提供你需要新增的 DNS 記錄。免費試用和所有付費方案都包含自訂網域;你可以在這裡查看定價詳情。

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

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

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

結語

Bolt 是快速起步建置簡單網站的好工具,但要完成它可能比預期花更多工夫。Repaint 提供一個更友善的地方讓你把網站遷移過來、打磨頁面、改善文案與視覺,並在準備好時發布。你可以透過匯出 Bolt 程式碼或分享線上 URL 來遷移,然後繼續用 AI 對話的方式編輯,而不是管理底層的程式碼。而且由於你的 Bolt 網站在整個過程中都保持在線,在切換之前先試試 Repaint 幾乎沒有任何風險。

常見問題

如果 Repaint 也是 AI 建置工具,為什麼要從 Bolt 換過來?

Bolt 以程式碼為核心。你可以查看並匯出程式碼,也能連接 Supabase 和 GitHub 等開發工具來新增功能,適合熟悉這類設定的人。Repaint 專為不寫程式碼的人設計。它不會向你顯示程式碼,而且內建資料儲存、付款、客戶帳戶和電子郵件功能,因此你不需要設定其他工具或額外付費。

Bolt 對建置網站來說太技術性了嗎?

不一定。Bolt 把很多進階控制項收納起來,所以介面本身並不會立刻讓人望而生畏。比較困難的地方在於,對話仍然傾向於聽起來像開發者工具:模組、路由器、建置步驟、git 和程式碼變更。如果你只是想完成一個網站,這些可能感覺像是雜音。Repaint 讓對話專注於網站本身,這要簡單得多。

我在 Repaint 不會碰上和 Bolt 一樣的使用限制嗎?

Repaint 也有使用限制,但運作方式更像 ChatGPT 或 Claude。你會獲得每 7 天重設一次的每週額度,而不是每月點數池,因此即使額度快用完,專案也不會停滯到月底。14 天的試用期讓你在選擇付費方案前,先看看額度能讓你的網站做到多少。

遷移會用掉我的 Bolt 點數嗎?

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

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

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

如果我的 Bolt 專案是一個有資料庫和登入功能的完整應用程式呢?

Repaint 能重建具備資料庫、使用者帳戶、付款和自訂邏輯的應用程式。你可以上傳匯出的程式碼,讓 Repaint 了解各項功能如何運作,並在對話中補充說明其他細節。如果你想帶入現有紀錄,也可以上傳匯出的資料。

Repaint 能生成圖片嗎?

可以,圖片生成是內建功能,所以你可以在建置過程中隨時要求新的視覺效果。在 Bolt 中,圖片生成是付費方案的功能,而且你還必須先在帳戶設定中手動開啟。

Repaint 能完全比照我的 Bolt 設計嗎?

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

遷移需要多長時間?

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

從 Bolt 遷移到 Repaint 需要多少費用?

你可以免費試用 Repaint 14 天,期間可以建置、編輯及發布網站,還能連接自訂網域。付費方案每月 $25 起,包含網站託管和每週的 AI 使用額度。

試用期結束後,你的工作區會暫停,直到你開始使用付費方案。你的作品都會保留,隨時可以重新啟用。詳情請參閱我們的定價頁面。

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

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

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

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

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

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


相關文章