0%

Hexo+Next调整首页文章间距[绝对有效]

夜深了,话不多说,直接摆方案:

找到Blog\themes\next\source\css\_schemes\Mist\_posts-expand.styl,定位.post-block:not(:first-child)

1
2
3
4
 .post-block:not(:first-child) {
margin-top: 0px;
margin-bottom: 0px;
}

修改成以上代码就行了!原先配置只有margin-top: 130px;自己改改!

如果按网上设置了文章阴影效果,记得修改一下Blog\themes\next\source\css\_common\components\post\post.styl配置,把文章顶部距离调为0,这样首页才是想要的效果!

1
2
3
4
5
6
7
8
9
10
11
12
13
.use-motion {
if (hexo-config('motion.transition.post_block')) {
.post-block{
opacity: 0;
margin-top: 0px;
margin-bottom: 0px;
padding: 25px;
-webkit-box-shadow: 0 0 5px rgba(41,36,33, 1);
-moz-box-shadow: 0 0 5px rgba(41,36,33, 1);
} .pagination, .comments {
opacity: 0;
}
}

完事儿,大功告成!觉得有用就留个言吧!