可能很多女生都会觉得程序员都是直男,不懂浪漫。但是!!!看完这个教程之后,让女友对你死心塌地。
这是一个基于js和html搭建的简单界面,你只需要把代码下载下来,然后再简单的改一下代码信息,就可以去跟女神表白了。
目录
- 一:项目展示
- 二:使用方法
- 三:项目部署
一:项目展示
项目效果:
在线演示:
https://xuyuanzhi051.github.io/My520/
二:使用方法
使用方法:下载代码包,自行替换文本和图片即可。
项目源码:https://github.com/xuyuanzhi051/My520
定制:
1. 主页 index.html
无需修改任何内容
2. 展示页 show.html
111行修改日期
135行修改表白者/被表白者姓名
3. 结果页 result.html
- 替换内容:在编辑器中按ctrl+f全局搜索"{{替换",对内容进行替换
- 替换图片:覆盖images目录下的文件(除baidu.png)
- 替换音乐:覆盖bgMusic.mp3文件
三:项目部署
这是一个静态网站,可以在任何一个平台上部署,例如github,gitee,也可以部署到自己的服务器上。
例:在github上部署
- 新建一个仓库
- 把代码放到你的仓库中去
- 在仓库setting里面更改githubPages中的source为master branch
项目的主页默认是index.html,项目后面就不用加上文件名了
如果是别的名字,项目后面需要加上别的名字。