520七夕表白,还不懂浪漫?4套代码教会你如何深情表白【建议收藏】❤️

在这里插入图片描述

马上又到了脱单的黄金时刻❤️七夕啦❤️!如果你有喜欢的女孩子,一定要趁着这个时候把喜欢说出口!!!但是该不会还有人表白在学校的操场上摆着爱心蜡烛抱一束花喊一堆人来围观吧!!!!No!!!!请你立刻马上放弃这个计划!!!毫无心意不说,对于女孩子来说是真的很社死啊!
PS:七夕当然是要送一个专属的礼物,今天本熊(● ̄(エ) ̄●)就给大家分享四套表白代码,建议收藏!❤️!

一、表白效果展示

❤️先给大家看一下四套代码展示效果图

1.电子情书

七夕不偷懒,爱你是必然,吻吻你的脸,投掷感情弹,悄悄把手牵,释放浪漫烟😊 代码可以是一首情诗、一个心形图案或是直接的表白文字,只要你觉得能够最好地表达你的爱意. 💕 只要稍作修改文字,便可以将这份代码的美妙传递给心爱的人. 💌
在这里插入图片描述

PS: 这是会滚动的文字,文字、背景图片可以自行编辑修改。

2.爱情山楂树(强烈推荐)

七夕已到,为记录牛郎织女鹊桥相会1314年,我已种下一颗爱情山楂树,用缘分作种子,用真心浇灌,用关怀施肥,用一生去呵护,最终长满了爱你的心。 💕有美丽的动效、有爱心的树叶、还有程序员慢慢的情话~
在这里插入图片描述

PS: 如果要表白,强烈推荐。背景音乐可以自主换哦~

3.跳动的爱心表白

缘分让我认识你,😊感觉让我喜欢你,思念让我想起你,心痛让我记住你,心中一切都是你,只是身边缺个你。一个跳动的爱心动画,💕爱心内的时间会不断上下跳动,并在左边的位置展示表白的文字。
在这里插入图片描述

4.阿狸和他的小公主

如果有来世,让我们做一对笨笨的小狐狸[😊,笨笨的相爱,呆呆的过日子,拙拙的相恋💕,傻傻的在一起!!💕这是一套叙说阿狸与小公主的故事有韵味的代码,从头有浪漫的背景音乐。💕

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

💕预知阿狸和她的故事事如何,请听下回分解哈哈。本个表白的图片是在太多了,挺有故事性💕

好了 展示的示例就到这,要看完整的效果,可以自行部署查询哟~

二、部署与修改教程

1.部署环境

在这里插入图片描述
😊这里给大家提供了傻瓜式的部署软件以及教程,一键式部署。是不是很贴心~💕
注意:解压出的软件另行复制到没有中文的文件夹下,这里比如可以将其复制到 E盘下的WWW目录下,没有目录的话需要自己建1个
在这里插入图片描述

复制好以后,直接点目录下start.bat脚本文件启动,可以看到出现下面一个弹窗。
在这里插入图片描述

**http://http://fdezc8.natappfree.cc/ 代表后面手机、电脑可以访问的地址。**大家运行以后出来的地址,不是这个,需要自己注意!!😊,不过这里先记住。!!!!后面访问外网记得回来查看~~~

接下来,就进入到重头戏了~~

*进入到: E:\www\nginx-1.14.0* ,点击运行即可,
在这里插入图片描述
然后就可以在浏览器访问以下链接:

http://127.0.0.1:9090/love2

你就可以看到这样的页面
在这里插入图片描述
点击中心的爱心,就会跳到出爱心树,同时播放音乐😊,
在这里插入图片描述
如何外网访问呢,可以分享给别人手机、电脑的那种,
这里前面的域名地址就可以啦~。

#我的地址是修改前:
http://fdezc8.natappfree.cc/
#注意大家自己运行的都不一样哦~

那我想要手机访问到这颗树的网页,我只需要再 这个域名后面拼接一段 /love2/index.html:样改一下就可以访问到

#改造后
http://fdezc8.natappfree.cc/love2/index.html

浏览器自行访问测试

在这里插入图片描述
其他网页

#本地自己电脑
http://127.0.0.1:9090/love1
http://127.0.0.1:9090/love2
http://127.0.0.1:9090/love3
http://127.0.0.1:9090/love4

#分享给手机端
http://fdezc8.natappfree.cc/love1/index.html
http://fdezc8.natappfree.cc/love2/index.html
http://fdezc8.natappfree.cc/love3/index.html
http://fdezc8.natappfree.cc/love4/index.html

💕经过上面大家可能已经知道怎么部署运行网页了和访问了,接下来就教大家如何修改网页的文字💕

2.文字修改

❤️这里又是重头戏哈哈,大家首先先挑选好自己喜欢的模板,比如我就喜欢前面的那颗树,那么我改怎么修改他呢?

1.进入 E:\www\nginx-1.14.0\html
在这里插入图片描述
可以看到这里放了5个文件夹,每个文件夹分别就是对应之前的访问网页。love2就是爱情树。

我这里准备修改爱情树的文字,那我就进入love2在这里插入图片描述
如何你想要替换背景音乐,那你先删除这里的歌自己下载一首放这里。并且歌名换成,一次就好.mp3即可 ❤️。
如果你想更改,文字,则就可以进入 index.html 。可以使用电脑记事本打开哟 ❤️~
在这里插入图片描述
打开替换成你想要的中文,然后保存。这里我修改桃桃宝贝为,艳艳宝贝❤️

然后保存后,重启一下nginx 就好。

重启的方法,进入 E:\www\nginx-1.14.0 。 文件夹栏目,
键盘输入: cmd
在这里插入图片描述

将会跳出命令控制台
在这里插入图片描述
然后输入 :

nginx -s reload

在这里插入图片描述
刚才更改的文字就可生效~

在这里插入图片描述
也可以用域名访问到。

http://fdezc8.natappfree.cc/love2/index.html

3.源码获取

好辣,大概的教程就是这样,有需要的宝子可以私聊免费领取源代码哦!😊

❤️我对你的深情,愿你能“夕”罕❤️

**有兴趣的老爷,还可以私聊我的vx:UoSerein 免费领取,备注回复 :七夕520 即可 **

❤️还可以关注我的公众号【一起收破烂】,回复【006】获取 最新java面试资料以及简历模型120套哦😊~

在这里插入图片描述

  • 5
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

收破烂的小熊猫~

你的鼓励将是我创造最大的东西~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值