5 · 20 【极客】的过节方式 - 送给你最爱的人

点击上方“程序猿杂货铺”，“星标或置顶公众号”

第一时间获取价值内容

---

阅读本文大概需要 4 分钟

本文经授权转载于公众号 Datawhale

520就快到啦，不知道小伙伴们有没有想好怎么表白呢？小姐姐我搜集了一些栗子供大家参考哟！

这里是栗子

那些年程序员的情话

编程语言真是神奇，从古至今的表白语言都可以转化为程序语言来表达~

代码花式表白

除了文字形式的表白，还可以用代码完成特效(＾Ｕ＾)ノ~ＹＯ 项目地址：

http://bigeone.cn/love/index.html

不仅提供了8种花式表白的心形特效，还附有修改说明，真良心网站！

这个网站提供了详细的指导，如何在新浪云上建站，如何上传、修改源代码，大家可以按照步骤建立网站，然后把网页发给心仪的对象哟~（什么，有童鞋问小编有没有对象？当然有了，不仅有对象，小编还有对车，对马，对炮，对士和五个卒，手持一套象棋，要啥有啥，小编可厉害了呢୧(๑•̀◡•́๑)૭）

特效网页的简易版教程

或许有童鞋觉得上面那个建立网站流程太复杂，没有建站经验的自己不好操作，别担心~小姐姐我手把手教你，本地文件统统搞定！

Step1. 下载文件

源码打包下载地址，或者公众号回复关键词【520】直接获取实现源码

CSDN： http://download.csdn.NET/detail/wuxia2001/8715125

Github： https://github.com/wuxia2001/loveyue

这是上面良心网站提供的源代码，内含8种花式表白。

Step2. 挑选自己喜欢的模板

按照8种特效的效果图呢，小编觉得效果1很不错，确认过眼神，是对的特效！

Step3.修改代码

接下来，我们就要开始修改啦，不要担心！作者的代码写得很好，我们只需要简单的修改变量就好啦~打开下载好的html文件。

用浏览器打开html文件，我们可以在浏览器看效果~

接下来进入修改环节，小编使用notepad++软件来打开html文件，强烈推荐这个软件，贼好用\(^o^)/~

上面红框的大段文字，对应的是效果中左侧的表白，如果想要修改表白内容的话，就修改上面红框中的汉字。如果还想修改表白的话里的颜色，直接在span里加一处style="color:red",比如： 

'<span class="comments" style="color:red">我的小可爱</span>'

第186行这里，可以修改你们在一起的开始时间哟，没有对象的童鞋，可以填写开始喜欢的时间。小编当然是填写Datawhale成立时间啦~2018年12月6日！然后程序会自动计算到目前为止，一共经历了多长时间。

Step4. 把程序打包好，发给你喜欢的人~

制作效果如下：

实现源码直接获取

公众号后台回复关键词：520

520 送书活动还在继续哦，没参加的赶紧来参加了，中奖率超高的哈！（点击下方文件链接直接进入）

520 福利来袭，一次性包邮送 15 本纸质书籍，满足你的需求！

往期精彩回顾

一次变态的项目需求变更

【数据分析】盘点五一期间最受欢迎的几个景区

对你有用记得点这里