三步让你学会搭建一个表白网站

今天终于成功把网站放到了服务器上（服务器也没花钱，免费淘的阿里云半年的云服务器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