零成本搭建+部署自己的 恋爱纪念页面！
本帖最后由 SupKevin 于 2021-4-22 23:18 编辑## 声明：
大家好，很抱歉不得不关停项目，因为一开始key是公开的，并未做任何加密处理。遭到恶意脚本工具。
本来是学习交流的，总是有些坏人，很抱歉。
恶意IP:
112.121.58.75
103.62.15.81
172.217.160.110
## IP 已记录。请勿以身试法！以上作为证据，因为恶意攻击/写入等造成的任何后果，由你自己承。互联网非法外之地，若再次使用代{过}{滤}理IP进行非法读写网站数据。所有数据皆已备份，一并提交。
## 预览
https://yjlaugus.gitee.io/loveniuniu
## 使用
### 替换资源
*图片资源简单替换替换就好
*音乐使用网页云音乐
### 评论系统
可以评论试试看o。支持不登陆评论~
集成Valine[](https://valine.js.org/quickstart.html) 评论系统。你只需要改一下`api_id` 和 `api_key`即可。
## 源代码
```
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>他与她的梦♥</title>
<style>
body::before {
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.5;
position: fixed;
background: center/cover no-repeat;
background-image: url(https://gitee.com/YJLAugus/pic-go/raw/master/img/IMG_3869.JPG);
z-index: -1;
pointer-events: none;
} body {
-webkit-font-smoothing: antialiased;
font-family: Helvetica Neue, Helvetica, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
background-image: url('');
font-size: 85%;
margin: 0;
}
h2 {
font-size: 220%;
font-weight: 400;
}
#vcomments {
margin: 20px !important;
}
.content {
transform: translate(0, -50%);
text-align: center;
position: relative;
width: 100%;
top: 150px;
}
.timer {
font-size: 180%;
line-height: 1.5;
margin: 1em 0;
}
.timer b {
color: rgb(253, 99, 125);
}
</style>
<script src='//unpkg.com/valine/dist/Valine.min.js'></script>
</head>
<body>
<div class="content">
<div class='textwidget'>
<div id='lovenyh' style='width: 100%; height: 100px; text-align: center; font-size: 1rem;'> <div id='lovenyhImage' style='width: 220px; margin: 0 auto;'><img src='https://yjlaugus.gitee.io/blog/img/body/ll.jpg' alt='love' style='width: 60px; border-radius: 50%;'><img src='https://yjlaugus.gitee.io/blog/img/body/z.webp' alt='love' style='width: 60px; border-radius: 50%;'><img src='https://yjlaugus.gitee.io/blog/img/body/nn.jpg' alt='love' style='width: 60px; border-radius: 50%;'></div>
<div cllass="Lovetime">
<h2>我们相恋了♥</h2>
<div class="timer">
<b id="d"></b> Days <b id="h"></b> Hours <b id="m"></b> Minutes <b id="s"></b> Seconds
</div>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=298 height=52 src="//music.163.com/outchain/player?type=2&id=434902428&auto=1&height=32"></iframe>
<h2>留言祝福😘</h2>
<div id="vcomments"></div>
</div>
</div>
</div>
<script>
new Valine({
el: '#vcomments',
appId: 'Y5aCaxXpsJdhsgGGuL-MdYXbMMI',
appKey: '0KyiJ1YUYYYW5s52M'
})
</script>
<script>
function show_date_time() {
window.setTimeout("show_date_time()", 1000);
var start = new Date("2020-07-27 11:06:00").getTime(); // 2015.7.2
var t = new Date().getTime() - start;
var h = ~~(t / 1000 / 60 / 60 % 24);
if (h < 10) {
h = "0" + h;
}
var m = ~~(t / 1000 / 60 % 60);
if (m < 10) {
m = "0" + m;
}
var s = ~~(t / 1000 % 60);
if (s < 10) {
s = "0" + s;
}
document.getElementById('d').innerHTML = ~~(t / 1000 / 60 / 60 / 24);
document.getElementById('h').innerHTML = h;
document.getElementById('m').innerHTML = m;
document.getElementById('s').innerHTML = s;
}
show_date_time();
setInterval(show_date_time, 1000);
</script>
</body>
</html>
```
## 部署
直接`fork`到自己的代码仓库，然后开启`Gitpage` （强制开启HTTPS）服务即可。
## 后续
有什么问题可以在这里评论o。
希望大家，能多多鼓励o。 不要白嫖o。 您的支持窝铭记于心!
也有个不请之请，希望大家能送上一些祝福呀！！
judgecx 发表于 2021-4-22 23:03
老哥我想问下 背景图在哪呀
你想要我的背景图吗
把下面代码加到<style>标签中，我更新下帖子吧。
body::before {
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.5;
position: fixed;
background: center/cover no-repeat;
background-image: url(https://gitee.com/YJLAugus/pic-go/raw/master/img/IMG_3869.JPG);
z-index: -1;
pointer-events: none;
} yc19951005 发表于 2021-1-13 19:34
不是 我是把你那个代码粘贴到服务器上修改以后然后发现 发布评论就不行了就显示半屏
啊 对对，谢谢提醒窝gitee上跟新了这个bug，贴子窝马上跟新下，你区gitee 重新下载一下就可以了！ {:1_899:} 好稀饭好稀饭~~谢谢@Thanks！ 用不到，就看看 jeonlee 发表于 2021-1-13 17:15
好稀饭好稀饭~~谢谢@Thanks！
谢谢呀~{:301_971:} 就秀就秀就秀 哼 本帖最后由 twbin30 于 2021-1-13 17:27 编辑
http://twbin20.host3v.vip/
我之前找一个模板改的。害，分手了，彩色的改成黑白的{:301_999:}。。。。。 ypc713 发表于 2021-1-13 17:24
就秀就秀就秀 哼
{:301_976:}哪有嘛，真的是 twbin30 发表于 2021-1-13 17:25
http://twbin20.host3v.vip/
{:301_997:}嗯呢这前几年比较火的
这狗粮给我萨德 真的是没法说了{:301_997:}
谢谢分享经验 谢谢Thanks！