在掌握了一些开发方法后，很多菜鸟后端程序员或者IT同学都跃跃欲试，希望用自己的技术做出一些很酷的结果。 本教程就是一步步教你如何搭建一个告白页面，可以献给美女、闺蜜、老婆，在忙碌的日常生活中给她一点惊喜。
建立告白网页策划工作1 准备域名
首先你需要规划一个域名，去阿里云订购一个有特殊含义的域名，比如你女朋友的名字之类的。 地址：
2 准备云服务器
要准备云服务器，国内的阿里云、腾讯云都没用，因为强制备案太麻烦了。 美国云服务器可用。 推荐两家口碑网络好的云主机提供商，vultr和virmach。
目前vultr有新用户报名100美元活动：VULTR 2020分红，新用户直接获得100美元，并额外附赠3美元教程。 注：只有通过以下邀请注册链接注册才能获得奖金$100。 基本云托管价格为每月 5 美元。
点击打开VULTR邀请注册链接
Virmach可以说是最实惠的同时满足稳定性和网络要求的vps主机了。 最实惠的每月只需1美元，建议选择月付2.5美元的主机，性能和稳定性会好很多。附件：【攻略】virmach VPS主机最全订购教程
类型
中央处理器
记忆
磁盘
流动
价格
购买地址
便宜的
1 核
192M
10G
250G/月
$1/月||$10/年
点击进入
可靠的
1 核
512M
15G固态硬盘
1吨/月
$2.5/月||$25/年
点击进入
3 选择并配置表白源码
github上有各种广告网站的源码，其中下面三套广告源码的star比较多，效果确实不错。 如果github访问慢html表白代码，可以在q群（283468775）下载源码。 由于录制的gif经过压缩，实际效果比gif好很多。
告白源码一
GitHub地址：
源码说明： 源码只有一个html界面，非常简单，但是疗效很好！ 可以在源码中更改求婚的头像、表白对象的名字、在一起的时间、背景音乐等，分别在第102、113、137、672行。代码中有注释，你可以自己更改。
效果图：
表白源码二：
GitHub地址：
源码说明： 是一个由html+JavaScript+css组成的纯后端网站。 左边的文字以手动打字的形式逐渐显示，右边的心形渐变显示，效果也很好。 以《表白网页样式1源代码》为例，修改index.html中第27-34行求婚的话，第69行修改一起时间，第100行修改背景音乐。
效果图：
告白源码三
github源码地址：
源码说明： 和第二次求婚源码很相似。 是一个由html+JavaScript+css组成的纯后端网站。 内容风格也很相似，但动画效果不同。 在index.html中，第32-48行更改了提案一词，第194行更改了第一次相遇的日期。
效果图：
广告网页部署1域名解析
在阿里云控制台->域名中可以看到您购买的域名，点击分析，在记录值中填写您购买的vps云主机的ip地址。 点击确定html表白代码，几分钟后就可以通过域名访问你的vps云主机了。
2 网页布局
以上三个广告网站的源代码都是纯后端代码，所以只需要安装apache，然后将代码放在apache的根目录下即可。
假设我们云主机的系统是ubuntu16.04，那么也建议使用ubuntu16.04，使用起来更加方便。
安装阿帕奇
apt-get 安装 apache2
将广告源代码放到Apache根目录（/var/www/html/）有两种方式：
1 使用winscp将源码上传到云主机，然后解压
2 在云主机上安装git，apt-get install git。然后通过git将代码克隆到apache根目录
cd /var/www/html/
git clone git源地址，如
修改apache配置文件，将apache根目录修改为您的广告网页根目录（如果您解压后的项目目录为/var/www/html/love）。
vim /etc/apache2/sites-enabled/000-default.conf
文档根目录 /var/www/html/love
重新启动阿帕奇
服务 apache2 重新启动
如果没问题的话，就可以通过域名访问你的求婚网页了，试试吧~。 如果有任何疑问欢迎加群讨论，群号：283468775
VPS精选网络，版权所有丨如未标注，均为原创丨
转载请标注原文链接：简单几步教你制作属于自己的广告网页，附搭建部署教程及源码
发表评论