1
 <style>
2
        body{
3
            /*背景图片URL 可使用随机图片API */
4
            background-image: url("https://bu.dusays.com/2022/06/04/629b0a2a89425.png");
5
        }
6
        .photo-bg {
7
            /* 卡片左侧图片 */
8
            background-image: url("https://bu.dusays.com/2022/06/04/629b0a2750921.jpg");
9
        }
10
    </style>

1
 <script>
2
        // 音乐设置
3
        let meting_music_api = "https://meting.170601.xyz";// meting api
4
        let music_server = "netease"; // 音乐服务：网易云 netease 参见 meting api支持的服务
5
        let music_type = "playlist"; // 歌曲类型：歌单playlist 单首歌曲 song  专辑 album
6
        let music_id = "20173709"; // 歌单ID或歌曲ID或者专辑ID 20173709 29732992
7
        let music_order = "random"; // 音频循环顺序, 顺序播放： 'list', 随机播放：'random'
8
        let music_mini = false; // mini模式 吸底模式开启后此选项实效 true / false
9
        let music_fixed = false; // 吸底模式
10
        let music_volume = 0.7; // 默认音量
11
        let music_autoplay = false; // 自动播放
12
        let music_loop = "all"; // 音频循环播放, 可选值: 'all', 'one', 'none' ，分别为全部循环，单曲循环，不循环
13
    </script>

1
<!-- 导航按钮组 -->
2
<button data-href="//www.kezez.com" data-title="Blog" data-window="pop" data-anim="4"
3
    data-area-w="80%" data-area-h="90%" data-shade="false"
4
    class="kz-nav-btn btn btn-primary col-lg-4">Blog</button>
5

6
<button data-href="https://github.com/kaygb/KZHomePage" data-title="GitHub" data-window="newtab"
7
    data-anim="4" data-area-w="80%" data-area-h="90%" data-shade="false"
8
    class="kz-nav-btn btn btn-secondary col-lg-4">GitHub</button>
9

10
<button data-href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=hi@kezez.com"
11
    data-title="Blog" data-window="pop" data-anim="4" data-area-w="80%" data-area-h="90%"
12
    data-shade="false" class="kz-nav-btn btn btn-success col-lg-4">Send a Mail</button>
13

14
<!-- end 导航按钮组 -->

1
data-href="//www.kezez.com"  // 要打开的链接
2
data-title="Blog"            // 标题
3
data-window="pop"            // 窗口模式，可选：pop(弹窗显示) current(当前页打开) newtab(新标签页打开)
4
data-anim="4"                // 窗口动画效果，可选值：1 2 3 4 5 6 具体效果可以手动尝试
5
data-area-w="80%"             // 窗口打开后所占的宽度
6
data-area-h="90%"            // 窗口打开后所占的高度
7
data-shade="false"           // 是否显示遮罩

1
<button type="button" class="btn btn-primary">Primary</button>
2
<button type="button" class="btn btn-secondary">Secondary</button>
3
<button type="button" class="btn btn-success">Success</button>
4
<button type="button" class="btn btn-danger">Danger</button>
5
<button type="button" class="btn btn-warning">Warning</button>
6
<button type="button" class="btn btn-info">Info</button>
7
<button type="button" class="btn btn-light">Light</button>
8
<button type="button" class="btn btn-dark">Dark</button>