在靜態網站開發過程中，開發者常常面臨一個需求：如何快速地將本地正在開發中的網站共享給客户、團隊成員或進行線上測試？傳統的解決方案是購買服務器、配置複雜的網絡環境，但這對於敏捷開發和即時演示來説過於繁瑣。

我們推薦一款好用的工具，通過 ZeroNews 結合 Netlify 這一現代化的部署平台與內網穿透技術，可以打造一個高效無縫的工作流，它既能保留本地開發的靈活性，又能輕鬆實現公網訪問，從而進行實時演示、測試或協作。本文將詳細介紹這一組合方案的實現。

Netlify 是一個現代化的一站式網頁應用託管與自動化平台，專為簡化現代網絡開發工作流而設計，尤其擅長託管由靜態站點生成器（如 React, Vue, Svelte）或框架（如 Next.js, Nuxt.js）構建的網站和應用。

Netlify 的核心理念是讓前端開發者能夠無需關心複雜的服務器運維、擴展性和網絡優化，只需專注於編寫代碼。它通過將許多最佳實踐（如持續部署、全球內容分發、HTTPS 等）自動化，極大地提高了開發效率和網站性能。

一、 準備本地 Netlify 項目與環境

安裝 Netlify CLI：Netlify 提供了強大的命令行工具，允許你在本地運行一個功能豐富的開發服務器。通過 npm 全局安裝。
1、 我們打開CMD命令窗口，並執行如下命令

2、 整體等待一段時間，則會出現安裝完成的提示

3、 安裝完成後，可以通過版本查詢命令驗證是否安裝成功

4、如果成功展示版本信息，則表示已經安裝成功了

二、 創建並啓動本地項目

1、 首先，我們找到我們web項目的文件夾，例如 D:\Netlify

2、 然後我們通過命令行，進入到該文件夾

3、 這時候，可以看到我們命令窗口已經進入到該文件夾了

4、 現在我們通過 Netlify 命令啓動本地服務器

5、 可以看到命令啓動成功，並且提示我們本地服務已經運行成功，以及提供本地站點的訪問路徑"http://localhost:8888"。

6、 我們通過提供的本地訪問路徑"http://localhost:8888"就能夠在瀏覽器訪問我們的本地站點了。

三、 創建 ZeroNews 映射服務

1、 首先，打開 ZeroNews 網站，然後選擇您的系統，並按照對應的步驟和命令安裝運行 Agent 服務。

2、 運行完成之後，您可以在 Agent 頁面看到已經在線的 Agent 服務。

3、 接着，我們在域名端口頁面，創建一個可用的公網域名，並勾選TCP 協議端口和選擇TCP 端口。

4、 域名創建完成之後，我們繼續打開映射頁面，並按下面的步驟添加映射a) Agent：選擇第一步運行的 Agentb) 映射協議：選擇 TCP 協議c) 域名：選擇剛創建好的域名d) 帶寬：根據需要選擇帶寬大小e) 內網IP：我們是本地部署，直接使用 127.0.0.1 即可f) 內網端口：輸入本地服務的端口 8888 即可

5、 按照上述步驟創建完成之後，我們就可以得到一條可公網訪問的映射域名

四、 公網訪問您的Web項目

1、我們在任意有網絡訪問電腦的瀏覽器上，複製上面的鏈接 ...*:15566 並打開訪問。（需要注意不能複製前面的 tcp://）

2、 當然，如果您對於Netlify 有更多更好的使用建議，也可以同步給到我們。