Nginx功能1-静态网站部署(详细解读)

上一篇👉Nginx在Linux下的安装&启动和访问


总目录👉一文带你轻松加愉快入门Linux


🚴大家好!我是近视的脚踏实地,这篇文章主要是先来讲Nginx的第一个功能-静态网站部署
     唯有行动  才能解除你所有的不安

静态网站的部署

Nginx作为高性能的http服务器,他可以部署静态的网站资源,只需要把自己要部署的那个网站的所有内容 上传到服务器的/usr/local/nginx/html下即可访问。

1.查看nginx.conf配置文件

那么这样访问是没有问题,但是我们要放到哪,怎么访问,所以这个地方得搞清楚他的一个配置问题,那么首先进到nginx的目录,可以看到有个conf目录👇:
在这里插入图片描述
然后我们进去,可以看到有一个配置文件叫做nginx.conf,👇:
在这里插入图片描述
接着来vim一下,看到文件里边,#蓝色的都是注释,里边有很多内容,那么我们要大量修改里边的内容,每次都用vim来改的话会非常麻烦。
在这里插入图片描述

2.使用EditPlus来配置连接到Linux

所以这里介绍一个比较方便的方式,EditPlus,这个编辑器是可以配置连接到Linux系统里边的一些文件系统的,那么首先点文件--->FTP--->上传
在这里插入图片描述
接着点设置
在这里插入图片描述
然后点击添加
在这里插入图片描述
然后分别添上这个连接的名字,可以随便取,要连接Linux的IP和主机用户名和密码,然后点高级设置
在这里插入图片描述
选择sftp,把端口填上
在这里插入图片描述
再点一下OK,就完事了
在这里插入图片描述
然后在左边选接可以了
在这里插入图片描述
然后找到/usr/local/nginx/conf,然后上边是文件夹,下边是文件👇:
在这里插入图片描述
双击打开文件后,有很多,然后先把注释都删了,然后ctrl+s保存
在这里插入图片描述
在这里插入图片描述
那么这个配置文件我们在远程就改了,就不需要vim那么麻烦,还插入模式,我们可以在Linux上用vim命令查看一下👇:
在这里插入图片描述
那么我们先来看看配置文件这里,圈起来的就是我们启动nginx然后访问到的一个位置,在地址栏输入了IP地址,这个地方相当对应了上边的localhost。

在这里插入图片描述
然后没有敲端口默认是80,然后这里的location 后边是/,什么都没写,那么下面的root,就是什么都不写的时候,访问的映射的目录叫html,这个目录就是在刚刚和conf在同一级目录那里,然后这个html目录默认的首页index的index.html或者index.和htm,进到里边可以发现就是默认访问index.html
在这里插入图片描述
在这里插入图片描述

3.通过EditPlus上传需要部署的静态资源并修改配置文件进行部署

那么现在我想访问我自己的资源,就是改一下就行了,那么首先EditPlus他不仅可以远程修改Linux上的配置文件,还可以把你本地文件的资源上传到Linux服务器相对应的目录下边,直接拖过去到相应的,目录下就可以了,那就先把要部署的静态资源拉倒nginx目下即可
在这里插入图片描述
在这里插入图片描述
那么这个index里边就是要部署的一些静态资源
在这里插入图片描述
接着需要做的事就是修改一下配置文件默认访问的位置就好了,上面盖改的是目录名称,下边就是文件里边的欢迎页面的名称,当然可以配置多个,保存完即可👇:
在这里插入图片描述

4.访问部署好的静态资源

然后就可以启动nginx了
在这里插入图片描述
接着打开浏览器,输入IP地址就可以访问到自己部署的静态网站了👇:
在这里插入图片描述


下一篇👉Nginx功能2-虚拟主机-端口绑定和域名绑定

本篇博客到这就完啦,非常感谢您的阅读🙏,如果对您有帮助,可以帮忙点个赞或者来波关注鼓励一下喔😬 ,嘿嘿👀

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值