如何用 AI 重新設計 Hostinger 網站

簡介

大多數人選擇 Hostinger 是為了價格。作為一個平價主機供應商，它確實很難被超越。但隨附的網站建置工具卻很有限。你選一個範本、拖拉區塊，每個改動都得手動完成。結果往往看起來就是一個貼上你商標的範本。

AI 網站建置工具的運作方式不同。你用平常說話的方式描述想要的效果，AI 就會為你設計並建置出來。而且由於 AI 工具能自動遷移你現有的內容，換平台不代表要從頭開始。

在本指南中，我將向你展示如何使用名為 Repaint 的 AI 工具重新設計 Hostinger 網站。

為什麼要用 AI 重新設計 Hostinger 網站？

最大的差異在於編輯體驗。在 Hostinger 的建置工具中，每次更新都意味著打開編輯器、手動拖拉區塊。在 Repaint 中，你只需輸入想要改變的內容，AI 就會完成工作。過去要花一個下午的更新，現在幾分鐘就能完成。

第二個差異在於你能做出什麼樣的網站。範本編輯器把你限制在範本所支援的範圍內。AI 建置工具則會根據你實際的業務來設計，讓你得到一個從版面到內容都量身打造的網站，而不是換個文字的預設模板。

這一切都不需要你手動重做網站。Repaint 會自動從你現有的網站抓取內容，而且無論網站是用什麼方式建置的，它都能運作。無論你是用 Hostinger 的網站建置工具，還是在 Hostinger 主機方案上執行 WordPress，只要你的網站是線上狀態，Repaint 都能處理。

AI 網站遷移的運作方式

Repaint 會像訪客一樣造訪你的線上網站。它會讀取你的文字、下載你的圖片，並為每個頁面截圖以了解設計。接著它會在 Repaint 中重建網站，之後你可以透過與 AI 對話來進行編輯。你不需要匯出任何東西，也不需要讓 Repaint 存取你的 Hostinger 帳戶，它只需要你的網址就夠了。

在整個過程中，你的 Hostinger 網站會保持線上且不受影響。在你把網域指向新網站之前，什麼都不會切換。如果你不喜歡 Repaint 建置出來的結果，什麼都不必做，你目前的網站會繼續運作，你的網域和電子郵件也會維持原狀。

第一步：匯入您的內容

首先，複製你目前線上 Hostinger 網站的網址。然後：

1. 前往 AI 網站重新設計工具。
2. 貼上你的 Hostinger 網站網址並送出。
3. 建立一個 Repaint 帳戶。

使用訪客實際會用的網址即可，無論那是你的自訂網域，還是 Hostinger 在你發布時提供的網址。

送出之後，Repaint 就會開始掃描你的網站。它會逐頁處理，讀取文字、下載圖片，並截圖以捕捉設計。目標是完整掌握你目前網站的樣貌，包含內容本身以及呈現方式。這些會成為重建的原始素材。

如果掃描漏掉了什麼，你可以稍後把缺漏的文字貼到對話中，或直接上傳檔案。Repaint 也能從網站以外的來源取得資訊，例如 Google Business 檔案或 PDF 價目表。在建置之前提供的素材越充分，之後需要修正的地方就越少。

第二步：生成您的網站

掃描完成後，Repaint 會在開始建置前先問幾個問題。這是你決定新網站要與舊網站保持多接近的時候。你可以保留相同的頁面和內容，只升級設計。或者你也可以更進一步，移除不再需要的頁面、新增舊網站沒有的頁面，或請 Repaint 改寫過時的文字。如果你不確定自己想要什麼，Repaint 可以提出一個方向，讓你來回應。

選擇風格

你的新網站不必看起來像 Hostinger 範本。大多數情況下，Repaint 會在建置前先生成幾個風格範例，讓你能比較真實的選項，而不是憑空想像。你也可以直接主導風格方向。你有幾個選項：

• 選擇其中一個生成的風格範例
• 保留目前網站的外觀
• 仿照你喜歡的其他網站
• 用自己的話描述想要的風格

