-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
162 lines (150 loc) · 7.71 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>相逢的人会再相逢</title>
<meta name="description" content="KZHomePage是一款二次元卡片式个人网站主页模板">
<meta name="keywords" content="这只是一个主页">
<link rel="icon" type="image/ico" href="//sdn.geekzu.org/avatar/4cc893d113dd74ceca73f9863f2c5446/">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/5.12.1/css/all.min.css">
<link rel="stylesheet" href="./static/style.css?v=1.1">
<link rel="stylesheet" href="./static/APlayer-1.10.1/dist/APlayer.min.css">
<style>
body{
/*背景图片URL 可使用随机图片API */
background-image: url("img/background.jpg");
}
.photo-bg {
/* 卡片左侧图片 */
background-image: url("img/milu.jpg");
}
</style>
<script>
// 音乐设置
let meting_music_api = "https://api.mizore.cn/meting/api.php";// meting api
let music_server = "netease"; // 音乐服务：网易云 netease 参见 meting api支持的服务
let music_type = "playlist"; // 歌曲类型：歌单playlist 单首歌曲 song 专辑 album
let music_id = "3778678"; // 歌单ID或歌曲ID或者专辑ID 20173709 29732992
let music_order = "random"; // 音频循环顺序, 顺序播放： 'list', 随机播放：'random'
let music_mini = false; // mini模式 吸底模式开启后此选项实效 true / false
let music_fixed = false; // 吸底模式
let music_volume = 0.7; // 默认音量
let music_autoplay = false; // 自动播放
let music_loop = "all"; // 音频循环播放, 可选值: 'all', 'one', 'none' ，分别为全部循环，单曲循环，不循环
// 一言设置
</script>
</head>
<body>
<div id="main" class="container">
<div class="row my-card justify-content-center">
<div class="col-lg-4 photo-bg"></div>
<div class="col-lg-8 card">
<h1>Azt's HomePage</h1>
<p>Discover interesting and cool projects and stay motivated to explore...
</p>
<p id="hitokoto_text">不论在哪里，我们总会看到有那么一两个句子能穿透你的心</p>
<div class="container-fluid">
<div class="row">
<button id="kaygb-blog" class="btn btn-primary col-lg-4">BLOG</button>
<a href="//aiazt.github.io" id="kaygb-blog-a" target="_blank" class="btn btn-primary col-lg-4">BLOG</a>
<a href="https://github.com/" target="_blank" class="btn btn-secondary col-lg-4">GitHub</a>
<button id="kaygb-mail" class="btn btn-success col-lg-4">Send a Mail</button>
<a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&[email protected]" target="_blank" id="kaygb-mail-a" class="btn btn-success col-lg-4">Send a Mail</a>
<a href="https://www.cnblogs.com" target="_blank" class="btn btn-secondary col-lg-4">Cnblog</a>
<a href="https://juejin.cn/" target="_blank" class="btn btn-warning col-lg-4">稀土掘金</a>
<a href="https://www.oschina.net/" target="_blank" class="btn btn-info col-lg-4">OSCHINA</a>
</div>
</div>
<!-- <audio muted></audio> -->
<div id="aplayer-inner" class="aplayer"></div>
<!-- <h4 class="mt-4">or, keep your eyes on</h4> -->
<ul class="social mt-1">
<!-- <li><a href="https://www.zhihu.com/people/kaygb/"><i class="fab fa-zhihu" aria-hidden="true"></i></a></li> -->
<li><a href="https://www.cnblogs.com/aiazt"><i class="fa fa-blog" aria-hidden="true"></i></a></li>
<li><a href="https://github.com/kaygb/KZHomePage"><i class="fa fa-rss" aria-hidden="true"></i></a></li>
<li><a href="https://github.com/kaygb"><i class="fab fa-github" aria-hidden="true"></i></a></li>
<li><a href="https://twitter.com"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
</ul>
<!-- <div id="aplayer" class="aplayer" data-order="random" data-id="20173709" data-server="netease" data-type="playlist" data-fixed="true" data-autoplay="true" data-volume="0.8"></div> -->
<footer>
<p>Copyright 2022 - Now <a href="https://aiazt.github.io" target="_blank">Azt's Blog</a> <a href="https://icp.gov.moe/" target="_blank">萌ICP备20211215号</a>
<br>Mod by
<a href="https://github.com/aiazt" target="_blank" rel="">Aiazt</a>
<a href="https://github.com" target="_blank" rel="nofollow"><img src="https://github.com/favicon.ico" style="width:15px;"></a>
</p>
</p>
</footer>
</div>
</div>
</div>
<!-- aplayer -->
<div id="aplayer-fixed" class="aplayer"></div>
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="./static/APlayer-1.10.1/dist/APlayer.min.js"></script>
<script src="./static/Meting.min.js"></script>
<!-- end_aplayer -->
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script defer src="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
<script src="./static/layer-v3.5.1/layer/layer.js"></script>
<!-- <script src="./static/main.js"></script> -->
<script src="./static/main.js"></script>
<script>
//弹出一个页面层
$('#kaygb-blog').on('click', function() {
layer.open({
type: 2,
title: 'Blog',
shadeClose: true,
anim:4,
closeBtn: 2,
isOutAnim: false,
area: ['80%', '90%'],
content: '//www.aiazt.net/'
});
});
$('#kaygb-mail').on('click', function() {
layer.open({
type: 2,
title: 'Blog',
shadeClose: true,
anim:4,
closeBtn: 2,
isOutAnim: false,
area: ['80%', '90%'],
content: '//mail.qq.com/cgi-bin/qm_share?t=qm_mailme&[email protected]'
});
});
</script>
<script type="text/javascript">
/* 鼠标文字特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
var $i = $("<span/>").text(a[a_idx]);
a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "#ff6651"
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});
</script>
</html>