由于版本更新,本篇的内容部分已经不再适用,请自行斟酌

为什么是贰点伍而不是叁

这篇文章更多的是对 魔改美化贰 的一个补充,完善那些在贰中未提及但影响整体协调性的点。至于叁,将会是一次大改,暂不确定出品日期。


版权卡片美化

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/*版权卡片美化*/
#post .post-copyright {
position: relative;
margin: 2rem 0 0.5rem;
padding: 1.5rem 0.8rem;
border: 8px solid #f6f6f6; /*卡片边框*/
border-radius: 20px; /*边框圆角*/
}
#post .post-copyright:before {
position: absolute;
top: -1.9rem; /*C位置*/
color: #49b1f540; /*C颜色*/
font-size: 6rem; /*C大小*/
}

文章分页卡片美化

1
2
3
4
5
6
/*文章分页卡片美化*/
#pagination .prev-post a, #pagination .next-post a {
border-style: ridge;
border-width: 8px;
border-color: #d2d2d2;
}

相关推荐卡片美化

1
2
3
4
/*文章相关推荐卡片美化*/
.relatedPosts > .relatedPosts-list > div {
border-radius: 20px;
}

目录颜色圆角调整

1
2
3
4
#aside-content #card-toc .toc-content .toc-link.active {
background: #669cbe;
border-radius: 5px;
}

关于魔改美化理念

博客的魔改美化应遵循阅读体验优先的原则,保持纯净页面,因而不做繁冗的增添与过于商业性质的修改。