使用教學

用 ShipPress 免費網址發佈網站

讓第一個網站上線,不需要另外找主機商。ShipPress 可以把網站的靜態複本發佈到以 .workers.dev 結尾的免費網址上。網站上的表單訊息會透過電子郵件寄給你。本教學將以一家名為 Harbor Beans 的咖啡廳網站為例,帶你一步步將網站從電腦發佈到網路上,接著發佈變更,並在正式上線的網站上測試聯絡表單。

作者:Oberon Lai。我是 ShipPress(Codotx, LLC)的開發者,所以這是我們自己的產品。

影片為英語發音並提供繁體中文字幕,按下播放後才會從 YouTube(youtube-nocookie.com)載入。 在 YouTube 上觀看
  1. 在電腦上準備好網站

    在網站正式上線前,它只會在你的電腦上運行。請先在預覽畫面中仔細檢查。如果你希望訪客能聯絡到你,請確認「聯絡我們」頁面有包含表單。如果沒有,你可以請 AI 幫忙,例如:

    在聯絡頁面新增包含姓名、電子郵件和訊息的聯絡表單。

  2. 點擊「上線」

    點擊右上角的 上線。第一次使用時,ShipPress 會用兩個簡短的步驟向你說明各種選項:你需要一個網址,以及將網站放上網路的方式(你自己的電腦、ShipPress 靜態代管,或是專業的主機商)。點擊 下一步,然後點擊 完成。

  3. 選擇「免費網址」

    「上線」視窗有兩個分頁:免費網址 與 WordPress 主機。選擇 免費網址。你的網站會發佈到以 .workers.dev 結尾的免費網址,不需要挑選主機商,表單內容也會透過電子郵件寄給你。

    免費網址提供的是網站的靜態複本。任何需要在伺服器上執行 WordPress 的功能(例如 WooCommerce 網路商店)都無法在此運作。若有這些需求,請使用 WordPress 主機 分頁,並參考 上線 教學。

  4. 使用電子郵件登入

    輸入你的電子郵件,然後點擊 寄驗證碼給我。ShipPress 會寄一組六位數驗證碼到你的信箱。輸入驗證碼並點擊 登入。這裡不需要密碼。請使用你經常收信的信箱,因為網站表單收到的訊息也會寄到這裡。

  5. 放上免費網址

    登入之後,ShipPress 會顯示你已經使用了多少個免費網址網站。每個帳號最多可建立五個。點擊 放上免費網址。

    ShipPress 會為每個頁面建立靜態複本,找出變更過的檔案,進行上傳並將網站切換到新版本。完成後,它會顯示有多少頁面已上線,以及哪些頁面包含表單。在 值得注意 下方,則會列出訪客無法開啟的項目,例如連往 WordPress 控制台的連結。

  6. 開啟已上線的網站

    點擊 免費網址 下方的網址,即可在瀏覽器中開啟你的網站。試用 徽章代表搜尋引擎會略過此免費網址。如果想正式完整上線,可以在 網站 中綁定你自備的網址或購買網域名稱。

  7. 發佈變更

    像平常一樣在 ShipPress 中繼續編輯。在影片中,AI 修改了全站各處的營業時間。接著再次點擊 上線,然後點擊 發佈變更。系統只會上傳有變動的檔案。

    之前的版本 會列出你發佈過的所有版本,並標記目前的版本。如果變更後發現有問題,只要點擊舊版本旁的 回到這個版本 即可。

  8. 測試聯絡表單

    在已上線的網站上,填寫聯絡表單並送出。經過簡短的安全性檢查後,表單會顯示已成功送出,訊息就會寄到你登入時使用的電子郵件信箱。完全不需要安裝外掛或設定郵件伺服器。

  9. 接下來該做什麼

    若想改用自己的網域名稱或 WordPress 主機,請參閱 上線。想繼續完善你的網站,請參考 修改網站。

    還沒有安裝 ShipPress 嗎?前往 下載 ShipPress(免費,Mac)。