網站在自己電腦上跑得好好的。首頁漂亮、選單順暢、表單也測過了。

然後你發現一個問題：這一切只有你看得到。網址是 localhost 或 127.0.0.1，關掉電腦就消失，傳連結給客戶只會得到「打不開耶」的回覆。

從本機到正式上線，中間隔著三樣東西：網域、主機、以及把檔案搬過去的過程。這篇文章會依序走完這三步，並說明每一步最容易卡住的地方。

不管你的網站是 WordPress、純 HTML、還是自己寫的 PHP 程式，流程都是一樣的。如果你還沒開始做網站，〈WordPress 架站完整教學〉是更前面一步的起點。

先搞懂：localhost 到底是什麼

你用 XAMPP、MAMP 或 Local 開發時，其實是在自己的電腦上跑了一台伺服器。它有完整的網頁伺服器、PHP、資料庫，功能跟正式主機一樣——差別只有一個：它只接受來自這台電腦的連線。

所以 localhost 對每個人來說都指向「自己的電腦」。你傳這個網址給客戶，他打開的是他自己的電腦，當然什麼都沒有。

要讓全世界看得到，你需要把同樣的東西放到一台24 小時開機、有固定位址、允許任何人連線的電腦上——那就是虛擬主機。

上線需要準備的三樣東西

1. 網域名稱

網站的門牌，例如 yourcompany.com.tw。訪客靠它找到你，也是你將來寄信、做品牌的基礎。

台灣企業通常選 .com.tw，國際品牌或個人作品集用 .com 就好。命名原則是愈短愈好、避免連字號和數字——因為你會需要在電話裡念給客戶聽。網域可以在 5NET 一併申請，跟主機放在同一家管理起來省事得多。

2. 虛擬主機

存放網站檔案的地方。挑選時要確認三件事：支援你的網站需要的環境（WordPress 需要 PHP 和 MySQL）、機房位置（客戶在台灣就選台灣主機）、以及有沒有真人客服。

詳細的判斷標準在〈台灣虛擬主機怎麼選？新手最常犯的 6 個錯誤〉。

3. 檔案傳輸工具

把本機的檔案送上主機。最常用的是 FileZilla（免費），也可以用主機控制台內建的檔案管理員。

第一步：把網站打包帶走

先確認你手上有完整的兩份東西。只帶走一份的話，上線後一定出事。

網站檔案

XAMPP 的預設路徑是 C:\xampp\htdocs\你的專案資料夾，MAMP 在 Applications/MAMP/htdocs。整個資料夾的內容都要帶。

建議先壓縮成一個 zip 檔。WordPress 動輒上萬個小檔案，用 FTP 逐檔上傳可能要跑一整晚，而且中途斷線就得重來。壓縮成單一檔案上傳，再到主機上解壓縮，快非常多。

資料庫

純 HTML 網站沒有資料庫，可以跳過這一段。WordPress、購物車或任何會存資料的系統都有。

在本機打開 phpMyAdmin（XAMPP 通常是 localhost/phpmyadmin），左側選擇你的資料庫，點上方的「匯出」，選「快速」模式、格式 SQL，執行後會下載一個 .sql 檔案。

這個檔案裡有你所有的文章、頁面、設定。務必確認檔案大小合理——如果只有幾 KB，多半是匯出失敗了。

第二步：把網域指向主機

網域和主機是兩個獨立的東西，買了之後要「牽線」，這一步叫 DNS 設定。

主機商開通時會給你兩組（有時三組）DNS 伺服器位址，長得像 ns1.主機商.com。你要到網域註冊商的管理後台，把預設的 DNS 換成這兩組。

如果網域和主機都在同一家買，這一步通常業者會直接幫你設定好。這也是把兩者放在一起的好處之一——出問題只需要找一個窗口。

設定完不會馬上生效

DNS 的變更需要時間傳播到世界各地的伺服器，通常幾小時內完成，有些 ISP 較慢，可能要 24 到 48 小時。

