一个简洁的 HTML 表白网页

简介

今天注册了 梓樱.我爱你 域名，说什么也不能让它闲着吧，毕竟这 60 CNY 可不能就买一行只能看的文字。

所以，我就稍稍花了一点儿时间，使用 HTML 开发了一个表白网页，可以这么说吧。也是非常的适合 .我爱你 域名了。我没有选择使用PHP等语言去开发一个带管理后台的版本，虽然那样用起来更方便，功能也更强大。但是纯静态可以白嫖 Github Pages/Cloudflare Pages. 也就是说省去了服务器的费用。

废话不多说，不多说废话; 多说的都是废话, 不多说的都不是废话。上截图吧。~(￣▽￣)~*

如你所见，整个 UI 偏向二次元的风格，支持桌面端和移动端的响应式。整个项目也就只有两个页面。页面的设计上，有点儿小清新的感觉，然后有一个 svg 的 梓樱.我爱你 logo, 这个 logo 是之前的一个 python 脚本生成的，可以把字体里的单字转为矢量图，虽然说字体本来就是。

点击开始预览后，程序会弹出提示问你要不要播放背景音乐，也是十分的贴心了呢。然后就会以打字机效果来展示第二张图片中的文字。

想自己看看的话见 在线演示

技术栈

开发这个网页，我选用的原生的 HTML, JavaScript, CSS. 没有使用任何框架, 所以顶多可以说是个半成品吧。

开发本项目用到了如下开源项目:

• MDI 图标库
• Sweetalert2 弹窗提示库
• Aplayer 音乐播放器

下载地址

两个网盘你都可以 免登录、不限速 下载哦

梓樱.我爱你 HTML 表白网页.zip

提取码：6rd2

下载复制提取码

梓樱.我爱你 HTML 表白网页.zip

提取码：1145

下载复制提取码