分享一个我在用的个人引导主页

这段时间太闲了，看了看网站也不知道更新啥，太懒了，然后翻到这个引导页不错的，文件就100多k，反正我挺喜欢的现在把它分享给大家，底部留有版权。

实际效果如下图：

也可以前往我的主页查看在线效果：点击直达

修改教程

修改图片

    <style>
        body{
            /*背景图片URL 可使用随机图片API */
            background-image: url("https://imgapi.xl0408.top/index.php"); 
        }
        .photo-bg {
            /* 卡片左侧图片 */
            background-image: url("https://bu.dusays.com/2022/06/04/629b0a2750921.jpg");
        }
    </style>

修改歌单

<script>
        // 音乐设置
        let meting_music_api = "https://meting.qjqq.cn";// meting api
        let music_server = "netease"; // 音乐服务：网易云 netease 参见 meting api支持的服务
        let music_type = "playlist"; // 歌曲类型：歌单playlist 单首歌曲 song  专辑 album
        let music_id = "5185298264"; // 歌单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 = true; // 自动播放
        let music_loop = "all"; // 音频循环播放, 可选值: 'all', 'one', 'none' ，分别为全部循环，单曲循环，不循环
        // TODO 一言设置
    </script>

导航按钮

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

好了，按自己喜好来修改即可，我把我正在用的打包啦，大家点击下面即可下载。