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

2023-05-26 0 340

源自:CSDN,译者:NuoyaLucas

镜像:https://blog.csdn.net/Lucas0623/article/details/126584307

前段时间常常想构筑他们的中文网站,惟有手提包里空空如也,伺服器也租不下,更不用说搜索引擎了。只好我就别急若想他们构筑个伺服器,还千万别钱呢?

还Vadodara!!!

历经两天的划船,我辨认出有三个完全免费的T8300辅助工具:Apache 和 Nginx

虽然三个辅助工具T8300方式相差无几,因此我就以 Nginx 为例

1. 加装 Nginx

具体来说赶赴 Nginx 官方中文网站(nginx.org[1]) 展开浏览,也能间接用我提供更多的镜像浏览 1.23 版:http://nginx.org/download/nginx-1.23.1.zip[2]

加装完后Cogl,接着你会看见如下表所示产品目录:

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

虽然 Nginx 的机能许多,而他们那时而已构筑个伺服器,因此只会加进当中的一小部分。

2. 实用性 Nginx

步入 conf 实用性文档,关上 nginx.conf 文档展开编辑,里面的实用性许多,我对当中一些重要的实用性展开了说明(前面有#的表示并没有真正写入实用性,若要加入,只需去掉#)

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

3.启动 Nginx 服务

实用性完 Nginx 后,返回 Nginx 根产品目录,找到 nginx.exe,双击运行它,你会看见有个小黑框一闪而过,这说明 Nginx 已经成功启动!你能关上浏览器,输入:虚拟主机名称: 监听的端口(刚刚的配置),回车,就会看见如下表所示网页:

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

恭喜你,已经成功构筑了 Nginx 伺服器!

4. 为你的中文网站添加文档

光开启了服务可还不够,如果别人看见你的中文网站只有干巴巴的一段文字,有什么用?接下来,步入刚刚实用性的实用性文档位置,在该实用性文档下新建一个 txt,关上后输入这段代码:

<html lang=“en”

>

    <meta charset=“UTF-8”

>

    Document

    

        * {

            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;

        }

    <div class=“container”

>

        <div class=“login-wrapper”

>

            <div class=“header”

>Login

<div class=“form-wrapper”

>

                <input type=“text”

 >

                <input type=“password”

 >

                <div class=“btn”

>Login

            <div class=“msg”

>

                Don

t have account?

                Sign up

再将文档名改为 index.html,保存,最后再次关上浏览器,输入虚拟主机名称: 监听的端口(刚刚的实用性),回车,你就会看见如下表所示页面:

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

是不是非常好看?这个 index.html 其实是用 HTML+CSS 写出来的,感兴趣的同学能去学习一下。

除了 html 文档,你还能在该实用性文档里放任何文档,如:图片,视频,压缩包等等。

5. 内网穿透

伺服器构筑完了,网页也有了,但其实除了跟你在同一个局域网下的人,都无法访问你的中文网站。

这里就要加进内网穿透了,所谓内网穿透,也即是局域网能够间接通过公网的 ip 去访问,极大的方便用户的日常远程的一些操作的使用。这里我建议大家使用飞鸽内网穿透,使用方式如下表所示:

5.1 注册

步入飞鸽内网穿透官方中文网站,展开注册,这步就不多讲了。

5.2 开通隧道

注册好后,他们点击 “开通隧道” 选项,选择“完全免费节点”,有实力的也能选贵的。

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

接着填写信息,当中前置搜索引擎能自定,本地 ip 端口一定要设置成:你的内网 ip: 刚实用性的端口号。

最后点击确认开通,就 OK 了,这样你就得到了完全免费搜索引擎 + 完全免费公网 ip。

5.3 启动服务

点击此镜像根据电脑系统浏览客户端。浏览完后Cogl,一共有三个文档:傻瓜式运行点击我. vbs 和 npc.exe。点击傻瓜式运行点击我. vbs,关上后会看见一个弹窗,让你填写指令。他们切回飞鸽官方中文网站,点击 “隧道管理”,如下表所示图:根据电脑系统选择指令,点击复制,接着切回刚才的弹窗,将指令输入进去,点击确定。

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

这样内网穿透就成功了!关上浏览器,输入刚才开通的隧道的访问地址(上图被抹掉的地方),回车,同样能开到之前编写的网页,就成功了。

—END—

推荐↓↓↓

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务