如何用 AI 重建 Bolt.new 網站
學習如何使用專為行銷網站優化的 AI 平台 Repaint 重建您的 Bolt.new 網站。這是一份無需從頭開始,即可遷移並完成網站的逐步指南。
簡介
Bolt 能在幾分鐘內做出一個簡單的網站,但要把網站做完整卻可能很有挑戰性。大多數網站需要多個頁面、精煉的文案、圖片,以及一長串的小調整。Bolt 給你的是一個框架,但你必須用一個以程式碼為中心的代理工具、在嚴格的點數預算下完成其餘的部分。
與其在 Bolt 中完成你的網站,你可以遷移到另一個對網站更友善的工具。在本指南中,我將向你展示如何在名為 Repaint 的 AI 平台上完成你的網站。
為什麼選擇 Repaint
Repaint 是一個專為建置網站優化的 AI 平台。核心概念與 Bolt 類似:你描述想要的效果,AI 就會建置出來。但有幾個差異讓 Repaint 在建置行銷網站方面更具優勢:
- 技術門檻更低。 Repaint 用平易近人的語言與你討論網站,而不是模組、路由器、建置步驟或 git。技術術語更少,需要學習的東西也少得多。
- 建置網站更有效率。 Repaint 能以更少的使用量建置更大的網站。它採用高效的平行流程,並會自動為簡單任務挑選較便宜的 AI 模型,因為大多數更新並不需要 Bolt 為複雜應用程式建置所使用的昂貴模型。
- 更擅長匯入內容。 Repaint 擁有專門的工具來從現有網站中提取內容與風格,因此你可以把網站遷移過來,而無需手動搬移所有東西。
從 Bolt 遷移的運作方式
有兩種方式可以把你的網站移入 Repaint:匯入你的程式碼,或分享你的線上 URL。從 Bolt 匯出程式碼並上傳到 Repaint 是最貼近原版的做法,因為 Repaint 能從真正的原始碼開始作業。但如果你本來就打算重新設計網站,直接貼上你的線上 Bolt URL 其實更簡單。
無論採用哪種方式,你最終都會得到一個可以用 AI 編輯的完整網站。一旦你對新網站感到滿意,就可以直接從 Repaint 發布並連接自訂網域。
第一步:匯入您的內容

有兩種方式可以將你的內容匯入 Repaint:
- 從 Bolt 匯出你的程式碼,並匯入 Repaint
- 分享線上網站的 URL
從 Bolt 匯出程式碼是免費的,而且能讓 Repaint 取得最精確的原版副本。當 Repaint 改為從 URL 重建時,可能會與原版有些微的偏差。也就是說,如果你本來就打算重新設計網站,匯出程式碼就有些多餘,直接分享你的線上 URL 會更簡單。
以程式碼匯入
只要你知道在哪裡操作,在 Bolt 中匯出程式碼其實很快:
- 點擊左上角你的網站名稱
- 將滑鼠懸停在開啟的選單中的「匯出」上
- 點擊「下載」以取得你的專案 .zip 檔
- 前往 Repaint 並建立你的帳戶
- 上傳 .zip 並送出
從 URL 匯入
Repaint 可以重新設計網際網路上任何可公開存取的網站。要做到這點,你的 Bolt 網站必須已發布。Bolt 在右上角有一個發布按鈕,一鍵即可讓你的網站上線,網址會類似 https://staffing-company-web-j0w6.bolt.host。
首先,在 Bolt 中發布你的網站。然後:
- 複製你已發布的 URL
- 前往 Repaint,貼上 URL 並送出
- 建立你的 Repaint 帳戶
任何一條路徑都會啟動網站建置流程。Repaint 會掃描你的網站、複製文字和圖片,並截取每個頁面的截圖以了解設計。從這裡開始,你只需要與 Repaint 對話就能完成整個流程。
第二步:規劃新網站

