告白代码

简介

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

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

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

loveyue1 演示地址：http://loveyue1.sinaapp.com

loveyue2 演示地址：http://loveyue2.sinaapp.com

loveyue3 演示地址：http://loveyue3.sinaapp.com

loveyue4 演示地址：http://loveyue4.sinaapp.com

loveyue5 演示地址：http://loveyue5.sinaapp.com

loveyue6 演示地址：http://loveyue6.sinaapp.com

loveyue7 演示地址：http://loveyue7.sinaapp.com

loveyue8 演示地址：http://loveyue8.sinaapp.com

最近做了一个免建站，直接设置就可以使用的版本，还在开发测试中，愿意用的人可以尝个新试试使用。此设置中心将在3月26号停用， 此前已设置的数据将保留，但不能使用，等重新开启后才可以使用。http://loveyue0.applinzi.com/config/config.html

源码/修改

源码打包下载地址（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

修改的地方：

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

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

LOVEYUE2

修改的地方：

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

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

LOVEYUE3

修改的地方：

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

LOVEYUE4

修改的地方：

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

LOVEYUE5

修改的地方：

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

LOVEYUE6

修改的地方：

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

LOVEYUE7

修改的地方：

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

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

LOVEYUE8

修改的地方：

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

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

建站

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

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

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

新浪云链接： http://www.sinacloud.com/public/login/inviter/gaimrn-mddmzeKWrhKWvaoCIo2d-nptqf3y2dg.html

新浪云示例图

图1 注册后的主界面

图2 创建应用时应选的环境

图3 进入目录后再打包成ZIP

图4 代码目录结构

图5 设置默认页面

图6 点击域名后页面

新浪云建站步骤

1.点击 http://www.sinacloud.com/public/login/inviter/gaimrn-mddmzeKWrhKWvaoCIo2d-nptqf3y2dg.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.把以下代码复制进去

1. <?php

2. $mess = $_GET["mess"];

3. $mail = new SaeMail();

4. $ret = $mail->quickSend( 'to@qq.com' , '表白情况汇报' , $mess , 'from@sina.com' , '密码' );

5. if ($ret === false)

6. var_dump($mail->errno(), $mail->errmsg());

7. ?>

需要修改几个参数 ,目的邮箱,发出邮箱,发出邮箱的密码(目的邮箱和发出邮箱可以一样), 然后保存

 

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邮箱实际没有收到邮件，新浪邮箱可行。