I LOVE YOU BABY

简介

第四波简介地址如下: http://www.bigeone.cn/love/index4.html

第四波演示地址如下: http://www.bigeone.cn/four/index.html

程序员表白第三波正在紧密建设中,第三波将是一批网站模板,用于 记录自己的爱情故事,回味我们一路过来的风风雨雨。 先期第一个网站地址: http://www.bigeone.cn/story/one/index.html

第三波简介地址如下: http://www.bigeone.cn/love/index1.html

这是程序员表白系列中的第二波网站表白,旨在让任何人都能使用并创建自己的表白网站给心爱的人看。 此波共有8个表白网站,可以任意修改和使用,源码已上传,演示网址如下。

如果有任何问题,可以通过邮件联系我,wuxia2001@sina.com

顺便求一波打赏,微信支付,金钱随意,感慨一下,当年我写这个的时候, 还是一人吃饱全家不饿,如今,上有老下有小,中有恶婆娘啦。。 Y(^_^)Y

loveyue1 演示地址:http://loveyue1.bigeone.cn

loveyue2 演示地址:http://loveyue2.bigeone.cn

loveyue3 演示地址:http://loveyue3.bigeone.cn

loveyue4 演示地址:http://loveyue4.bigeone.cn

loveyue5 演示地址:http://loveyue5.bigeone.cn

loveyue6 演示地址:http://loveyue6.bigeone.cn

loveyue7 演示地址:http://loveyue7.bigeone.cn

loveyue8 演示地址:http://loveyue8.bigeone.cn

如果需要最新的源码或最新的教程,请扫码关注公众号wuxia2001,里面有最新整理的资源和教程,源码修复了已知BUG并加了些功能,教程全部重新整理。

另外,第二波8个网站原LoveYue系列,如http://loveyue1.sinaapp.com/网址将于2020年元旦弃用,全部转到http://loveyue1.biegeone.com/,请知悉。

源码/修改

源码打包下载地址(CSDN): http://download.csdn.NET/detail/wuxia2001/8715125

源码打包下载地址(Github): https://github.com/wuxia2001/loveyue

有人说不会在github上下载,很简单的,打开这个网站,中间右边有个“clone and download”, 点击”DownLoad zip”,就能把源码一次性下载下来,github下载比较慢,如果只需要单个,只需要把其中一个里的文件全部下载下来就行。 如果是从github上下载的话,源码里有源码里的config.yaml和index.php都无用,是新浪自行产生的文件,可以删除

如果还想在页面里播放音乐,直接在body标签中加入下面这句就行, src是音乐的位置,要做表白的话,音乐最近自己剪切一下,感觉直接用音乐的高潮部分好一些: <audio id="bgmMusic" src="./当我唱起这首歌.mp3" preload="auto" type="audio/mp3" autoplay="" loop=""></audio>

loveyue1

Image

修改的地方:

1. 时间:请修改love.html,第188行,setfullyear设置年月日,然后设置时,分,秒,毫秒, 这里设置的是在一起的开始时间,程序会自动计算己有多长时间,请注意,JS的月份是从0开始,如果是1月则月份填0,月份是从0到11.

2.修改你要表白说的话,请修改Love.html第23行开始。 这份表白的话是我亲自写的,自我感觉还不错,请随便使用或修改。

loveyue2

Image

修改的地方:

1.时间:请修改index.html,第63行,setfullyear设置年月日, 然后设置时,分,秒,这里设置的是在一起的开始时间,程序会自动计算己有多长时间

2.修改你要表白说的话,请修改index.html第22行开始。 如果还想修改表白的话里的颜色,直接在span里加一处style="color:red",比如: '<span class="comments" style="color:red">我的爱人</span>'

loveyue3

Image

修改的地方:

这一份的修改需要一定的功底和资源,这其实是一个幻灯片, 然后用网页的风格演示出来,所以要用这个,先做个幻灯片,然后再把资源填充进去。

loveyue4

Image

修改的地方:

修改index1.html、index2.html里的文字就行。

loveyue5

Image

