网页部署

购买服务器

直接去阿里云或者腾讯云或者华为云去购买，建议试用

连接服务器

windows操作系统中，安装有git Bash可以直接进行ssh连接远程的云服务器

macOS操作系统之间在命令行操作即可

ssh root@服务器地址

手动部署

了解dnf

在本地电脑连接云服务器后，可以使用下面命令查看是否有dnf这个软件包管理工具

dnf

dnf：是一个软件仓库，它可以帮助我们在云服务器中安装依赖包

dnf在CentOS 8.0的云服务器中自带有

如果是8.0以下的CentOS云服务器需要使用yum手动安装
yum install dnf

nginx的安装和配置

安装nginx环境

dnf install nginx

安装完nginx后需要启动nginx

systemctl start nginx

systemctl status nginx	// 可以查看nginx是否启动

systemctl enable nginx	// 这步可以不要

启动成功后可以，可以到浏览器中查看是否启动成功

直接访问云服务器地址

nginx默认打开的端口为80端口，服务器默认打开的也是80端口，如果没有打开，可能是因为服务器没有开放80端口，需要去配置：

如果是阿里云：到安全组中添加端口，一般不限制来源，所以一般来源为：0.0.0.0
如果是腾讯云：到防火墙中添加端口（腾讯云默认添加有80端口）

查看nginx页面

在nginx默认页面中会有它展示页面的路径（方框里的第一行后面）

/usr/share/nginx/html

使用linux命令进入此目录查看

cd /usr/share/nginx/html

ls

进入此目录的index.html文件

vi index.html
或 
vim index.html

修改nignx配置

目前我们服务器地址展示的是nginx中/usr/share/nginx/html目录中的index.html页面

那么我们怎么让服务器地址展示我们自己的页面呢？

首先创建一个文件夹来存放我们要展示的页面

不一定要在root路径中创建，只要你后面在nginx中配置的路径没问题，在哪创建都可以

cd /root								// 进入根目录
mkdir 目录名							// 创建存放要展示文件的目录
touch 文件名							// 创建文件（后面可以修改）

修改nginx中的配置，建议使用第二种

修改nginx中的配置，可以使用下面命令进入nginx的配置文件

修改的第一种方式：通过命令行修改

cd /root		// 进入根目录
cd ../			// 进入根目录上一层
ls			// 查看目录
cd etc/			// 进入etc目录
ls			// 查看etc目录
cd nginx/		// 进入nginx
ls			// 查看nginx目录
vi / vim nginx.conf 	// 进入nginx配置文件修改

如果觉得上面一步步进入nginx配置文件觉得麻烦，可以直接使用下面的命令直接进入nginx配置文件

vi/vim /etc/nginx/nginx.conf

修改的第二种方式：在VSCode中修改

安装Remote-SSH扩展
点击+号连接云服务器，输入下面的命令
```
ssh root@服务器地址
```
输入后，选择linux系统，输入密码即可在VSCode中连接到远程的服务器

打开文件夹

// 可以打开nginx的配置文件
/etc/nginx/nginx.config

// 也可以打开我们自己创建的文件

如果需要跳转，也可以在VSCode左上角文件中打开文件夹

ctrl + p

输入路径即可
/etc/nginx/nginx.config 	// 跳转到nginx的配置文件

修改nginx配置文件并保存

1.修改用户
user nginx;		改为->		user root;

2.注释掉server中的root
# root         /usr/share/nginx/html;

3.在server中的location /中配置默认打开的文件路径 root 为你自己创建的路径，不一定是我下面的root后面的路径
location / {
    root /root/compiler;
    index index.html;
}

打开VSCode的终端重启nginx
```
systemctl restart nginx
```
重启后回到页面刷新即可看到我们在location中配置的页面了
可以直接把需要展示的页面直接拉到location中root配置的目录下，直接展示页面

一些Linux命令

cd /root/			// 返回根目录 
pwd				// 可以查看当前路径
clear				// 清空
cd				// 进入某个目录
ls				// 展示目录
vi / vim		 	// 进入某文件中进行修改
i				// 进入vi / vim时，使用i后才能进行输入
ESC				// 退出 vi / vim 的输入状态
:qw				// 退出并保存 vi / vim
mkdir 文件名			// 创建文件夹
rmdir 文件名			// 删除文件夹
touch 文件名			// 创建文件
rm 文件名			// 删除文件
mv 文件名/ 目录	 	        // 将某目录移动到目录中

手动部署网页