手把手教你搭建属于自己的服务器!

2023-07-28 08:06:24来源:散文随风想


(资料图片仅供参考)

还真行!!!

由于两个工具建站方法差不多,所以我就以 Nginx 为例

1. 安装 Nginx

安装完之后解压,然后你会看到如下目录:

点击领取Python面试题手册Python从入门到进阶知识手册

2. 配置 Nginx

3.启动 Nginx 服务

恭喜你,已经成功搭建了 Nginx 服务器!

4. 为你的网站添加文件

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta >    <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: 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" >                <input type="password" >                <div class="btn">Login</div>            </div>            <div class="msg">                Don"t have account?                <a href="#">Sign up</a>            </div>        </div>    </div></body></html>

5. 内网穿透

5.1 注册

5.2 开通隧道

注册好后,我们点击 “开通隧道” 选项,选择“免费节点”,有实力的也可以选贵的。

5.3 启动服务

标签:

  • 今日焦点
  • 行业动态