利用阿里云ECS和html/css快速搭建公开的个人网站

一直想搭建一个可以公开访问的个人网站，趁疫情隔离这段时间，终于完成这件事。记录一下主要的学习经历，包括如何购买云服务器 (ECS) ，配置服务器，上传写好的html/css网页文件与运营，以及购买域名及域名解析到这个网站。

购买和使用阿里云ECS

区别于自建服务器需要掌握的技术和花费的时间，购买目前国内厂商提供的云服务器来的方便的多。对于高校学生身份，阿里云提供学生专享服务-飞天加速计划。 在完成身份认证，以及指定的任务和测试后，可以先免费使用2个月，对新手练手刚好。

当然配置基本没得选择，地域选择华南2，操作系统选择Debian 9.8 64位。点击购买，支付0元就购买成功了。

购买成功后，在管理中心的概览和实例中都可以看到自己已经购买的服务器。这里先在更多->密码与密钥->重置实例密码，重启服务器后生效。记住设置的密码和公网IP地址是作为日后连接到服务器的重要信息。

这里为了后面我们建立的网站可以被外网访问，我们需要在控制中心左侧界面，网络与安全->安全组中选择操作->配置规则。

手动添加一个新的授权策略如下，端口范围80/80。然后保存。

配置云服务器

这里需要下载的插件有四个（点击链接便可下载）：两个是在本地电脑上使用的：putty -利用linux命令来远程控制操作服务器；Winscp -本地电脑和服务器之间传送文件的工具，后续运营网站只需要用这个软件上传网页文件到服务器即可。另外两个插件JDK和Tomcat是要传送到服务器上的，用来配置服务器环境和展示网站的。

打开putty，输入前面提到的服务器公网ip地址连接，连接后进行登录，在命令行输入root回车再输入设定的密码，回车后便提示已进入服务器。先在服务器主目录下home文件夹中建立一个新的文件夹pan（具体命令：输入 cd ..回车返回主目录，输入cd home/ 回车进入home文件夹，然后输入 mkdir pan 回车建立这样的文件夹）。然后打开winscp软件将本地的JDK和Tomcat两个文件传送到服务器pan文件夹中，登录winscp后可以看到左侧是本地电脑上的文件，右侧是服务器上的文件，先在右侧双击进入新建的/home/pan/中，然后再左侧找到下载的文件，选中后右击上传。

然后回到putty工具中，用linux命令完成这两个文件的解压。这时候putty可能需要重新连接，重新登录后利用命令cd ..和cd home/pan/先进入pan这个文件, 输入ls回车后可以看到已经上传的两个文件jdk和tomcat. 后续解压操作指令如下

接下来，我们需要对JAVA环境变量进行配置，主要编辑etc文件夹下面的profile文档。如下图，首先我们进入jdk文件夹所在位置并打印（该位置被填充在下面的语句中）。然后使用vim /etc/profile编辑profile文档，拉到文档最下层，添加如下java语句：

export JAVA_HOME=/usr/local/jdk-17.0.1
export PATH=$JAVA_HOME/bin:SPATH
export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar

输入:wq保存文档并退出。为使得修改生效，需要回到阿里云控制中心，重启服务器。重启后，需要重新连接Putty，使用root登录。
配置好java环境变量，tomcat便可以使用。这里我们还需要去修改tomcat配置使得我们添加的外网端口(80)可以访问。命令如下：

到这里，服务器配置基本完成，现在可以去启动tomcat来展示网页。具体操作如下：

我们现在就可以在浏览器中输入公网IP便可以看到网页显示，这是默认显示的是tomcat的网页文件。后面我们需要做的就是找到服务器存放这些网页文件的位置(tomcat /webapps /ROOT），然后将其替换成自己的网页文件，这样访问到的便是自己的网页。

上传html/css网页文件及运营

替换网页文件的操作可以通过winscp实现，登录ip地址，打开右侧服务器上tomcat网页存放位置，删除里面的所有文件，然后将本地电脑上写好的网页文件一起上传到服务器上该位置，主要网页首页的命名应保持一致(index.html)。这样在浏览器中输入ip地址便可以访问到自己写好的网站，后期要更新网页也是同样操作，先在本地将文件更新，再上传到服务器中覆盖相应文件即可。

写网页可以先在本地调试修改好，上传最终版至服务器。具体关于html/css语言可以参考网上很多教学，像菜鸟教程，以及学习别人网页的源代码。

购买域名及域名解析

我们可以用公网ip地址去访问自己的网站。当然，为了方便网站的分享和容易记住，一般都是要为其购买一个专属的域名，也就是常见的网址，例如阿里云网站：https://www.aliyun.com。我们可以通过阿里云万网平台购买，不同后缀价格不一样，根据需要选择，主要设置的域名必须无重复。

购买了域名之后，进入控制台便可以看到自己的域名列表，点击解析进入解析设置，然后利用新手引导将自己服务器的Ip地址输入，点击确定便完成解析。现在是可以通过域名来访问自己的网站了，域名前加或不加www.都可以访问。

如果购买的是在大陆服务器，到这里必须要去完成域名备案，否则就会利用域名访问就会是下面这个样子。备案的话可以在阿里云平台上完成，就是实名认证，完成一些资料填写，平台也提供了代理备案，自己弄的话是免费但是可能略麻烦。当然不要域名，我们也可以直接用IP地址访问，就是网站会被标注成不安全，到目前的使用来看仍然是可以这样访问的。

在完成这次搭建过程中，主要参考学习的最有价值的视频教程（使用阿里云服务器快速搭建个人网站)，也分享出来作为保留以及供大家参考。