hao是一个很不错的halo的开源模板,免费,功能多,emmmm,已经很完善了,但对于我来说过于肿,很多功能我用不上,因此做一个精简版...顺便记录一下踩坑!

首页文章列表不显示描述

<style>
/*调整首页*/
  .recent-post-item .recent-post-info .recent-post-info-top .content {
    opacity: inherit;
}
</style>

以前是 opacity: 0; 就是隐藏不显示的意思,现在改的CSS叫做继承,或者1也可以,就显示出来了

注入修改方式:

  • 设置-代码注入

页脚时间加载小bug解决

页脚的那个时间加载会不停的刷新图片,每秒加载一次,更改一下js逻辑解决这个问题

https://www.5ee.net/archives/77hE0flJ

文章页获取封面背景色

这个地方会遇到跨域的问题,我使用的lsky图床,因此在反代里面增加强制请求头即可

 location /lsky {
        proxy_pass http://10.255.255.242:5244/d/smb/lsky; # 映射到 Alist 直链
        more_set_headers "Content-Disposition: inline"; 
        more_set_headers "Access-Control-Allow-Origin: *"; 
    }

首页文章擦亮效果重复css

/opt/1panel/apps/halo/halo/data/themes/theme-hao/templates/modules/post-list.html
<!-- 文章卡片擦亮效果 -->
        <style th:if="${theme.config.layout.articleCardPolish}">
            #recent-posts > .recent-post-item:not(a)::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 200%;
                background: linear-gradient(to right, transparent, white, transparent);
                transform: translateX(-200%);
                transition: transform 0.5s linear;
                z-index: 1;
            }
            
            #recent-posts > .recent-post-item:not(a):hover::before {
                transform: translateX(100%) skewX(-60deg);
            }
        </style>

将样式移出循环内即可,移到div下面