Repaint 能夠複製原版、完全重新設計,或介於兩者之間的任何程度。在開始建置你的網站之前,它會先問你幾個問題,以了解你的需求。
既然你已經在重建網站了,這是個實驗風格的好時機,看看是否還有其他你想嘗試的方向。你可以讓 Repaint 生成風格樣本供你選擇,這樣你就不會被鎖定在第一眼看到的樣式上。
匯入內容
如果你有更多資訊要納入,現在就分享出來。Repaint 可以使用來自其他網站、Google 商家、PDF 或其他檔案,以及圖片的資訊。它在建置網站前學到的越多,你之後需要打磨的就越少。
如果你有多個來源網站,例如除了 Bolt 網站外還有一個舊網站,你應該把兩者都給 Repaint。它可以用舊網站來轉移資訊,並用新網站作為風格指南。當你不確定時,應該分享大量資訊,讓 Repaint 自己想出該如何運用。
一旦你和 Repaint 對計劃達成共識,它就會建置你的新網站!
第三步:生成您的網站

Repaint 通常會花幾分鐘建置你網站的第一個版本。確切時間長短會有所不同,取決於它需要遷移多少內容以及新網站有多大。一個有數十個頁面的大型網站可能需要超過十分鐘。
完成後,Repaint 會自動打開你新網站的預覽。第一個版本通常會有一些不完美的地方:被截斷的文字、位置不對的圖片,或者間距有點不對。這是正常的。你可以透過與 AI 對話來修正任何位置不對的地方。
如果你的 Bolt 專案有後端功能,這些都不會被遷移。Repaint 只建置人們看得到的視覺網站,所以它不會遷移資料庫、伺服器函式、身份驗證或檔案儲存。大多數行銷網站都不使用這些功能,所以這不是問題。但如果你在 Bolt 上建置了一個真正的應用程式,遷移就意味著必須捨棄那些功能。
第四步:進行調整

生成網站後,可能還有一些小問題需要處理。Repaint 會把你的網站轉換成它自己的格式,所以有些細節可能會在轉換過程中遺失。或者,如果你是讓 Repaint 重新設計你的 Bolt 網站,那就只是會有許多新內容需要審閱。
編輯的工作流程與 Bolt 完全一樣;你可以透過與 AI 對話來改變網站上的任何東西:「新增一個常見問題區塊。」「把主視覺圖換成我們團隊的照片。」「收緊頁腳的間距。」 如果你需要新圖片,Repaint 可以即時幫你生成。
你應該從評估視覺風格開始。確保顏色、字型和版面都看起來不錯。你的視覺風格建立了一套模式,AI 在建立任何新內容時都會自然地沿用,因此及早把它打磨好,會比建置了數十個頁面後再來打磨更快。
一旦你滿意了風格,就可以逐一檢視內容,確保文字準確、圖片位置正確、連結有效,且一切在行動裝置上看起來都不錯。
審閱 SEO 內容
如果你的 Bolt 網站有來自搜尋的流量,在遷移過程中就值得注意 SEO。如果你想深入了解,我們有一份完整的網站重新設計 SEO 指南。簡而言之,你只需要確保新網站擁有相同的頁面 URL,以及相同的內容。
Google 會為你網站上的個別頁面建立排名,並與其 URL 相綁定。如果你遷移到新平台後那些 URL 改變了或消失了,Google 會將它們視為沒有歷史記錄的新頁面,你就會損失它們原本帶來的流量。而如果你改變了內容,Google 可能會判定新版本不再與搜尋查詢相關,並停止為它們排名。
你可以請 Repaint 比較你新網站和 Bolt 網站上的 URL,看看是否有任何差異。如果你直接匯入了程式碼,很可能什麼都沒變。但如果有任何改變或遺漏,只要你提出,Repaint 都能協助修正。
當你的網站看起來不錯且內容正確後,就可以準備發布了。
第五步:發布您的網站

