可能很多女生都會覺得程序員都是直男,不懂浪漫。但是!!!看完這個教程之後,讓女友對你死心塌地。
這是一個基於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,項目後面就不用加上文件名了
如果是別的名字,項目後面需要加上別的名字。