私人定制情人节告白网站并且部署上线，谁说程序员没有爱！超详细步骤！源码分享！

2024-05-16 01:02:00

私人定制情人节告白网站并且部署上线，谁说程序员没有爱！

文章目录

私人定制情人节告白网站并且部署上线，谁说程序员没有爱！
前言
项目地址：
方法1：部署到自己的ecs服务器
- 白嫖一个ecs服务器
方法2：部署到github上
网站转换为二维码
总结
总结

前言

情人节马上就要到了，在这个特殊的日子里，不知道各位程序员们给自己的另一半准备了什么呢？作为一名合格的码农，当然要发挥出自己的长处，去让女朋友开心的同时也会夸赞我们的技术。不需要太复杂，一个合她心意的网站就足够了！

本篇文章主要是把html表白页面部署到云服务器ECS上，使女友能够通过打开网站或者扫描一个二维码就能够收到我们的心意。下面就让我们开始教学吧！本片文章提供两种部署方法，一种是部署到云服务器ecs，一种是部署到github。两种方法都可以实现，随你挑选！选你自己熟悉的来部署吧！个人觉得github的要简单一些。有问题请在下方评论或者私信我！看到都会解答的。

项目地址：

模板获取，请到github上面自取！https://github.com/ImViper/lovehtml

方法1：部署到自己的ecs服务器

想要部署项目到线上，让自己的女友看见，那当然需要一台服务器。如果你已经拥有服务器的话，可以直接跳过本步骤。

如果没有的话，那么你可以选择自己购买一台，什么平台的都可以。如果你想着这只是一个一次性的工具，那么我可以教各位白嫖一个两小时的ecs服务器。在那一刻让女朋友开心，之后这个服务器就可以弃用了。

如果你还是学生的话，可以通过阿里云的学生认证，免费录取三个月的ecs服务器，这也是一个不错的选择呢！

学生领取地址：https://developer.aliyun.com/adc/college/?spm=a2c6h.13788135.J_8940100790.1.4ba85f24lT9sFF

白嫖一个ecs服务器

首先我们参加一个阿里云的体验计划，让我们能够拥有一个两小时时长的ecs服务器。

地址如下：https://developer.aliyun.com/adc/scenario/fdecd528be6145dcbe747f0206e361f3?spm=a2c6h.15013979.J_7591448770.1.6b617077aURwk1

点击体验

在左侧选择免费开通，等待创建ecs服务器。

这样，我们就拥有了一个属于自己的ecs服务器！选择一键复制url，新建一个无痕窗口（避免与你当前登录的账号冲突），粘贴网站，登录提供的账号。

输入提供的账号密码

选择左侧实例按钮，给实例更换操作系统，更换为linux宝塔系统方便我们部署。

选中实例并且停止实例，更换操作系统，

这里我们选择镜像市场，从市场中选择宝塔系统。

自定义一个密码即可

完成之后，已经切换到宝塔系统了，选择远程连接，设置宝塔。

登录成功后输入命令bt default，获取宝塔登录界面

进入宝塔管理面板，输入提供的初始密码。

这下我们就成功进入到了宝塔管理页面，可以开始部署我们的网站了。

点击左侧文件，进入到根目录。在这个目录上传我们的网页代码。

上传我们已经保存好的网站代码目录，这里我们选择上传loveheart。

点击左侧网站，安装web服务器。

我选择安装apache服务器，安装完成之后点击左侧网站，回到网站页面。

选择添加站点。域名输入自己申请的服务器的公网ip。例如本处是106.15.9.48。根目录选择你刚才上传的源代码文件夹。

提交后即可。现在在浏览器输入服务器的公网ip地址，即可浏览自己的表白网站啦！当然html代码的话自己先修改好再上传哦，这里就不解释怎么去修改html代码啦！效果如下

方法2：部署到github上

首先你得拥有一个属于自己的github账号，这里就不赘述怎么创建账号啦。相信各位程序员也会有自己的GitHub账号的！

打开项目地址：https://github.com/ImViper/lovehtml

fork我的项目，如果可以的话麻烦点个star！你的支持就是我最大的动力！

fork之后，在fork的项目里点击settings。