這段期間你可能會看到網站時好時壞，或是同事看得到、你看不到——這是正常現象，不要以為設錯了而反覆修改。來回亂改只會讓你搞不清楚哪個設定才是對的。

不想等？先用臨時網址測試

多數主機商會提供一組臨時網址，或是可以用「主機 IP:2083」直接登入控制台。你可以趁 DNS 還沒生效時，先把檔案傳上去、把資料庫匯進去，等 DNS 一通網站就直接可用。

但要注意：用臨時網址安裝 WordPress 或編輯內容，資料庫裡會存下那個臨時網址，等切回正式網域就會出現破圖或版面跑掉。這個坑後面會說明怎麼避開。

第三步：上傳檔案

登入主機控制台（多數台灣主機用 cPanel），進入「檔案管理員」。

最重要的觀念：public_html

你會看到一堆資料夾，但只有 public_html 是對外公開的。放在裡面的檔案全世界都看得到，放在同層的其他資料夾裡則完全連不到。

所以網站的首頁檔案（index.html 或 index.php）要放在 public_html 的根目錄。

這一步最常見的錯誤是：把壓縮檔解開之後變成 public_html/mysite/index.php，結果網址變成 example.com/mysite/ 而不是 example.com/。解壓縮後記得確認檔案的層級，多一層就要把內容往上搬。

用 FTP 還是檔案管理員

如果你已經壓縮成單一 zip 檔，直接用檔案管理員上傳最快——瀏覽器傳一個大檔比傳一萬個小檔穩定得多。上傳後在檔案管理員裡右鍵選「解壓縮」即可。

如果檔案分散、或是之後會經常更新個別檔案，那 FTP 工具比較方便。FTP 帳號可以在 cPanel 的「FTP 帳戶」自行建立。

第四步：建立資料庫並匯入

本機的資料庫不會跟著檔案一起搬過去，要在主機上重建一份。

建立資料庫的三個步驟

用 cPanel 的「MySQL 資料庫精靈」最不容易出錯，它會強制你依序完成：

1. 建立資料庫——輸入名稱，系統會自動加上你的帳號前綴，實際名稱會變成 youraccount_資料庫名。
2. 建立使用者——設定帳號密碼，同樣有前綴。密碼直接用系統產生器就好。
3. 把使用者加入資料庫並給予權限——勾選「所有權限」後儲存。

第三步最多人漏掉。只做前兩步的話，資料庫和使用者都存在但沒有關聯，網站會顯示「資料庫連線錯誤」，而你檢查帳號密碼卻發現都是對的。逐步的操作畫面在〈cPanel 新手教學：資料庫、信箱、SSL 怎麼設〉的資料庫那節。

匯入資料

進入 phpMyAdmin，選擇剛建立的資料庫，點「匯入」，選擇你從本機匯出的 .sql 檔案，執行。

如果檔案太大導致匯入失敗，可以先用壓縮軟體把 .sql 壓成 zip 再上傳，phpMyAdmin 支援直接匯入壓縮檔。

第五步：修改連線設定

網站檔案裡有一份設定檔，記載著「要連哪個資料庫、用什麼帳密」。本機的設定在主機上不適用，必須修改。

WordPress 的設定檔是根目錄的 wp-config.php，用檔案管理員直接編輯，找到這四行：

define( 'DB_NAME', '資料庫名稱' );
define( 'DB_USER', '使用者名稱' );
define( 'DB_PASSWORD', '密碼' );
define( 'DB_HOST', 'localhost' );

前三項改成主機上的值（記得帶前綴），DB_HOST 在共用主機通常維持 localhost。

改完之後打開網站，如果首頁出來了，就代表資料庫接上了。

第六步：處理網址問題

這是上線後最常出狀況的一步，症狀是圖片全部破圖、版面跑掉、或是點連結會跳回 localhost。

為什麼會這樣

WordPress 會把網站網址存進資料庫，而且很多圖片、連結存的是完整網址而不是相對路徑。你在本機做的時候，那些網址都是 http://localhost/mysite/...。

