Hi!请登陆

Typecho文章Markdown语法标题美化

2020-10-22 59 10/22

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
  }

相关推荐