Typecho文章Markdown语法标题美化

handsome这款主题在复杂中，保持简洁。如你所见，这是一款花费很长时间才得以完成的typecho主题。在功能强大和体积轻巧中不断权衡，然后呈现在你的面前。为了更好地创作，为了更好记录生活。

本文呢是关于handsome的一篇，一级标题的美化

效果

美化方法

将下面的css加入到主题中，handsome主题直接在后台主题配置里，因为是css代码使用没有局限

/*美化标题*/
#post-content h1 {
font-size: 30px
}

#post-content h2 {
position: relative;
margin: 20px 0 32px!important;
font-size: 1.55em;
}

#post-content h3 {
font-size: 20px
}

#post-content h4 {
font-size: 15px
}

#post-content h2::after {
transition: all .35s;
content: "";
position: absolute;
background: linear- 
gradient(#3c67bd8c 30%,#3c67bd 70%);
width: 1em;
left: 0;
box-shadow: 0 3px 3px rgba(32,160,255,.4);
height: 3px;
bottom: -8px;
}

#post-content h2::before {
content: "";
width: 100%;
border-bottom: 1px solid #eee;
bottom: -7px;
position: absolute

}

#post-content h2:hover::after {
width: 2.5em;
}

 #post-content h1,#post-content 
 h2,#post-content h3,#post-content 
 h4,#post-content h5,#post-content .h6 {
color: #666;
line-height: 1.4;
font-weight: 700;
margin: 30px 0 10px 0
  }