前情提要：

昨天兴致勃勃地在腾讯买了个域名，准备给部署到腾讯云COS的网站使用，然后发现不买腾讯云的服务器居然没法备案，因为之前已经买过一次腾讯的服务器，导致这次享受不到首单优惠，买一年轻量要一百多，不想花这钱，于是把目光转向阿里，参加新人活动白嫖了三个月的服务器，决定先跑通整个流程后面再考虑买长期。目前腾讯阿里华为都在搞年终活动，买服务器还是比较便宜的，我把活动页面放在下面，有需要可以自行考虑购买。

具体步骤：

话不多说直接上实操

1.安装linux操作系统

linux操作系统是服务器常用的操作系统，虽然相比windows server没有图形化界面，但是性能更强，纯命令行操作小白更容易看攻略上手。

在购买好服务器后，进入到云服务器的控制台，初始化的时候推荐选择安装ubutun镜像，ubutun是linux的众多发行版之一，有巨大的用户群，查了百度说小白上手linux使用ubuntun比较好查资料(其实用了chatGPT都一样)

实例初始化完成后，点击远程连接，使用推荐方式下载阿里云客户端的方式来连接实例。

image-20240117164932992

2.连接云服务器

下载好阿里云客户端后，设置好账号参数，登录到客户端

image-20240117162703616

账号参数在阿里云官网头像移上去，截图中的两个地方获取。

image-20240117161658080

登录进去后点击阿里云客户端首页的云服务器

image-20240117163100669

选择实例操作，SSH连接

image-20240117163601586

使用默认的临时密钥连接即可，点击连接，即可连接到服务器。

image-20240117164558127

3.安装nginx软件

⚠️注意：在linux系统中，很多命令执行成功后，系统不会响应，这时候不要怀疑，没有响应就是执行成功了(这个设计有点坑)

执行如下命令安装nginx软件

1
2
sudo apt update
sudo apt install nginx

启动nginx

1
sudo systemctl start nginx

验证nginx是否启动

1
systemctl status nginx

出现如图所示的信息就是成功了

image-20240121143527739

nginx启动后会默认监听80端口，并且有一个默认的html欢迎页面，输入下面的命令可以访问

1
curl localhost #访问localhost:80端口

4.配置阿里云安全组规则，开放服务器80端口访问权限

因为阿里云服务器默认不开放80端口，因此我们需要到服务器安全组控制台手动添加一条规则

image-20240121144707835

安全组配置好以后，如果linux没开防火墙，我们在自己的windows电脑上打开浏览器输入服务器ip，就可以访问到nginx的欢迎页

image-20240121145014503

5.将前端打包好的静态文件传输到云服务器

使用阿里云客户端，直接将打包的文件夹传到服务器中。

在下图所示的界面中点击查看服务器文件，点击连接，即可可视化地操作云服务器中的文件夹

image-20240117163438798

进入云服务器的 /var/www/目录，点击文件上传，将前端打包的文件夹直接传进去即可。

image-20240117163509674

删除原来的html目录，并把打包文件的目录改成html，就大功告成了！

6.测试是否部署成功

打开浏览器输入服务器的ip地址，回车。