搬到正式主機後，那些路徑指向的還是 localhost——也就是訪客自己的電腦，當然找不到東西。

怎麼修

用資料庫批次取代工具，把舊網址整批換成新網址。WordPress 可以裝「Better Search Replace」外掛，或是在 phpMyAdmin 執行取代。

三個注意事項：

• 執行前一定要先匯出資料庫備份。這是不可逆的操作，改錯了無法還原。
• 先用試跑（dry run）模式確認會改幾筆，數字合理再正式執行。
• 新舊網址都要寫完整，包含 http/https 和結尾有沒有斜線。

破圖的成因和判讀方式，〈主機搬家後常見的 6 個問題〉的問題二有更完整的說明——上線和搬家遇到的其實是同一類狀況。

避開這個坑的做法

如果還沒開始做，最省事的方式是一開始就在本機設定正式網域，或是等 DNS 生效後才開始編輯內容。這樣資料庫裡從頭到尾都是正確的網址。

第七步：上線後一定要做的四件事

1. 啟用 SSL 憑證

沒有 SSL 的網站，瀏覽器會在網址列標示「不安全」，訪客看到通常就關掉了。現在多數主機內建 AutoSSL，會在網域指向主機後自動申請免費憑證。

裝好之後記得開啟「強制 HTTPS 重新導向」，否則 http 和 https 兩個版本會並存，Google 會視為重複內容。

2. 確認網站沒有被擋住收錄

WordPress 有一個開關會叫 Google 不要收錄整個網站，開發期間常常會打開它。到「設定 → 閱讀」確認「避免搜尋引擎索引這個網站」沒有被勾選。

這一項是上線後最該優先檢查的。忘記關的話，網站上線一年都不會出現在搜尋結果，而且完全沒有任何警告。

3. 提交 sitemap 到 Search Console

Google 不會主動知道你架了新網站。裝一個 SEO 外掛產生 sitemap，到 Search Console 驗證網站所有權後提交，可以加快收錄。

如果過了一兩週還是搜尋不到，〈為什麼你的網站 Google 搜尋不到〉可以帶你逐項排除。

4. 立刻做第一次備份

網站正常運作的那一刻，就是最值得備份的時間點。之後任何更新出事，都可以退回這個乾淨的版本。

備份的完整做法在〈網站備份怎麼做？WordPress 備份與還原完整教學〉。

上線檢查清單

對外公開之前，逐項確認：

• 首頁與所有內頁都打得開，沒有 404
• 圖片全部正常顯示，沒有破圖
• 選單和內部連結點得到正確的頁面
• 聯絡表單測試過，而且真的收得到信
• 用手機開一次，確認版面正常
• SSL 已生效，網址列有鎖頭
• 「避免搜尋引擎索引」沒有被勾選
• 已提交 sitemap
• 已做過一次完整備份

常見的五個卡關點

• 檔案放錯層級。不在 public_html 根目錄，網址會多一層或整站打不開。
• 資料庫沒加使用者權限。帳密都對卻一直顯示連線失敗。
• 忘記資料庫名稱有前綴。設定檔裡填了本機的名稱。
• DNS 還沒生效就以為失敗。反覆修改反而把狀況弄複雜。
• 用臨時網址編輯內容。切回正式網域後全部破圖。

結語

從本機到上線，本質上就是把「檔案」和「資料庫」兩樣東西搬到一台公開的伺服器上，再把設定檔改成新環境的值。流程不複雜，但每一步都有一個容易踩的坑。

建議的順序是：先買好網域和主機並設定 DNS → 趁等待生效時上傳檔案、建立資料庫 → 改好 wp-config.php → DNS 通了之後處理網址取代 → 最後做 SSL、收錄設定與備份。

如果你在某一步卡住了，或是不想自己處理這段過程，歡迎與我們聯絡。5NET 提供台灣機房的虛擬主機與網域一站式服務，網站上線的協助也包含在內——不用對著英文文件自己摸索。