修改的地方:

修改index.html里的文字就行,视频放自己录制的视频, 可以放到免费的文件存储服务器上,比如七牛啊,修改src就行。

loveyue6

Image

修改的地方:

修改index.html里的文字“我爱你,月”,然后修改92行的beginTime就行

loveyue7

Image

修改的地方:

1.修改index.html里的文字,以及漂浮于鼠标上的"thanks for watching.

2.修改jscss目录下的time.js,修改这里面第三行的时间,以及currentTimeString的内容

loveyue8

Image

修改的地方:

1.时间:请修改index.html,第78行,setfullyear设置年月日, 然后设置时,分,秒

2.修改你要表白说的话,修改index.html里的文字

建站

有了修改后的源码,还需要建站才能在网上被心爱的人看到, 也可留作永久的纪念,最好的还可以自己申请一个域名,专门留给爱人。

建站如果会的朋友,可以通过自己电脑(得有向外的独立IP),通过花生壳等类似软件得到一个免费域名,通过路由器作端口转发, 再在自己的电脑上装一个web容器,比如IIS,tomcat,配置一下端口,只要电脑没关,就可以随时随地访问了。

如果是建站小白,可能就不会这些东西了,那要建站,我就推荐使用新浪云了, 比如我现在所使用的演示网站,全是用新浪云的。不过几年前我使用的时候,还是免费的, 当然现在我已是交费用户,但如果你的网站访问量不大,一个月才千把访问量,类似于你的表白网站, 还是可以免费使用的,以下是我新建一个新号使用新浪云建站的过程,最小白的过程了。

新浪云链接: https://www.sinacloud.com/public/login/inviter/gaimrn-mddmzeKWrhKWnrYF4eWl9eImvfoyudg.html

新浪云示例图

新浪云建站步骤

1.点击 https://www.sinacloud.com/public/login/inviter/gaimrn-mddmzeKWrhKWnrYF4eWl9eImvfoyudg.html, 需要使用新浪微博,如果有,最好不过,直接使用,没有则随便申请一个微博吧,登录成功后,理论上会送你200云豆。 如图1所示。 如果没有送(虽然觉得不大可能,但也不保证以后它的机制会变),可以实名认证一下,会奖300云豆, 有豆了,然后就可以建站了

2.点击左上角的控制台,点击云应用SAE,进入后点击创建应用。 可以最多创建5个应用,而且‘收取10云豆/日/账户的应用租金‘。 (唉,我一开始用的时候,可以建10个,还送了好多豆子,而且没有每天都要扣豆的情况),也就 是说300云豆只够用30天。。。。访问量少是不会扣你流量豆豆的,如果访问量大,则会消耗云豆的。

3.创建应用,选择php应用、标准环境、5.6,SVN, 二级域名填写你想要的域名,比如我所有演示网站用的是loveyue, 这个域名将会是你网站链接的域名(需唯一),应用名称随便填写。如图2所示。 然后创建应用,进入代码管理(代码管理在’应用’目录下)。 这里有个安全密码,是自己一开始设置的,如果忘记,找回就行,

4.点击创建版本, 然后上传代码包,请注意这里了,一般你上传了代码包后访问不了的基本都是这里出了问题, 因为你们下载下来的代码基本都是我SVN后的代码,而这里为了简单,直接要上传代码包(而不是使用SVN的方式), 于是,打包代码包时,请进入代码目录,直接进到你修改后的代码目录,如图3,全选,打包成zip, 然后点击上传代码包,把这个zip文件上传,上传成功后,代码目录应该如图4所示

5.最后在应用目录下进入appconfig, 目录默认页面 设置该项,把你修改的那个页面(一般是html页面)添加进入,如图5所示, 这里设置的主要目的是,只要进入此域名,直接进入你这里设置的页面,就不需要在域名后面加XXX.html就可以直接看到页面了。

6.到此,基本已完成,你在应用设置里,查看你的二级域名,在浏览器里输入,应该就可以看到你的页面了。 最后,最好还是实名认证一下,即可以得到300豆,也可以得到信任, 因为我发现,没有实名认证,打开网页居然会提示“不信任页面”,如图6所示。

