准确的来说,这是三改,当然,也可能更多[滑稽]
事情起因就是我将一个帖子的源码修改,于是就有好几个HXD找我要这个改版的源码,今天给整理分享一下[滑稽][玫瑰]
(后台编辑无法点击跳转,原贴请直接搜索以下标题)
原贴标题:【MER】表白记录源码
原贴楼主:【Mer】沐辰
演示站:https://test.hyk416.cn
【演示站所有信息均未添加,全部为默认状态,故可能存在无法留言或部分信息无法查看的情况】
源码:https://xrlh.lanzoui.com/iTbkAwj9xra
【源码中的隐私信息已全部替换,如需更改请参考以下说明自行更改】
【修改内容】:
①删除了顶部文字,更改为情侣双方头像(QQ号头像)
②删除了原版的中上部四个图标,将大部分文字居中显示,适当调整文字大小
③将中右侧长文本删除,替换为两人双方地址显示
④纪录页面替换效果,更直观
⑤将中左侧的头像显示替换为留言板入口,引入Valine开源评论系统
⑥适当调整各模块大小,删除多余无用文件
⑦更改纪录页面样式(可能存在较多问题,如不合适请查看下面的说明替换为原样式)
首先,看下效果对比:
关于源码修改后的几个问题及说明:
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中。
替换后的效果:
如果喜欢原版的页面我也保留了,请将根目录中index.html中的第101行修改为./lc/index.html
No.9底部音乐修改位置在根目录index.html中的第106行,将此处链接替换为你需要的网易云音乐链接
其他的有疑问再后续补充。