forked from kaygb/KZHomePage
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (119 loc) · 6.59 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
<!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.2.0">
<link rel="stylesheet" href="./static/APlayer-1.10.1/dist/APlayer.min.css">
<!-- 自定义设置 -->
<style>
body {
/*背景图片URL 可使用随机图片API */
background-image: url("./static/images/bg.jpeg");
}
.photo-bg {
/* 卡片左侧图片 */
background-image: url("./static/images/fbg.jpg");
}
.kz-video {
/* 背景视频，none: 不显示 unset 显示 */
display: none;
}
</style>
<script>
// 音乐设置
let meting_music_api = "https://www.kezez.com/api/meting-api/";// meting api
let music_server = "netease"; // 音乐服务：网易云 netease 参见 meting api支持的服务
let music_type = "playlist"; // 歌曲类型：歌单playlist 单首歌曲 song 专辑 album
let music_id = "8362718673"; // 歌单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' ，分别为全部循环，单曲循环，不循环
// 一言设置
let hitokoto_api = "https://v1.hitokoto.cn"; // 一言API
</script>
<!-- end 自定义设置 -->
</head>
<body>
<div class="kz-video">
<video src="./static/video/lty.mp4" autoplay="autoplay" loop muted playsinline="" webkit-playsinline=""></video>
</div>
<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>KZHomePage</h1>
<!-- 标题下的一段话 -->
<p>
很荣幸您能访问我的网站！ 目前我仍在学习中，每天抽出时间来看书学习，励志成为一个技术很牛的程序员。
</p>
<p id="hitokoto_text">:D 一言获取中...</p>
<div class="container-fluid">
<div class="row">
<!-- 导航按钮组 -->
<button data-href="//www.kezez.com" data-title="Blog" data-window="pop" data-anim="4"
data-area-w="80%" data-area-h="90%" data-shade="false"
class="kz-nav-btn btn btn-primary col-lg-4">Blog</button>
<button data-href="https://github.com/kaygb/KZHomePage" data-title="GitHub" data-window="newtab"
data-anim="4" data-area-w="80%" data-area-h="90%" data-shade="false"
class="kz-nav-btn btn btn-secondary col-lg-4">GitHub</button>
<button data-href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&[email protected]"
data-title="Blog" data-window="pop" data-anim="4" data-area-w="80%" data-area-h="90%"
data-shade="false" class="kz-nav-btn btn btn-success col-lg-4">Send a Mail</button>
<!-- end 导航按钮组 -->
</div>
</div>
<!-- aplayer inner -->
<div id="aplayer-inner" class="aplayer"></div>
<!-- end aplayer inner -->
<ul class="social mt-1">
<li><a href="https://weibo.com/u/5223004318"><i class="fab fa-weibo " 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="#"><i class="fab fa-telegram" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="https://www.zhihu.com/people/kaygb/"><i class="fab fa-zhihu"
aria-hidden="true"></i></a></li>
</ul>
<footer>
<p>Copyright 2018 - Now <a href="https://www.170601.xyz/" target="_blank">七六零一</a>
<a href="http://beian.miit.gov.cn/" target="_blank">豫ICP备00000000号-1</a>
<br>
<a href="https://github.com/kaygb/KZHomePage" target="_blank" rel="">KZHomePage</a>
Mod by
<a href="https://github.com/kaygb" target="_blank" rel="">kaygb</a>
<br>
<a href="https://console.upyun.com/register/?invite=r1FdZxBoH" target="_blank"
rel="nofollow"><img src="https://bu.dusays.com/2021/12/15/9991d2344d2ca.png"
style="width:50px;"></a>
</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>
</html>