手把手教你利用Nginx搭建屬于自己的服務(wù)器

更新時間：2023年08月10日 16:47:35 作者：NuoyaLucas

最近總是想搭建自己的網(wǎng)站，奈何皮夾里空空如也，服務(wù)器也租不起，更別說域名了，于是我就尋思能否自己搭建個服務(wù)器，還不要錢呢，本文就來手把手教你如何實現(xiàn)吧

1.安裝Nginx

首先前往Nginx官網(wǎng)（nginx.org)進行下載，也可以直接用我提供的鏈接下載1.23版本：http://nginx.org/download/nginx-1.23.1.zip

安裝完之后解壓，然后你會看到如下目錄：

由于Nginx的功能很多，而我們今天只是搭建個服務(wù)器，所以只會用到其中的一部分。

2.配置Nginx

進入conf文件夾，打開nginx.conf文件進行編輯，里面的配置很多，我對其中一些重要的配置進行了說明（前面有“#”的表示并沒有真正寫入配置，若要加入，只需去掉“#”）：

3.啟動Nginx服務(wù)

配置完Nginx后，返回Nginx根目錄，找到nginx.exe，雙擊運行它，你會看到有個小黑框一閃而過，這說明Nginx已經(jīng)成功啟動！你可以打開瀏覽器，輸入：虛擬主機名稱:監(jiān)聽的端口（剛剛的配置），回車，就會看到如下網(wǎng)頁：

恭喜你，已經(jīng)成功搭建了Nginx服務(wù)器！

4.為你的網(wǎng)站添加文件

光開啟了服務(wù)可還不夠，如果別人看到你的網(wǎng)站只有干巴巴的一段文字，有什么用？接下來，進入剛剛配置的文件夾位置，在該文件夾下新建一個txt，打開后輸入這段代碼：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        html {
            height: 100%;
        }
        body {
            height: 100%;
        }
        .container {
            height: 100%;
            background-image: linear-gradient(to right, #fbc2eb, #a6c1ee);
        }
        .login-wrapper {
            background-color: #fff;
            width: 358px;
            height: 588px;
            border-radius: 15px;
            padding: 0 50px;
            position: relative;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
        .header {
            font-size: 38px;
            font-weight: bold;
            text-align: center;
            line-height: 200px;
        }
        .input-item {
            display: block;
            width: 100%;
            margin-bottom: 20px;
            border: 0;
            padding: 10px;
            border-bottom: 1px solid rgb(128, 125, 125);
            font-size: 15px;
            outline: none;
        }
        .input-item:placeholder {
            text-transform: uppercase;
        }
        .btn {
            text-align: center;
            padding: 10px;
            width: 100%;
            margin-top: 40px;
            background-image: linear-gradient(to right, #a6c1ee, #fbc2eb);
            color: #fff;
        }
        .msg {
            text-align: center;
            line-height: 88px;
        }
        a {
            text-decoration-line: none;
            color: #abc1ee;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="login-wrapper">
            <div class="header">Login</div>
            <div class="form-wrapper">
                <input type="text" name="username" placeholder="username" class="input-item">
                <input type="password" name="password" placeholder="password" class="input-item">
                <div class="btn">Login</div>
            </div>
            <div class="msg">
                Don't have account?
                <a href="#" rel="external nofollow" >Sign up</a>
            </div>
        </div>
    </div>
</body>
</html>

再將文件名改為index.html，保存，最后再次打開瀏覽器，輸入虛擬主機名稱:監(jiān)聽的端口（剛剛的配置），回車，你就會看見如下頁面：

是不是非常好看？這個index.html其實是用HTML+CSS寫出來的，感興趣的同學可以去學習一下。

除了html文件，你還可以在該文件夾里放任何文件，如：圖片，視頻，壓縮包等等。

5.內(nèi)網(wǎng)穿透

服務(wù)器搭建完了，網(wǎng)頁也有了，但其實除了跟你在同一個局域網(wǎng)下的人，都無法訪問你的網(wǎng)站。

這里就要用到內(nèi)網(wǎng)穿透了，所謂內(nèi)網(wǎng)穿透，也即是局域網(wǎng)能夠直接通過公網(wǎng)的ip去訪問，極大的方便用戶的日常遠程的一些操作的使用。這里我建議大家使用飛鴿內(nèi)網(wǎng)穿透，使用方法如下：

5.1 注冊

進入飛鴿內(nèi)網(wǎng)穿透官網(wǎng)，進行注冊，這步就不多講了。

5.2 開通隧道

注冊好后，我們點擊“開通隧道”選項，選擇“免費節(jié)點”，有實力的也可以選貴的。

然后填寫信息，其中前置域名可以自定，本地ip端口一定要設(shè)置成：你的內(nèi)網(wǎng)ip:剛配置的端口號。

最后點擊確認開通，就OK了，這樣你就得到了免費域名+免費公網(wǎng)ip。

5.3 啟動服務(wù)

點擊此鏈接，根據(jù)電腦系統(tǒng)下載客戶端。下載完后解壓，一共有兩個文件：傻瓜式運行點擊我.vbs和npc.exe。點擊傻瓜式運行點擊我.vbs，打開后會看見一個彈窗，讓你填寫指令。我們切回飛鴿官網(wǎng)，點擊“隧道管理”，如下圖：根據(jù)電腦系統(tǒng)選擇指令，點擊復(fù)制，然后切回剛才的彈窗，將指令輸入進去，點擊確定。