【云计算的1024种玩法】为喜欢的人建一个网站

在阿里云服务器的支撑下，搭建一个属于自己的网站。以阿里云服务器ECS为基础，搭建一个网页平台，用HTML5编出自己喜欢的动态网页内容。

一、搭建一个可以运行的平台
1、开通云服务器
阿里巴巴财大气粗，对在校学生也是相当慷慨。阿里云账户完成实名认证和学生身份认证，购买云产品即可享受优惠。

链接如下：https://promotion.aliyun.com/ntms/campus2017.html 一定要保证已经实名认证和学生认证。

2、搭建镜像LAMP环境（Ubuntu16.04 Apache PHP7.1）
有三种方式搭建环境：第1种方法是在购买ECS是选择镜像；第2种方法是购买完之后更换镜像：强制停止服务器配置信息更换系统盘；第3种方法是在阿里云云市场直接购买。

3、安装Visual Studio Code（VSC）和FileZilla

VSC下载链接：https://code.visualstudio.com/Download

VSC可以直接编写修改HTML5代码，对网页内容进行修改和完善；

FileZilla下载链接：https://filezilla-project.org/download.php?type=client

FileZilla从虚拟机上上传文件；

以上两个软件安装好之后，可以实现对网页代码的修改完善，以及上传至服务器上，可以通过外网访问网页内容。

二、在搭建好的网页上玩转文字
对于不太熟悉HTML5编程的同学来说，要想把自己的内容写网页上，其实也简单。以下是显示文字的代码段，以下是几个小技巧，能够帮助丰富网页内容：

1、加代码  ，能够实现换行的功能，是你的内容显得更加的易读；
2、在  中的>< 中间加入你要写的字，例如你要写“我是谁”，可以这样写```javascript
我是谁

好了，小技巧介绍完了，我们来体验一下表白的效果吧！
1、首先我们打开网页 https:// 外网IP，展现在眼前的是一颗赤红的心形，看似平静的心，有了另一半的触动（点击）之后，就会立刻溅出火花。

2、点击红心之后，就会出现你要的火花，此处是动态的，自行脑补一下吧。

3、视觉冲击做足了以后，是不是该来点干货了，码农style瞬间变成了表白style，左边的代码驱动着整个心的形成。

通过以上的例子只是想说明，即使是对网页知识一无所知，也可以随心所欲玩转你的表白网页，把你想说的用动态的文字表达出来，生动形象，又增加些许的浪漫！

是不是意犹未尽！更详细的步骤文档和视频，传送门>>

云服务器9.9元/月大学生专享，戳这里戳这里>>

阿里云技术认证，点击前往>>

最后更新：2017-08-13 22:31:56