無論你選擇哪個方向，Repaint 都能從舊網站帶入你的品牌色彩和標誌。

審閱結果

一旦你確定了方向，Repaint 就會生成網站。一般規模的 Hostinger 網站需要幾分鐘。有數十個頁面的大型網站可能需要五分鐘或更長時間。

完成後，Repaint 會打開新網站的預覽。第一個版本可能會有一些不完美的地方，例如被截斷的標題，或位置不對的圖片。這是正常的，下一步就是要修正這些問題。有一項要仔細檢查的，是你 Hostinger 網站使用的任何內建附加功能，例如預約系統或商店結帳功能。這些無法直接遷移，但 Repaint 可以重建頁面，並在原位置連接第三方工具。

第三步：進行調整

你可以透過告訴 Repaint 你想要的內容來進行更改，使用的是建置網站時的同一個對話。用平常說話的方式描述改動，Repaint 就會套用並顯示更新後的頁面。如果結果不是你想要的，直接說出來，它就會調整。這個方式適用於任何規模的改動，從改一句話的措辭，到新增整個頁面都可以，Repaint 會為你處理版面配置、間距和行動裝置尺寸。

你可以按任何順序進行這些編輯，但通常先打磨風格能省下不少工夫。風格上的改動會一次性重塑每個頁面，所以太晚才做可能會抵消你已完成的細節工作。Repaint 也會把你現有的頁面當作範本，來建置任何新內容，所以網站現有的部分越漂亮，新增的內容也會做得越好。

一旦風格感覺對了，剩下的就是逐頁檢查。確認文字準確、圖片位置正確、連結有效，並且在手機上看起來也順暢。

審閱 SEO

如果你的 Hostinger 網站有搜尋流量，在轉換過程中值得特別保護它。Google 是依 URL 為個別頁面排名的，所以移到新 URL 的頁面會重新開始，沒有任何歷史記錄。避免這種情況的方法，就是在新網站上保留相同的路徑。請 Repaint 比較新網站和舊網站的 URL，並重建任何不相符的路徑。大多數 Hostinger 網站規模不大，這項工作只需幾分鐘。如果你想了解更深入的做法，我們寫了一份完整的網站重新設計 SEO 指南。

當網站看起來沒問題、內容也正確無誤後，你就可以準備發布了。

第四步：發布

到目前為止，你的新網站還只是只有你能看到的草稿。發布才是把它放上網際網路的動作。點擊右上角的「發布」按鈕，你的網站就會以一個結尾為 sites.repaint.com 的免費網址上線。這是一個真實、可運作的網站，你可以在手機上開啟它，或傳給朋友徵求意見。

發布並不會取代你的 Hostinger 網站。兩者會同時並存，你的網域仍然指向 Hostinger，所以訪客看到的仍然是舊網站。這個階段完全不用急。你可以持續編輯、多次發布更新，直到新網站準備好接手為止。等準備好了，最後一步就是完成切換。

第五步：連接您的網域

最後一步是將你的網域指向新網站。網域的作用就像通訊錄裡的一筆聯絡資訊。目前它告訴瀏覽器要從 Hostinger 載入你的網站，你要做的就是把它更新成改從 Repaint 載入。網域本身仍然註冊在 Hostinger，擁有權方面完全沒有改變。

要完成切換，只要在對話中告訴 Repaint 你想連接網域，它就會給你一份簡短的設定清單，稱為 DNS 記錄，並附上在你的 Hostinger 帳戶中該去哪裡輸入這些設定的說明。如果卡住了，描述你看到的畫面，Repaint 會引導你完成。連接自訂網域需要付費方案，詳情可參閱定價頁面。

這項更新通常在大約 20 分鐘內生效，但偶爾可能需要更久。你可以請 Repaint 幫忙檢查，一旦新網站在你的網域上正式上線，它就會告訴你。你的電子郵件會照常運作，因為它使用的是另一組設定，不會被更動。切換確認後，你可以取消 Hostinger 訂閱中的網站建置部分，並保留你仍在使用的項目，例如網域註冊和電子郵件。

