forked from abandon888/HappyBirthday
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
1ca80a3
commit 0179132
Showing
1 changed file
with
2 additions
and
31 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,32 +1,3 @@ | ||
# 生日快乐 | ||
|
||
# 庆祝龙少考入HIT | ||
本项目在原作者的基础上进行了一些改进。 | ||
本项目预览页面:<https://friendly-paprenjak-ad64b7.netlify.app/> | ||
|
||
改进点: | ||
|
||
1. 增加了音乐播放效果 | ||
2. 添加引导页 | ||
3. 中文化 | ||
4. 优化了一些细节 | ||
|
||
## 项目介绍 | ||
|
||
用于祝福特别的人或者恋人生日快乐,烘托浪漫气氛,关于项目背后的故事,可以看看我的知乎博客文章:[由庆祝生日所想到的——网站背景音乐播放](https://zhuanlan.zhihu.com/p/677636150) | ||
|
||
## 使用方法 | ||
|
||
fork 本项目,修改 customize.json 文件,将里面的内容替换为你自己的内容,然后在 github pages 或者其它一些托管网站上部署(如 netlify)即可。(再次感谢原作者)。 | ||
可以修改文字,图片,背景音乐等,但有一些注意的地方: | ||
|
||
1. 仅修改 customize.json 文件,不要修改其它文件,否则可能会导致页面无法正常显示。 | ||
2. 音乐替换时注意重命名为相同名称的音乐文件,如我这里是`bgMusic.mp3` | ||
3. 图片替换时生日帽子可能会偏,建议修剪图片尺寸和原图片相同,以确保最佳观赏效果。 | ||
|
||
## 其它 | ||
|
||
整体使用的是纯 HTML、CSS 和 JavaScript,以及 GSAP 来制作动画。 | ||
|
||
感谢原项目作者的开源,本项目基于原项目进行修改,原项目地址:<https://github.com/faahim/happy-birthday> | ||
|
||
如果你喜欢这个项目,可以给个 star ⭐ 鼓励一下我,谢谢! | ||
[由庆祝生日所想到的——网站背景音乐播放](https://zhuanlan.zhihu.com/p/677636150) |