hexo之修改文章样式

文章样式

修改themes/next/source/css/_custom/custom.styl文件,加入自定义样式

/*******************文章样式*****************************/

/*文章*/
.post {
    margin-bottom: 50px;
    padding: 45px 36px 36px 36px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    background-color: rgb(255, 255, 255);
}

/* 文章标题字体*/
.posts-expand .post-title {
    font-size: 26px;
    font-weight: 700;
}
/* 文章标题动态效果*/
.posts-expand .post-title-link::before {
    background-image: linear-gradient(90deg, #a166ab 0%, #ef4e7b 25%, #f37055 50%, #ef4e7b 75%, #a166ab 100%);
}
/* 文章元数据(meta)留白更改*/
.posts-expand .post-meta {
    margin: 10px 0px 20px 0px;
}
/* 文章的描述description */
.posts-expand .post-meta .post-description {
    font-style: italic;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 0px;
    color: #666;
}