520创意表白网站,让女友对你死心塌地。女神轻松领回家

时间:2024-03-17 13:07:13

可能很多女生都会觉得程序员都是直男,不懂浪漫。但是!!!看完这个教程之后,让女友对你死心塌地。
这是一个基于js和html搭建的简单界面,你只需要把代码下载下来,然后再简单的改一下代码信息,就可以去跟女神表白了。

一:项目展示

项目效果:
520创意表白网站,让女友对你死心塌地。女神轻松领回家
在线演示:
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上部署

  1. 新建一个仓库
  2. 把代码放到你的仓库中去
  3. 在仓库setting里面更改githubPages中的source为master branch
    520创意表白网站,让女友对你死心塌地。女神轻松领回家
    项目的主页默认是index.html,项目后面就不用加上文件名了
    如果是别的名字,项目后面需要加上别的名字。