結語

Hostinger 是讓網站上線的一個便宜方式，從這裡開始並沒有什麼不對。但當範本開始限制你的時候，你不必手動重建一切才能擺脫它。Repaint 直接從你的線上網站匯入內容，圍繞它設計出新網站，並在之後透過同一個對話處理每一次更新。

嘗試它也不需要任何承諾。你在建置的同時，Hostinger 網站仍會保持上線，你的網域和電子郵件也維持原狀，訪客在你把網域指向新網站之前，不會看到任何變化。如果你不喜歡結果，可以讓一切維持原樣。

常見問題

Hostinger 遷移需要多長時間？

匯入內容並生成新網站通常需要 3-10 分鐘。之後所需的時間，取決於你想調整多少。大多數 Hostinger 網站規模不大，多數人都能在當天完成。

我的 Hostinger 網站是用 WordPress 架設的，這樣還能用嗎？

可以。Repaint 是掃描你的線上網站，所以背後用什麼軟體並不重要。在 Hostinger 主機上運行的 WordPress 網站，匯入方式與用 Hostinger 網站建置工具製作的網站相同。如果你想了解 WordPress 特有的細節，我們也有專門的WordPress 遷移指南。

我需要把網域從 Hostinger 移走嗎？

不需要。你的網域仍然註冊在 Hostinger。你只需新增 DNS 記錄，讓它指向你的新網站。Repaint 會提供這些記錄，並引導你完成新增。

我的電子郵件是透過 Hostinger 運作的，還能繼續使用嗎？

可以。電子郵件是由另一組獨立的 DNS 記錄控制的，當你把網域連接到 Repaint 時不會受到影響。繼續保留你付費使用的 Hostinger 電子郵件服務即可，你的電子郵件不會有任何改變。

Hostinger Horizons 怎麼辦？

Horizons 是 Hostinger 較新推出的 AI 建置工具，是一款基於提示詞的工具，更接近 Bolt 或 Lovable 這類應用程式建置工具。根據我們的測試，它的設計較弱、生成速度較慢，免費方案的限制也更多。它的主要賣點是和 Hostinger 其他產品一樣便宜的主機服務，所以除非這對你來說是最重要的，否則你可能更適合使用 Repaint。無論如何，本指南對 Horizons 網站同樣適用。發布它，然後像匯入其他網站一樣，把已發布的網址貼到 Repaint 中即可。

我的聯絡表單還能使用嗎？

可以。Repaint 會建置能將送出內容直接送到你收件匣的聯絡表單。如果你舊的表單來自 Hostinger 的建置工具，Repaint 會重新建立它。如果你使用 Typeform 之類的外部工具，請分享嵌入碼，Repaint 會幫你放上去。

我可以遷移 Hostinger 線上商店嗎？

部分可以。Repaint 可以建置產品頁面和商店前台，但結帳與付款功能需要連接 Shopify 或 Stripe 等服務。如果商品目錄不大，這樣就足夠了。如果線上銷售是你業務的核心，你會需要一個搭配 Repaint 使用的專門電商平台。

遷移期間我的 Hostinger 網站會怎樣？

不會怎樣。Repaint 完全不會動到它。你是在建置一個獨立的網站，你的 Hostinger 網站會保持上線，直到你把網域指向新網站為止。如果你改變主意，也可以直接繼續使用你的 Hostinger 網站。

從 Hostinger 換到 Repaint 要花多少錢？

在 Repaint 子網域上匯入、編輯和發布都是免費的，不需要信用卡。連接自訂網域需要付費方案，起價為每月 $25，或每月 $20（按年計費）。Hostinger 通常會比較便宜。你付費買的是一個更好的網站，以及透過對話自行更新網站的能力。

如果 AI 犯了錯怎麼辦？

Repaint 會在每次更改時儲存你網站的一個版本。請它回到之前的版本就能還原，或者你也可以打開版本歷史，自行還原到任何時間點。沒有什麼是不可逆的，所以放心嘗試。