附加

有人问,如果给女朋友打开,她点击接受 我这边怎么知道点没点接受链接? 其实每一个都可以在某个地方加个“接受请点击”的按钮,比如在你想出现的地方加下面这句:

  <a href="index3.html" id="accept"  src="resp.php?mess=表白成功了">如果你接受我,请点击这里 </a>  

对于这个问题,经过测试,我能想到的最简单的办法如下(如果有后台,就挺好搞,但估计你们不大会,所以很麻烦,有以下好几步):

1.进入新浪云的代码管理,在应用管理->应用->代码管理->编辑代码, 然后新建一个文件,在根目录下,左上角第一个"+"的图标,点击,输入名称为:"resp.php"

2.把以下代码复制进去

                                 <?php
                $mess = $_GET["mess"];
                $mail = new SaeMail();
                $ret = $mail->quickSend( 'to@qq.com' , '表白情况汇报' , $mess , 'from@sina.com' , '密码' );
                if ($ret === false)
                var_dump($mail->errno(), $mail->errmsg());
                ?>
                
需要修改几个参数 ,目的邮箱,发出邮箱,发出邮箱的密码(目的邮箱和发出邮箱可以一样), 然后保存

3.开通SMTP.登录邮箱,打开邮箱的SMTP功能.这个一般可以百度,比如sina邮箱,百度一下:sina邮箱的SMTP功能

4.在新浪云的代码管理里编辑index.html,在 </body>前加上这一句话:

                    <script type="text/javascript" src="resp.php?mess=表白开始"> </script>
                        
这代表会在一进去这个页面发一 个邮件给你,这句话其实位置 只要放在任意位置就行

5.在接爱表白的地方加入一句话,

                    <a href="index3.html" id="accept"  src="resp.php?mess=表白成功了">如果你接受我,请点击这里 </a>
                

这样就完成了,测试看看有没有收到邮件吧,有大约5分钟的延迟. 经过测试,QQ邮箱不行,显示发送了,但是QQ邮箱实际没有收到邮件,新浪邮箱可行。

常见问题

1.有人常问,时间不对,时间是负数或者少了,请注意这一点:JS里月份是从0开始算的, 也就是说一月,在月份那里要填0,七月要填6才会计算正确

2.所有步骤做好后,还是看不到页面,那一般是路径的问题,请查看新浪云里,查看代码,看你的index.html(或love.html), 所在的位置是不是打开代理管理的第一个目录(即根目录),如果不是,是不是有个1的文件夹,页面在这个1的文件夹里,那么请 用全路径,比如 aaa.applinzi.com/1/index.html试试看能不能试问。 因为我是用SVN工具上传,所以打包的源码有个代码版本(1)文件夹,而你们是上传代码包,要在index.html这个文件夹,选中所有文件打包再上传才行 而不是直接在1那文件夹打包上去

3.有人常问音乐播放不了,请检查音乐的路径,音乐文件名最好不要中文和空格,最好把音乐文件放在和index.html同一目录,这样音乐的src 那里直接填音乐文件名就行。

4.修改工具的问题,一般有人问Dreamweaver,VS,eclipse之类可不可以,我回答就是,只要你会用,可以,反正就是一个文本文件,用啥改都可以的,只要你会用 其实我一般不推荐这样的工具,因为用不到里面的任何功能,我一般用文本编辑工具,比如sublime,vim也可以,实在不行,用记事本也是可以的。 这仅仅只是一个静态页面,直接双击用浏览器打开就能看的

5.加微信的问题,我也不知道大家怎么知道我的微信号的,但我一般说来不大加微信,因为太多人加了,发邮件吧,请大家有问题发邮件,我一般都会回的,请求 加微信,除了一些特殊的,我很少加的。如果实在不会的,可以发邮件,或者直接把用户名密码给我,我可以登录去帮你们看看,改好能用也是可以的


Copyright @ wuxia2001 版权所有 湘ICP备18022621号