很多新手前端程序员或IT学员在掌握一些开发技巧后，都跃跃欲试，希望能用自己的技术做出一些很炫的成果出来。本教程就是手把手教你搭建表白网页，可以送给妹子、女朋友、老婆，在繁忙的日常生活中给她一丝小惊喜。
首先需要准备一个域名，去阿里云购买一个特殊寓意的域名，如你女朋友名字之类的。地址：https://wanwang.aliyun.com/
准备一个云服务器，国内的阿里云、腾讯云是用不了了，因为要强制备案，太麻烦了。可以用国外的云服务器。推荐两个用户口碑网络还不错的云主机商，vultr和virmach。
目前vultr有新用户注册送100美元活动：VULTR2020年优惠，新用户直接送100美元，附额外领3美元教程，注：只有通过以下邀请注册链接注册才能获得赠送的100美元哦。基础款云主机是5美元每月。
点击打开VULTR邀请注册链接
virmach可以算是在同时满足稳定性、网络的要求下，最便宜的vps主机了。最便宜的仅需1美元每月，建议选用月付2.5美元的主机，性能和稳定性会好很多。附：[指南]virmachVPS主机最全购买教程
Github地址：https://github.com/msterzhang/love
源码说明：源码仅仅只有一个html界面，很简单，但是效果非常棒！可以在源码中修改告白头像、告白对象姓名、在一起的时间、背景音乐等等，分别在102行、113行、137行、672行。代码中有注释，可以自行修改。
Github地址：https://github.com/wanghaodi/LoveSourceCode
源码说明：是html+JavaScript+css组成的纯前端网站，左边的文字以自动键入的方式慢慢显示，右边的心形渐变显示，效果也很不错。以“表白网页款式一源码”为例，index.html中的27-34行修改告白词，69行修改在一起时间，100行修改背景音乐。
github源码地址：https://github.com/loveonelong/Web-Love
源码说明：与第二个告白源码很像，是html+JavaScript+css组成的纯前端网站，内容样式也很像，只是动画效果不一样。在index.html中的32-48行修改告白词，194行修改初识日期。
在阿里云控制台->域名中，可以看到你购买的域名，点击解析，在记录值中填入你购买的vps云主机的ip地址。点击确定，过几分钟后，就可以通过域名访问你的vps云主机了。
以上三个表白网站源码都是纯前端代码，所以只需要安装apache，再把代码放到apache根目录下就可以了。
假设我们云主机的系统是ubuntu16.04，也建议用ubuntu16.04，用起来比较方便。
将表白源码放到apache的根目录下（/var/www/html/），有两种方法：
1用winscp将源码上传到云主机，再解压
2云主机安装git，apt-getinstallgit。再通过git将代码clone到apache根目录下
gitclone?git源码地址，如https://github.com/msterzhang/love
修改apache配置文件，将apache根目录改为你的表白网页的根目录，（假如你解压后的的项目目录为/var/www/html/love）。
vim/etc/apache2/sites-enabled/000-default.conf
DocumentRoot/var/www/html/love
如果没有问题的话，就可以通过域名访问你的告白网页了，试试吧~。如有问题，欢迎加群讨论哦，群号：283468775
本文来源：国外服务器--简单几步教你自己制作表白网页（如何制作表白网页教程）
本文地址：https://www.idcbaba.com/guowai/1700.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 1919100645@qq.com 举报，一经查实，本站将立刻删除。
