系統(tǒng)運維

對于使用windows下的markdownpad2語法編輯器的用戶來說，最蛋疼的是支持功能太少，自定義也費勁，不過通過自定義css能實現(xiàn)簡單的代碼風(fēng)格，這是我修改過的效果如下：

主要就是修改了這些，后面再研究吧，畢竟css也不是那么熟，都是看著html顏色代碼一個一個試的，后期看看能通過自己寫的js嵌入到編輯器中實現(xiàn)語法高亮度，下面是我修改的css代碼：

/*GitHubstylesheetforMarkdownPad(http://markdownpad.com)*/
/*Author:NicolasHery-http://nicolashery.com*/
/*Version:b13fe65ca28d2e568c6ed5d7f06581183df8f2ff*/
/*Source:https://github.com/nicolahery/markdownpad-github*/

/*RESET
=============================================================================*/

html,body,div,span,applet,object,iframe,h2,h3,h4,h5,h6,h7,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
}

/*BODY
=============================================================================*/

body{
font-family:Helvetica,arial,freesans,clean,sans-serif;
font-size:14px;
line-height:1.6;
color:#333;
background-color:#fff;
padding:20px;
max-width:960px;
margin:0auto;
}

body>*:first-child{
margin-top:0!important;
}

body>*:last-child{
margin-bottom:0!important;
}

/*BLOCKS
=============================================================================*/

p,blockquote,ul,ol,dl,table,pre{
margin:15px0;
}

/*HEADERS
=============================================================================*/

h2,h3,h4,h5,h6,h7{
margin:20px010px;
padding:0;
font-weight:bold;
-webkit-font-smoothing:antialiased;
}

h2tt,h2code,h3tt,h3code,h4tt,h4code,h5tt,h5code,h6tt,h6code,h7tt,h7code{
font-size:inherit;
}

h2{
font-size:28px;
color:#000;
}

h3{
font-size:24px;
border-bottom:1pxsolid#ccc;
color:#000;
}

h4{
font-size:18px;
}

h5{
font-size:16px;
}

h6{
font-size:14px;
}

h7{
color:#777;
font-size:14px;
}

body>h3:first-child,body>h2:first-child,body>h2:first-child+h3,body>h4:first-child,body>h5:first-child,body>h6:first-child,body>h7:first-child{
margin-top:0;
padding-top:0;
}

a:first-childh2,a:first-childh3,a:first-childh4,a:first-childh5,a:first-childh6,a:first-childh7{
margin-top:0;
padding-top:0;
}

h2+p,h3+p,h4+p,h5+p,h6+p,h7+p{
margin-top:10px;
}

/*LINKS
=============================================================================*/

a{
color:#4183C4;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

/*LISTS
=============================================================================*/

ul,ol{
padding-left:30px;
}

ulli>:first-child,
olli>:first-child,
ulliul:first-of-type,
olliol:first-of-type,
ulliol:first-of-type,
olliul:first-of-type{
margin-top:0px;
}

ulul,ulol,olol,olul{
margin-bottom:0;
}

dl{
padding:0;
}

dldt{
font-size:14px;
font-weight:bold;
font-style:italic;
padding:0;
margin:15px05px;
}

dldt:first-child{
padding:0;
}

dldt>:first-child{
margin-top:0px;
}

dldt>:last-child{
margin-bottom:0px;
}

dldd{
margin:0015px;
padding:015px;
}

dldd>:first-child{
margin-top:0px;
}

dldd>:last-child{
margin-bottom:0px;
}

/*CODE
=============================================================================*/

code,tt{
font-size:12px;
font-family:Consolas,LiberationMono,Courier,monospace;color:red
}
pre{
font-size:12px;
font-family:Consolas,LiberationMono,Courier,monospace,color:black
}

code,tt{
margin:00px;
padding:0px0px;
white-space:nowrap;
border:#cccsolidthin;
background-color:#F5F5F5;
border-radius:3px;

}

pre>code{
margin:0;
padding:0;
white-space:pre;
border:none;
background:transparent;
color:black
}

pre{
background-color:#F5F5F5;
border:1pxsolid#FFFFFF;
font-size:13px;
line-height:19px;
overflow:auto;
padding:6px10px;
border-radius:3px;

}

precode,prett{
background-color:transparent;
border:none;
}

kbd{
-moz-border-bottom-colors:none;
-moz-border-left-colors:none;
-moz-border-right-colors:none;
-moz-border-top-colors:none;
background-color:#DDDDDD;
background-p_w_picpath:linear-gradient(#F1F1F1,#DDDDDD);
background-repeat:repeat-x;
border-color:#DDDDDD#CCCCCC#CCCCCC#DDDDDD;
border-p_w_picpath:none;
border-radius:2px2px2px2px;
border-style:solid;
border-width:1px;
font-family:HelveticaNeue,Helvetica,Arial,sans-serif;
line-height:10px;
padding:1px4px;
}

/*QUOTES
=============================================================================*/

blockquote{
border-left:4pxsolid#2F4F4F;
padding:015px;
color:#777;
background-color:#edf2f7;

}

blockquote>:first-child{
margin-top:0px;
}

blockquote>:last-child{
margin-bottom:0px;
}

/*HORIZONTALRULES
=============================================================================*/

hr{
clear:both;
margin:15px0;
height:0px;
overflow:hidden;
border:none;
background:transparent;
border-bottom:4pxsolid#ddd;
padding:0;
}

/*TABLES
=============================================================================*/
table
{
border-collapse:collapse;
}
tableth{
font-weight:bold;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#F5F5F5;
color:#000000;
}

tableth,tabletd{
border:1pxsolid#ccc;
padding:6px13px;
}

tabletr{
border-top:1pxsolid#ccc;
background-color:#fff;
}

tabletr:nth-child(2n){
background-color:#f8f8f8;
}

/*IMAGES
=============================================================================*/

img{
max-width:100%
}

總結(jié)

以上是生活随笔為你收集整理的markdownpad2自定义github-css风格的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。