爆改Typora默认样式，世界终于平静了。。。
作为⼀个只关注颜值的⼈，⽤了typora很久今晚终于被官⽅样式丑哭，于是动⼿爆改了⼀下。以默认的github样式为基础先看看效果。最终效果
顶部圆⾓页⾯效果和页⾯阴影，标题改为“PT Serif”
底部的阴影效果
标题的Q，⼀眼就看上了，哈哈哈
代码和简书差不多，对，我是故意的，因为喜欢！
重新⽤hermit字体定义了代码块
表格样式
LaTeX代码样式也没问题
数字
稍微有⼀点点不完美
⼤致的样式表
参数⼦参数/注释简介\:root-设置Typora背景颜⾊html设置正⽂字体
-font-size正⽂字体⼤⼩
@font-加载⾃定义字体
body-设置正⽂⾏⾼、背景⾊等-font-family设置正⽂字体
#write-编辑版⾯的设置
-margin-top顶部⾼度
-margin-bottom底部⾼度
-padding版⼼与版⾯的间距
table tr:nth-child(2n)-表格偶数⾏
table tr:nth-child(2n-1)-表格奇数⾏
code-代码块内设置
-background-color背景
tt-打印块设置
.cm-s-inner .cm-comment// /**/ %代码注释
.cm-s-inner .cm-keyword function保留字符
.cm-s-inner .cm-def document保留字符
.cm-s-inner .cm-operator return系统保留字符
.cm-s-inner .cm-variable window保留字符
.cm-s-inner .cm-variable-2jQuery变量
.cm-s-inner .cm-string-字符串
.cm-s-inner .cm-attribute-
#write{
max-width: 860px;
margin-top:    30px; /*top*/
margin-bottom: 30px;
padding: 100px 60px; /*top to title padding*/
border-radius: 5px;
-o-box-shadow: 0 10px 10px #333333;
-webkit-box-shadow: 0 10px 10px #333333;
-moz-box-shadow: 0 10px 10px #333333;
box-shadow: 0px 50px 100px #333333;
}
#write > ul:first-child,
#write > ol:first-child{
margin-top: 30px;
}
body > *:first-child {
margin-top: 0 !important;
}
body > *:last-child {
margin-bottom: 0 !important;
}
a {
color: #4183C4;
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
margin-top: 1rem;
margin-bottom: 1rem;
font-weight: bold;
line-height: 1.4;
cursor: text;
}
h1:hover a.anchor,
h2:hover a.anchor,
h3:hover a.anchor,
h4:hover a.anchor,
h5:hover a.anchor,
h6:hover a.anchor {
/*background: url("../../images/modules/styleguide/para.png") no-repeat 10px center;*/    text-decoration: none;
}
h1 tt,
h1 code {
font-size: inherit;
}box shadow怎么设置
h2 tt,
h2 code {
font-size: inherit;
}
h3 tt,
h3 code {
font-size: inherit;
}
h4 tt,
h4 code {
font-size: inherit;
}
h5 tt,
h5 code {
font-size: inherit;
}
h6 tt,
h6 code {
font-size: inherit;
}
h1 {
font-family: "PT Serif";

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。