Windows篇：零基礎(chǔ)零費(fèi)用快速建站，免費(fèi)實現(xiàn)個人首頁，輕松分享給朋友

時間：2022-08-25 04:12:01 | 來源：網(wǎng)站運(yùn)營

時間：2022-08-25 04:12:01 來源：網(wǎng)站運(yùn)營

勇敢走出第一步嘗試，建立起自己的個人網(wǎng)站，這里提供你所需要的建站技術(shù)指導(dǎo)和工具，助你初步搭建起自己的個人網(wǎng)站，并會協(xié)助你不斷地完善，來體驗建站的樂趣吧。

前期準(zhǔn)備

個人電腦（必備） 網(wǎng)站內(nèi)容（文中提供參考內(nèi)容） 工具下載（Nginx、utools）

//步驟展示//

①實現(xiàn)本地網(wǎng)站服務(wù) ②實現(xiàn)網(wǎng)站內(nèi)容部署 ③實現(xiàn)IP地址訪問（非必須） ④實現(xiàn)外網(wǎng)訪問 ⑤實現(xiàn)二維碼分享

一、實現(xiàn)本地網(wǎng)站服務(wù)

（1）Nginx工具下載：





下載地址

●Nginx官方下載地址：http://nginx.org/en/download.html

●Windows下載地址：http://nginx.org/download/nginx-1.19.10.zip

（2）Nginx解壓到D盤

進(jìn)入解壓目錄，點擊nginx.exe啟動或通過控制臺（文件路徑輸入cmd調(diào)出命令窗口），輸入start nginx命令啟動







（3）瀏覽器訪問

Nginx啟動檢查瀏覽器輸入：localhost:80訪問，出現(xiàn)下面頁面證明nginx啟動成功

操作注意事項

● 啟動檢查命令

#控制臺輸入命令tasklist /fi "imagename eq nginx.exe"啟動成功




啟動失敗




● 80端口占用檢查

#控制臺輸入命令netstat -ano|findstr 80端口被占用




● Nginx配置修改

#nginx的配置文件存放地址D:/nginx-1.19.10/conf/nginx.conf端口80被占用，修改為88







#修改后需加載配置，控制臺輸入命令start nginx● 關(guān)閉命令的使用

#要是存在多個nginx.exe進(jìn)程，可輸入命令關(guān)閉taskkill /f /t /im nginx.exe





● 其他操作命令

#快速停止nginxnginx -s stop #快速有序停止nginx -s quit#配置重載nginx -s reload

二、實現(xiàn)網(wǎng)站內(nèi)容部署

（1）個人網(wǎng)站內(nèi)容參考下載：https://gitee.com/ugoodu/html.git







（2）將個人網(wǎng)站內(nèi)容解壓到D:/nginx-1.19.10目錄下，覆蓋原來的html文件夾




（3）瀏覽器訪問localhost:88（這里端口注意和配置文件對應(yīng)）

溫馨提示

如果訪問失敗，需要檢查Nginx是否啟動成功，網(wǎng)站目錄是否包含index.html首頁

三、實現(xiàn)IP地址訪問（可跳過）

調(diào)出控制臺，輸入ipconfig，查看IPv4 地址就是你的局域網(wǎng)IP地址




瀏覽器輸入IP地址替換localhost訪問，192.168.1.2:80，同樣訪問成功

四、實現(xiàn)外網(wǎng)訪問

utools工具實現(xiàn)內(nèi)網(wǎng)穿透

（1）下載安裝utools工具：https://u.tools

（2）打開utools工具：安裝內(nèi)網(wǎng)穿透插件

（3）打開內(nèi)網(wǎng)穿透插件，配置映射： 外網(wǎng)域名填寫，內(nèi)網(wǎng)地址和端口需要對應(yīng)（本地默認(rèn)：localhost:80）

（4）點擊連接，點擊打開，直達(dá)域名訪問







相關(guān)內(nèi)容

utools是一個優(yōu)秀的插件工具，使用起來也比較簡單。有一定編程能力的用戶，可以自助編寫、或提交插件提供給其他用戶使用。

utools內(nèi)網(wǎng)穿透持續(xù)使用，必維保持軟件運(yùn)行，網(wǎng)絡(luò)暢通，nginx服務(wù)正常運(yùn)行。適用于個人開發(fā)測試，演示瀏覽，不適用于生產(chǎn)部署。

其他內(nèi)網(wǎng)穿透工具

（1）ngrok：官網(wǎng)地址https://ngork.com

（2）花生殼：官網(wǎng)地址https://hsk.oray.com

相關(guān)內(nèi)容

花生殼要想實現(xiàn)其內(nèi)網(wǎng)穿透需要花費(fèi)6元購買http服務(wù)，買1年，送98年（就是收6塊意思意思），要想實現(xiàn)更大的訪問量支持，花生殼有提供套餐購買。

ngrok實現(xiàn)內(nèi)網(wǎng)穿透功能需要注冊賬號，獲取授權(quán)碼，在客戶端運(yùn)行命令進(jìn)行授權(quán)碼認(rèn)證綁定。

五、實現(xiàn)二維碼分享草料二維碼

1、草料官網(wǎng)地址：https://cli.im

2、輸入網(wǎng)址生成二維碼https://cli.im/url







3、請掃一掃二維碼驗證效果







感謝看完本章，希望對你有所幫助，如操作過程中遇到問題，請在本章下留言討論，或通過本站/博客反饋，我們下一站再見。




只要堅持向前，路途再遠(yuǎn)，也能和夢想相見。