超好看的恋爱记录源码 – 二改

准确的来说，这是三改，当然，也可能更多[滑稽]

事情起因就是我将一个帖子的源码修改，于是就有好几个HXD找我要这个改版的源码，今天给整理分享一下[滑稽][玫瑰]

<hr color=”blue”>

（后台编辑无法点击跳转，原贴请直接搜索以下标题）
原贴标题：【MER】表白记录源码
原贴楼主：【Mer】沐辰

<hr color=”red”>

演示站：https://test.hyk416.cn

 

【演示站所有信息均未添加，全部为默认状态，故可能存在无法留言或部分信息无法查看的情况】

 

源码：https://xrlh.lanzoui.com/iTbkAwj9xra

 

【源码中的隐私信息已全部替换，如需更改请参考以下说明自行更改】

 

 

【修改内容】：

 

①删除了顶部文字，更改为情侣双方头像（QQ号头像）

②删除了原版的中上部四个图标，将大部分文字居中显示，适当调整文字大小

③将中右侧长文本删除，替换为两人双方地址显示

④纪录页面替换效果，更直观

⑤将中左侧的头像显示替换为留言板入口，引入Valine开源评论系统

⑥适当调整各模块大小,删除多余无用文件

⑦更改纪录页面样式（可能存在较多问题，如不合适请查看下面的说明替换为原样式）

 

<hr color=”yellow”>

 

首先，看下效果对比：

 

关于源码修改后的几个问题及说明：

 

No.1  页面中大部分文字请在根目录index.html中修改

 

No.2  这个时间也在根目录index.html中修改，位于第39行

 

No.3  首行文字，在js/index.js中第二行修改（源代码比较乱，我这里做了格式化处理）

 

No.4  顶部头像修改请在index.html中的第24、25行将途中的所示位置替换为你俩QQ号

 

No.5  留言系统，这个是我自己添加的，采用的Valine，开源的一款快速、简洁且高效的无后端评论系统，这个需要你们自己去注册账号。注册方法及使用方法写在liuyan/README.md中，官方有详细教程，这里不过多介绍。

 

需说明的是这个里面也有个时间记录，修改位置在liuyan/index.html中第126行

 

No.6   文案界面内的输出语句，在wa/index.html中修改

输出结束后的显示页面在wa/text.html中修改（源代码文件名为zhl-2.html，我这里修改为text.html）

 

No.7   相册请先将图片上传至img目录内并命名好，建议使用英文或数字，然后在xc/index.html 中将标记位置修改为你上传后更改的文件名，有更多照片继续后面添加即可。我的演示站中没有添加，这个你们自行添加。

 

No.8  纪录页面，这个我更换了，不是原来的样式，更改位置在jl/index.html中。

替换后的效果：

http://cdn.u1.huluxia.com/g4/M02/FC/4D/rBAAdmGSRxmARWGbAARWS_Cm7UM576.png,1339,942,http://cdn.u1.huluxia.com/g4/M02/FC/4D/rBAAdmGSRx2ANZpQAJtD6SWGLg0646.gif

如果喜欢原版的页面我也保留了，请将根目录中index.html中的第101行修改为./lc/index.html

 

No.9  底部音乐修改位置在根目录index.html中的第106行，将此处链接替换为你需要的网易云音乐链接

 

<hr color=”black”>

其他的有疑问再后续补充。