當你準備好發布新網站時,打開你的 Repaint 專案並點擊右上角的發布按鈕。你的網站會在一個可以與任何人分享的 Repaint URL 上線。它看起來會類似你的 Bolt URL,像這樣:https://careful-tiger-5jd92kjd.sites.repaint.com
此時,你有兩個網站同時在線:一個在 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 更偏向程式碼,是為複雜的應用程式而打造的,而 Repaint 更偏向網站:語言更簡單、多頁面建置更有效率,以及更好的工具來從現有網站匯入內容。Bolt 在進階應用程式方面是更好的平台,但 Repaint 在行銷網站方面更具優勢。
Bolt 對建置網站來說太技術性了嗎?
不一定。Bolt 把很多進階控制項收納起來,所以介面本身並不會立刻讓人望而生畏。比較困難的地方在於,對話仍然傾向於聽起來像開發者工具:模組、路由器、建置步驟、git 和程式碼變更。如果你只是想完成一個網站,這些可能感覺像是雜音。Repaint 讓對話專注於網站本身,這要簡單得多。
我在 Repaint 不會碰上和 Bolt 一樣的使用限制嗎?
Repaint 也有使用限制,但無論是免費方案還是付費方案,你都能走得更遠。Repaint 的 AI 代理在編輯網站方面通常更有效率,而且它為較簡單的任務使用較便宜的 AI 模型。你可以用更少的成本完成更多的事。它採用每週使用額度而非每月點數限制,在一個月內也更加慷慨。
遷移會用掉我的 Bolt 點數嗎?
不會。從你的線上 URL 匯入只是像任何訪客一樣造訪你已發布的網站,所以它從不會接觸你的 Bolt 帳戶。匯出你的程式碼也是免費的,因為你只是在下載你早已擁有的檔案。遷移消耗的是 Repaint 的使用額度,而非 Bolt 的。
遷移期間我的 Bolt 網站會怎樣?我可以兩個都保留嗎?
你的 Bolt 網站不會發生任何事。這兩者是完全分開的,所以你的 Bolt 專案在你建置新網站的同時保持在線且不受影響。一旦你對 Repaint 版本感到滿意,就可以把你的網域指向它。如果你寧願繼續使用 Bolt,則完全不需要做任何事。
如果我的 Bolt 專案是一個有資料庫和登入功能的完整應用程式呢?
那麼 Repaint 可能不是適合的工具。它重建的是人們看到的視覺網站,而不是背後的基礎架構,例如資料庫、伺服器函式、身份驗證或檔案儲存。如果你的專案是一個有這些功能的真正應用程式,遷移就意味著必須捨棄那些部分。
Repaint 能生成圖片嗎?
可以,圖片生成是內建功能,所以你可以在建置過程中隨時要求新的視覺效果。在 Bolt 中,圖片生成是付費方案的功能,而且你還必須先在帳戶設定中手動開啟。
Repaint 能完全比照我的 Bolt 設計嗎?
這取決於你如何匯入。如果你匯出程式碼,Repaint 能從原版出發,可以做到非常接近。如果你從線上 URL 匯入,它會根據它所能看到的來重現設計,所以看起來明顯像是你的網站,但更有可能在某些地方有所偏差。無論採用哪種方式,你都可以透過與 AI 對話來微調任何東西。
遷移需要多長時間?
第一次建置通常需要幾分鐘,不過有許多頁面的大型網站可能需要十分鐘或更長時間。在那之後,到發布為止需要多久取決於你想進行多少調整。大多數網站可以在幾小時內完成遷移和打磨。
從 Bolt 遷移到 Repaint 需要多少費用?
匯入你的網站、編輯它,並發布到 sites.repaint.com 位址都是免費的。免費方案涵蓋建置並上線一個簡單的網站,包含每週的編輯額度和一個 Repaint 標誌。付費方案起價為每月 $20(按年計費)或每月 $25(按月計費),這會給你更大的額度、移除標誌,並讓你連接自訂網域。你可以在定價頁面查看完整的明細。
我可以先只遷移一個頁面試試看嗎?
可以。你可以先匯入單一頁面,看看成果如何,再決定是否投入整個網站。一旦你喜歡所看到的結果,就可以請 Repaint 建置其餘的部分。
遷移時我會失去我的搜尋排名嗎?
只要你保持 URL 和內容一致,就不會。Google 會把排名與個別的頁面 URL 相綁定,所以目標是讓你的新網站重複使用相同的 URL,以及大致相同的內容。你可以請 Repaint 比較你的新 URL 與原版,並修補任何缺口。當你匯入網站時,我們的保留 SEO 指南有更多說明。
當 AI 犯錯時會怎樣?我可以復原更改嗎?
可以。Repaint 會在你每次進行更改時儲存你網站的一個版本。如果某個結果出錯了,你可以請它回到之前,或者自己打開版本歷史記錄並還原到較早的版本。沒有任何東西是永久的,所以儘管放心實驗。