爱情历程风雨爱情我们的爱情表白说爱你 wuxia2001

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

这是程序员表白系列中的第三波“我们的爱情故事”，我一开始的想法是，把爱情中经历的点点滴滴记录下来，以后老了可以慢慢回忆，记录我们的幸福时刻。当我们吵架时，看到我们这一路经历的风风雨雨，也能心平气和的感动自己。

感动，风雨同舟，幸福记录。

爱情，到最后终究都是平平淡淡的幸福，一生长长久久的相伴，没有什么太多的惊天动地的大事件，走得最远的，才是最幸福的。

2019年3月16日添加：增加了手机适配，毕竟大多数人用的是手机。我做了两个页面，一个 PC端一个手机端，当打开页面时发现是PC时跳转到PC页面，否则跳到手机页面。两个页面还是有很大区别的，文字大小、方位都有改变，但大体相同。同时增加了一个点赞效果。

如果大家有想要做的网页，看上的网页，想改成自己的，都可以来找我，一般网页应该问题不大，但我并非专业的前端程序员哦，只是也能稍微会点而已

这一波的网站模板，我还在收集整理制作中，这是第一个出来的网站，暂时还没来得及做代码整理，因为有很多测试和新尝试的代码，所以代码看起来会有些凌乱，所以暂时没有将源码放出来，等整理好了，容易让大家修改了，就会放上来。当然，如果有人觉得这个故事网站还不错，想现在就用的话，可以发邮件来，我会发源码给你，虽然是未整理的，得自己看着源码修改啦。

程序员表白第一波是一个安卓APP，现在已经停止维护了。那是我将近十年前的作品了。近期有时间，我可能会重新修改整理，当年的，现在看起来有点花俏和非主流。

程序员表白第二波是网站表白，有8个表白网站。我最近也还在做不用建站，直接在网页上设置就可以用的设置页面。

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

顺便求一波打赏，微信支付，金钱随意，赞赏是最大的动力。。 Y(^_^)Y

程序员表白第一波安卓APP(已停止维护，近期将重新修改发布）： https://blog.csdn.net/wuxia2001/article/details/18268005

程序员表白第二波的介绍：http://www.bigeone.cn/love/index.html

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/,请知悉。

源码/修改

因为刚做出来，一来不知道效果如何，二来也还没时间去整理，代码有些凌乱，所以暂时没有开放，如果有需要，请发邮件到wuxia2001@sina.com

网站截图如下（有些动画效果自己去试更好）

使用时的注意点

我虽然这里没有放出源码，仅是因为没有整理好，愿意看和自己改的人找我要我一定会给的，这并非什么隐秘或重要的东西。当然同时这也是我花时间做的东西，有条件的还是可以赞赏一下的。

朋友们拿到源码后，直接用浏览器打开one.html，就得看到网站效果。里面的大部分控件都有动画效果，我建议就是动画效果就别动了。改文字和图片就行。

修改的话，用文本工具修改，最简单的用记事本打开，但一般并不推荐记事本，功能太少，不方便，推荐可以使用sublime，我用的就是这个，也可以vim，notepad之类。到于是不是要用开发工具，比如eclipse，webStorm,Dreamweaver,vc++,IntelliJ之类的，这些工具都是可以的，但专业性太高，你们用到的功能不到百分之一，完会是没必要的，如果本就安装了的，直接用这些工具打开也是可以的

用文本工具打开后，从上往下讲，第一行文字是："陪伴是最长情的告白，无论生老病死，我都愿陪你到天荒地老"，如果要改这行文字，你在这个文件里全局搜索就行，一般搜索都是ctrl+f，搜索这行字，修改成你想的就行。但凡是改文字的，都可以这样改。比如后面的时间，也都这样搜索到再改

中间的一男一女的图片，可以不用改，如果是女表男的话，图片要换一下，把boy.png换成boy_u.jpeg, 把girl.png换成girl_i.jpeg。这里，如果有高清的图像的话，可以改成自己的图片。这里的图片都放在images目录下

我的爱情历程，基本上是必改的，因为每个人的经历都是唯一的。在第72行 ul 开始的标签里，每个下属的li都是一个历程。可以复制第一个li标签(从<li>开头到</li>结束为一个li标签），改里面的文字和图片。有多少个历程，复制多少个li就行。但有区别的是，在双数 li 的class 里，多了个 timeline-inverted ，这是让文本框出现在右边。所以复制的时候，两个li一起复制就行。文字，图片和时间都自行设定吧。图片，这里可以统一改为自己的图片。但有的可能没有图片，就可以像我一样用卡通图片补充一下。

我们的山盟海誓这一段主要写一些感人肺腑的文字，有文采的自己写一些出来吧。

我们的爱情见证，那就是照片墙，放些好看的照片上去，从见面到现在保存的照片都放一点上去。记得PS美化一下，不懂PS的就用美图弄弄，别傻不傻的用太素颜的。

音乐的话，自己记得把音乐文件剪辑压缩一下，不要太大。替换MP3文件就行

建站

有了修改后的源码，还需要建站才能在网上被心爱的人看到，至于用新浪云如何建站，请大家移步到这： http://www.bigeone.cn/love/index.html

新浪云的建站主要是免费，用的次数不多，可以用新浪云。

但如果有意的朋友，可以自己申请域名和服务器(或虚拟主机），有心的朋友，我这里有大体教一下用阿里云如何建站。当然我这里只是简单讲一下建站，只是静态网页，不会有还有数据库啊什么之类的。

阿里云，先说一下价格。域名申请的话，一年的费用大约是.cn的一年29元， .com的一年也才60元，每年要续。

申请到域名后，要备案，阿里备案是免费的，但要拍照，照片需要背景幕布，需要阿里云邮寄给你，你再拍照上传，备案，这都是免费的。

备案的话需要主机，最便宜的云服务器就行，阿里云路径如下：阿里云主机云主机一般都比较贵，最便宜的一般300多一年，但是，如果遇到优惠，就很便宜，比如2018年双11，最便宜的主机，新用户300元3年。搞活动的时候主机还是比较便宜的。

弄到云主机后，就备案就行，阿里有教程，但要等20多天。如何域名在阿里买，则备案和主机都在阿里买，省很多事。后面这个地址是阿里的域名和备案的文档

备案完后，把域名解析到你的ip就行。如何就是主机建站。阿里是有教程的。在阿里上，还有镜像建站这些，不需要购买，这些帮忙自动建站的都是要付费的，真的不需要买，随便搞搞就能成功的。

这里需要付费的地方，就只有买域名和买主机，其他比如备案，建站都不需要再付费。主机如果是windows系统，就装IIS，就得电脑装个IIS一样，装软件一样很简单的。远程桌面登录上主机，IIS建站，百度一下，教程很多的，也很简单的，因为我们的网站只是静态网页，只要网站路径指向这里就行。如果是centorOS系统的话，就装tomcat就行。网上教程一大把的。

打赏八毛钱获取源代码文件,请选择微信打赏或支付宝打赏