hao模板踩坑记录
hao是一个很不错的halo的开源模板,免费,功能多,emmmm,已经很完善了,但对于我来说过于肿,很多功能我用不上,因此做一个精简版...顺便记录一下踩坑!
首页文章列表不显示描述
<style>
/*调整首页*/
.recent-post-item .recent-post-info .recent-post-info-top .content {
opacity: inherit;
}
</style>
以前是 opacity: 0; 就是隐藏不显示的意思,现在改的CSS叫做继承,或者1也可以,就显示出来了
注入修改方式:
设置
-代码注入
页脚时间加载小bug解决
页脚的那个时间加载会不停的刷新图片,每秒加载一次,更改一下js逻辑解决这个问题
文章页获取封面背景色
这个地方会遇到跨域的问题,我使用的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下面
本文是原创文章,采用 CC BY-NC-ND 4.0 协议,完整转载请注明来自 sky博客
评论
匿名评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果