今天终于成功把网站放到了服务器上（服务器也没花钱，免费淘的阿里云半年的云服务器ESC），所以再懒也要记录一下。
想搭建这么一个网站，前提的前提是你要有一个服务器。
在这里我给大家推荐一个如何选择购买服务器的详细视频（需要注册阿里云账号）：
阿里云视频讲解：视频讲解
为什么我还要写下面，因为我在这个过程中还经历了很多很多其他的坑，记录下来以便自己后期查看。
一、安装网页运行环境（镜像）
为什么我已经有半年的服务器了，但是我用软件连接的时候总显示拒绝连接？
因为我没有安装镜像。
安装镜像包括两种：
a.买服务器的同时安装镜像
b.已购买ESC云服务器，如何更换镜像？
对于b情况解决方法
最左边的功能栏 云服务器ESC----->实例与镜像（选择镜像）------>点击管理----->停止ECS，强制停止更快----->左边靠中间部分有个配置信息列表，选择更换系统盘（或者点击更多，更换操作系统）----->在镜像市场中搜索LAMP环境（Ubuntu18.04 Apache PHP7.1）----->输入镜像密码，然后确认更换----->查看，访问自己的公网ip
具体操作图如下
这样网页的运行环境就配置好了。如果有那些地放没有看懂，大家可以参考上面的视频的连接
二、代码添加背景音乐
如何在一个没有背景音乐的代码中添加背景音乐那？
下载好的音乐------->重命名为m.mp3（可以是其他名字，我觉得最好命名为字母）------->在代码最后一行添加相应的代码，特别注意音乐名要一致
具体也可以参考下面的图片：
代码采用的是Visual Studio Code编辑的。
Ctrl+S保存文档之后，再从本地打开网址就有音乐了。
代码连接：
链接：https://pan.baidu.com/s/14SPU0FAZYUFg6DRQqf78IA
提取码：uv3d
三、将网站搭到服务器上
首先你要有软件工具：
FileZilla软件
链接：
链接：https://pan.baidu.com/s/1lfVpQaxSPOQqnUGRRhUpAw
提取码：bpp7
安装步骤：
a 点击安装包开始进行安装，点击同意协议：
b 选择 Anyone，点击Next：
c 点击下拉选框底部的Desktop Icon 前面的方框，选择添加桌面快捷图标，点击Next：
d 点击Browse，选择修改软件Filezilla的安装路径（最好不要有中文），点击OK进入下一项：
e 点击Next:
f 安装完成
软件我们也有了，代码也有了，那么开始上传代码吧。
Ⅰ：
主机：sftp://自己的服务器公网ip
用户名：root（不用改）
密码：之前安装镜像时的密码
端口：22
然后点击快速连接
Ⅱ：
进入/data/wwwroot/default/ 目录，创建一个old文件夹，将目录上的原始文件全部搬到old内。
然后将表白文件上传至/data/wwwroot/default/ 目录下（不是old目录）。
完成之后打开一个浏览器，访问自己的公网ip就可以了。
注意：如果上传代码后，访问自己的网站无法访问，重复步骤①中的重新安装网页运行环境，然后再重新上传代码。这样就ok了。
如果有一些地方我没有解释清楚，还希望大家多多参考上面的视频连接，视频讲的很详细
最后效果图：
附录：
1.代码连接
链接: 代码
提取码：uv3d
2.FileZilla软件链接：
链接: FileZila
提取码：bpp7
转载 安装步骤参考博客：
https://blog.csdn.net/weixin_42255190/article/details/99288673?utm_source=app
3.阿里云详细讲解视频：
链接: link
4.b站详细讲解视频：
链接: link