最近、いつも自分のウェブサイトを作りたいと思っていますが、財布は空っぽで、ドメイン名はおろか、サーバーを借りる余裕もありません。それで、お金を払わずに自分でサーバーを構築できるかどうか疑問に思いましたか？
とてもいいです！! !
数日間サーフィンをした後、Apache と Nginx という 2 つの無料の Web サイト ビルダーがあることを知りました。
2 つのツールのビルド方法は似ているため、Nginx を例に取り上げます。
1.Nginxをインストールする
最初に Nginx の公式 Web サイト ( nginx.org ) にアクセスしてダウンロードするか、私が提供したリンクを直接使用してバージョン 1.23 をダウンロードできます: http://nginx.org/download/nginx-1.23.1.zip
インストール後に解凍すると、次のディレクトリが表示されます。
Nginxには多くの機能があり、今日はサーバーを構築するだけなので、それらの一部のみを使用します.
2.Nginx の設定
conf フォルダに入り、編集のために nginx.conf ファイルを開きます。その中には多くの構成があり、いくつかの重要な構成について説明しました (先頭の「#」は、構成が実際には書き込まれていないことを意味します。参加する場合、「#」を削除するだけです):
3.Nginx サービスを開始する
Nginx を構成した後、Nginx のルート ディレクトリに戻り、nginx.exe を見つけてダブルクリックして実行すると、小さな黒いボックスが点滅して表示されます。これは、Nginx が正常に起動されたことを意味します。ブラウザーを開き、次のように入力します: 仮想ホスト名: listen ポート (構成済み)、Enter キーを押すと、次の Web ページが表示されます。
おめでとうございます。Nginx サーバーの構築に成功しました。
4. Web サイト用のファイルを追加する
サービスをオンにするだけでは十分ではありません. 誰かがあなたのウェブサイトをテキストの乾いた段落だけで見たら、何の役に立つでしょうか? 次に、構成したフォルダーの場所を入力し、フォルダーの下に新しい 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="#">Sign up</a>
</div>
</div>
</div>
</body>
</html>
次に、ファイル名を index.html に変更して保存し、最後にもう一度ブラウザーを開き、仮想ホスト名 (リッスン ポート (今の構成)) を入力して Enter キーを押すと、次のページが表示されます。
すごく綺麗じゃないですか？この index.html は実際に HTML+CSS で書かれており、興味のある学生はそれを学ぶことができます。
html ファイルに加えて、画像、ビデオ、圧縮ファイルなど、任意のファイルをこのフォルダーに入れることもできます。
5. イントラネットへの浸透
サーバーがセットアップされ、Web ページが使用可能になっていますが、実際には、同じ LAN 上にいる人以外は誰もあなたの Web サイトにアクセスできません。
ここではイントラネットへの侵入が必要です. いわゆるイントラネットへの侵入とは、パブリック ネットワークの IP を介してローカル エリア ネットワークに直接アクセスできることを意味し、ユーザーの日常的なリモート操作を大幅に容易にします. ここでは、Flying Pigeon のイントラネットへの侵入を使用することをお勧めします。使用方法は次のとおりです。
5.1 登録
Feige のイントラネットに入り、公式 Web サイトにアクセスして登録します.この手順については説明しません.
5.2 トンネルを開く
登録後、「トンネルを開く」オプションをクリックし、「無料ノード」を選択します. 有能な人は、高価なものを選択することもできます.
次に、フロント ドメイン名をカスタマイズできる情報を入力し、ローカル IP ポートを次のように設定する必要があります。 イントラネット IP: 構成したばかりのポート番号。
最後に、[OK] をクリックしてアクティブ化すると、無料のドメイン名と無料のパブリック ネットワーク IP が取得されます。
5.3 サービスの開始
このリンクをクリックして、コンピューター システムに応じたクライアントをダウンロードします。ダウンロード後解凍すると、me.vbs と npc.exe の合計 2 つのファイルがあります。愚か者のように実行し、my.vbs をクリックすると、ポップアップ ウィンドウが表示され、指示を入力することができます。Feige の公式 Web サイトに戻り、下の図に示すように、[トンネル管理] をクリックします。コンピュータ システムに応じてコマンドを選択し、[コピー] をクリックして、ポップアップ ウィンドウに戻り、コマンドを入力します。をクリックし、[OK] をクリックします。
このように、イントラネットへの侵入は成功です！ブラウザを開き、先ほど開いたトンネルのアクセスアドレス（上の写真で消したところ）を入力してEnterキーを押すと、先ほど書いたWebページも開くことができ、成功です。