Hexo文章页面透明效果

发表于2022-11-13|更新于2022-11-25|前端Hexo

|字数总计:170|阅读时长:1分钟|阅读量:

前言

在不妨碍正常阅读的情况下想更好地展示背景或者一些效果，实现文章页透明是一种不错的选择。

操作步骤

在\themes\butterfly\source\css路径下创建一个xxx.css文件，在文件中添加如下代码：

/* 首页文章栏背景透明 */
#recent-posts>.recent-post-item,.layout_page>div:first-child:not(.recent-posts),.layout_post>#page,.layout_post>#post,.read-mode .layout_post>#post {
    background: var(--light_bg_color)
}

/* 侧边栏透明 */
#aside-content .card-widget {
    background: var(--light_bg_color)
}