在本地弄了一个NAS导航

千早爱音

<br /> <br />

如图

在Docker的镜像仓库搜索halo，在本地镜像运行下载好的镜像，默认下一步下一步就行

进入halo后台，搜索并安装 HelloPage 主题和链接管理插件

启用插件和主题

新建一个分组并添加链接

清空一下菜单栏

添加自定义css

<style>
.banner-video {
    position: relative;
    width: 100%;
    height: 100vh; /* 填充整个屏幕高度 */
    overflow: hidden; /* 裁切超出部分 */
}

.banner-video video {
    position: absolute;
    left: 50%; /* 横向居中 */
    top: 50%; /* 纵向居中 */
    transform: translate(-50%, -50%); /* 精确居中 */
    width: auto; /* 宽度自适应 */
    height: 100vh; /* 填充屏幕高度 */
    min-width: 100%; /* 确保宽度至少覆盖屏幕 */
    object-fit: cover; /* 关键属性：填充容器并裁剪多余部分 */
}
  /* 针对竖屏且屏幕宽度小于 768px 的设备 */
@media (max-width: 768px) and (orientation: portrait) {
    .banner-video video {
        width: auto;
        height: 100vh;
        min-width: 100%;
        /* 进一步微调裁剪位置（可选） */
        left: 55%; /* 向右偏移裁剪更多左侧 */
        transform: translate(-50%, -50%);
    }
}


      .mt-5.mb-3.footer.text-muted.text-center,.type-right svg {
        display: none;
    }
  .bottom-cover {
    height: 100%;}
  .bottom-cover {
    background-image: linear-gradient(rgb(255 255 255 / 0%) 0%, rgb(244 248 251 / 0%) 50%, rgb(244 248 251 / 0%) 100%)!important;
}
</style>

添加视频背景

我用的是这个视频

https://ba.vod.nexoncdn.co.kr/bg/loop_l_en.mp4

哎，不算教程，只是分享一下

lovegnep

你这是不是太麻烦了，用sunpanel很方便

Feng®

我用sunpanel 安装和使用很方便，和你这个相比只是没有搜索框

西装暴徒

Feng® 发表于 2025-3-17 23:06
我用sunpanel 安装和使用很方便，和你这个相比只是没有搜索框

搜索框在设置里面可以实现

Feng®

西装暴徒 发表于 2025-3-24 16:24
搜索框在设置里面可以实现

好，感谢，改天试试