- 综合排序
- 最热优先
- 最新优先
- 来自专栏ahzoo.cn的博客分享
Hexo-Butterfly主题修改分享
copyright: false # Copyright of theme and framework 中间文章列表美化 打开创建的css文件（ahzoo.css），添加下面的代码 /* 首页文章 */ #recent-posts hover .recent-post-info .content { opacity: 1; line-height: 2; transition: all .3s; } #recent-posts recent-post-item>.recent-post-info>.content { opacity: 0; line-height: .7; transition: all .3s; } #recent-posts >.recent-post-item .post_cover img.post_bg { border-radius: 30px; padding: 15px } #recent-posts
1.2K40编辑于 2022-11-02 - 来自专栏花猪的学习记录
Hexo文章页透明效果
操作 在\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
69220编辑于 2022-02-16 - 来自专栏用户8506532的专栏
Hexo之更换背景及透明度
以下代表透明度为0.5 可以自行修改*/ background: rgba(255,255,255,.5); } /* 所有页面背景 */ #aside_content .card-widget, #recent-posts >.recent-post-item, .layout_page>div:first-child:not(.recent-posts), .layout_post>#page, .layout_post
2.4K30发布于 2021-04-15 - ' # html模板，包含挂载容器 plus_style: "" 参数说明 layout来自专栏爪哇学习日记
hexo-butterfly-首页改造
priority: 5 # 过滤器优先权 enable_page: all # 应用页面 # butterfly挂载容器 layout: type: id name: recent-posts 不同主题挂载容器不同，根据应用主题进行配置即可 layout参数配置（挂载容器）/主题 butterfly volantis matery mengd type id class id class name recent-posts enable_page: all # 应用页面 timemode: date # date/updated layout: # 挂载容器类型 type: id name: recent-posts {temple_html_item}
<!1.6K20编辑于 2022-06-15 - 来自专栏Akilarの糖果屋
双栏布局首页卡片魔改教程
important // PC端滑动卡片样式 @media screen and (min-width:1069px) .recent-posts padding 0 15px 0 15px left 32px // 双栏布局卡片自适应适配 @media screen and (min-width:572px) and (max-width:1068px) .recent-posts important nav#pagination width: 100% // 卡片单元布局样式 .recent-posts padding 0 15px 0 15px display polygon(0 0,100% 0,50% 100%) top 20px // 三栏布局滑动卡片样式 @media screen and (min-width:1069px) .recent-posts width 47% margin 0px 3% 20px 0px // 单栏布局卡片自适应适配 @media screen and (max-width:572px) .recent-posts
87320编辑于 2023-01-30 - 来自专栏公爵书房
Hexo 插件包使用
enable: true priority: 3 enable_page: / user: gongjuecloak layout: type: id name: recent-posts background_color: "#f2f2f2" background_hover_color: "#b30070" layout: type: id name: recent-posts
57710编辑于 2022-09-28 - 来自专栏清羽飞扬
魔改笔记二：首页分类，轮播卡片以及动画添加
enable_page: all # 应用页面 timemode: date #date/updated layout: # 挂载容器类型 type: class name: recent-posts : true # 开关 priority: 5 #过滤器优先权 enable_page: / # 应用页面 layout: # 挂载容器类型 type: id name: recent-posts
37010编辑于 2024-05-30 - 来自专栏Java知识点
个人小站折腾后记
important; } /* 夜间模式遮罩 */ [data-theme="dark"] #recent-posts > .recent-post-item, [data-theme="dark"] : true # 开关 priority: 5 #过滤器优先权 enable_page: / # 应用页面 layout: # 挂载容器类型 type: id name: recent-posts 最后墙的名字即是 name;
<! -- id=>type recent-posts=>name --><! enable_page: all # 应用页面 timemode: date #date/updated layout: # 挂载容器类型 type: id name: recent-posts1.6K60编辑于 2023-08-08来自专栏landv[golang][hugo]使用Hugo搭建静态站点
} {{ end }} {{ if not .Site.Params.recentposts.hide }} {{ partial "recent-posts
1.8K40发布于 2019-11-30来自专栏清羽飞扬魔改笔记七：分类条及外链卡片
time')) } else { GLOBAL_CONFIG.relativeDate.homepage && relativeDate(document.querySelectorAll('#recent-posts
46810编辑于 2024-08-11来自专栏Akilarの糖果屋Custom Beautify
background:rgba(255,255,255,0.5) /* 首页文章卡片 */ #recent-posts > .recent-post-item{ background:rgba(
3.5K20发布于 2021-06-11来自专栏Akilarの糖果屋首页文章卡片修改
article-content-bgcolor: #99999a --recent-post-triangle: #37e2dd --recent-post-cover-shadow: #232323 .recent-posts
1.4K20编辑于 2022-04-11来自专栏Akilarの糖果屋源计划-方舟：首页卡片
0 width: 60%; //平板宽度双栏样式适配 @media screen and (min-width:468px) and (max-width:900px) #recent-posts
95520编辑于 2023-01-31来自专栏用户8506532的专栏Butterfly美化
comment">/* 所有背景（包括首页卡片、文章页、页面页等） */ #aside_content .card-widget, #recent-posts >.recent-post-item, .layout_page>div:first-child:not(.recent-posts), .layout_post>#page, .layout_post
4.1K10发布于 2021-04-15腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059
粤公网安备44030502008569号腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号