拉到最下面，找到GitHub Pages。选择master分支，点击Save保存。

如图显示则创建成功

这时候，根据项目的文件结构，你就得到了两个演示的网站。当然你的连接是你自己的用户名。

loveheart演示地址：https://imviper.github.io/lovehtml/loveheart/

love-ppt演示地址：https://imviper.github.io/lovehtml/love-ppt/

同理，别的模板对应的也是文件夹的名字。你可以选择自己把项目下载下来再修改，然后push回去。如果你熟悉这部分操作的话。

如果不熟悉也没关系，最简单的办法是打开对应文件夹里的html页面。

在文档里直接修改，然后commit即可！

网站转换为二维码

最后发给对象之前，把网站再转换成一个美观的二维码。这样就非常的完美啦！

二维码生成地址：https://cli.im/url

记得再给自己的二维码美化一下哦。网站上有一键美化啦。

总结

最后发给对象之前，把网站再转换成一个美观的二维码。这样就非常的完美啦！

二维码生成地址：https://cli.im/url

记得再给自己的二维码美化一下哦。网站上有一键美化啦。

[外链图片转存中…(img-ozyL9YBq-1612617579247)]

总结

到此教程就结束啦，相信各位很简单的都能够看得懂。最后祝各位有情人终成眷属，如果有帮到你的，请给我点个关注，收藏以下本文吧！谢谢！

私人定制情人节告白网站并且部署上线，谁说程序员没有爱！超详细步骤！源码分享！相关推荐

七夕情人节表白网站代码 3D流星雨旋转相册程序员专属情人节表白网站
❤ 精彩专栏推荐
最炫表白网站html5源码_七夕程序员的十款表白源码
❤ 精彩专栏推荐
php表白树洞怎么写,最新微信树洞炫彩版表白墙源码源码分享，七夕情人节互动表白留言墙PHP源码，兼容SAE...
8月份最新微信树洞炫彩版表白墙源码源码分享,七夕情人节互动表白留言墙PHP源码,完美兼容SAE! 程序特点: 1.php代码,完美兼容Sae,PHP空间 2.漂亮的扁平化界面,当前最流行. 3.发布选 ...
JEECG社区一个微信教育网站案例源码分享
微信教育网站案例演示: http://t.cn/RvPgLcb 源码分享: http://pan.baidu.com/s/1cUImy 截图演示:
二开的精美UI站长源码分享论坛网站源码可切换皮肤界面
介绍: PHP二开的精美UI站长源码分享论坛网站源码可切换皮肤界面网盘下载地址: http://kekewl.net/RROyxgOkauW0 图片:
免费网站源码分享平台有哪些好的源码网站
有哪些值得推荐的源码共享网站网站源码资源当然首选站长源码下载了,主要源码安全系数要高点,最主要是免费,还有就是一些商业源码分享站了可能会要积分才能下载了,比如商业源码,A5源码,源码... 有没有好 ...
十个炫丽的表白模板源码，整合成一个完整系统可修改文字，可统计人数，经典的爱情告白，万能告白模板，胜过鲜花表白，程序员的特殊表白方式说——我爱你（520）——html、js、css、jQuery
十个炫丽的表白模板源码,整合成一个完整系统可修改文字,可统计人数,经典的爱情告白,万能告白模板,胜过鲜花表白,程序员的特殊表白方式说--我爱你(520)--html.js.css.jQuery. 一. ...
瞬间心情愉悦，头发都少掉了几根！---Django+uwsgi+Nginx项目部署超详细步骤
文章目录瞬间心情愉悦,头发都少掉了几根!---Django+uwsgi+Nginx项目部署超详细步骤先决条件步骤本地运行测试上传服务器环境安装准备django程序完美解决! 瞬间心情愉 ...
HTML5期末大作业：直播网站设计——仿在线媒体歪秀直播官网模板html源码(11个页面) HTML+CSS+JavaScript 期末作业HTML代码
HTML5期末大作业:直播网站设计--仿在线媒体歪秀直播官网模板html源码(11个页面) HTML+CSS+JavaScript 期末作业HTML代码临近期末, 你还在为HTML网页设计结课作业, ...

最新文章

热门文章