├── README.md
├── footer.js
├── image
    ├── preview_content.jpg
    ├── preview_java_code.jpg
    ├── preview_refer.jpg
    └── settings_editor.jpg
└── style.css


/README.md:
--------------------------------------------------------------------------------
 1 | # 博客园定制CSS与页脚Javascript
 2 | 
 3 | ## 1.写在前面
 4 | 
 5 | > * [博客园](http://www.cnblogs.com/gzdaijie/)自带的markdown样式较为简洁，因此想定制博客样式。
 6 | > * style.css文件修改自[huizhong](https://github.com/huizhong/cnblogs-markdown-css)，特表示感谢。
 7 | 
 8 | ## 2.主要改变
 9 | 
10 | > * 自定义博客园markdown渲染样式
11 | > * 博客园markdown代码没有行号，使用`SyntaxHighlighter`插件重新渲染代码部分，详见[footer.js](./footer.js)，`SyntaxHighlighter`插件博客园已支持。
12 | > * 博客园markdown不能自动生成目录，因此使用将所有的`<h2>`和`<h3>`提取制作目录，使用`<a>`标签实现目录在页内的跳转
13 | > * 申明版权信息，实现了在博客正文最顶端自动生成版权信息，出处为当前url。
14 | > * 更多变化可以参考[我的博客](http://www.cnblogs.com/gzdaijie/p/5187171.html)
15 | 
16 | ### 2.1 代码简介
17 | > * 一个对象，setMyBlog
18 | > * 四个方法：`代码行号`、`版权信息` 、`超链接新窗口打开`、`自动生成目录章节`
19 | > * setMyblog.runAll() 为执行所有方法，更改该函数可选择执行某几个方法。
20 | 
21 | ### 2.2 示例如下
22 | 
23 | #### 2.2.1 更改后的引用
24 | ![示例1](./image/preview_refer.jpg)
25 | 
26 | #### 2.2.2 代码行号
27 | ![示例2](./image/preview_java_code.jpg)
28 | 
29 | #### 2.2.3 版权信息与目录章节 
30 | ![示例2](./image/preview_content.jpg)
31 | 
32 | 
33 | ## 3.使用方法
34 | 
35 | > * 将[style.css](./style.css)的代码复制到[博客园后台管理](http://i.cnblogs.com/Configure.aspx)的`页面定制CSS代码`中。
36 | > * 将[footer.js](./footer.js)的代码复制到[博客园后台管理](http://i.cnblogs.com/Configure.aspx)的`页脚Html代码`中。
37 | > * 在[编辑器设置](http://i.cnblogs.com/Preferences.aspx)中设置默认编辑器为`Markdown`
38 | 
39 | ![编辑器设置](./image/settings_editor.jpg)


--------------------------------------------------------------------------------
/footer.js:
--------------------------------------------------------------------------------
 1 | <script type="text/javascript">  
 2 |     var setMyBlog = {
 3 |         setCopyright: function() {
 4 |             //设置版权信息，转载出处自动根据页面url生成
 5 |             var info_str = '<p>作者：<a target="_blank">@gzdaijie</a><br>'+
 6 |                 '本文为作者原创，转载请注明出处：<a class="uri"></a></p><hr></hr>', 
 7 |                 info = $(info_str),
 8 |                 info_a = info.find("a"),
 9 |                 url = window.location.href;
10 |             $(info_a[0]).attr("href","https://github.com/gzdaijie");
11 |             $(info_a[1]).attr("href",url).text(url);
12 |             $("#cnblogs_post_body").prepend(info);
13 |         },
14 |         setCodeRow: function(){
15 |             // 代码行号显示
16 |             var pre = $("pre.sourceCode"); //选中需要更改的部分
17 |             if(pre && pre.length){
18 |                 pre.each(function() {
19 |                     var item = $(this);
20 |                     var lang = item.attr("class").split(" ")[1]; //判断高亮的语言
21 |                     item.html(item.html().replace(/<[^>]+>/g,"")); //将<pre>标签中的html标签去掉
22 |                     item.removeClass().addClass("brush: " + lang +";"); //根据语言添加笔刷
23 |                     SyntaxHighlighter.all();
24 |                 })
25 |             }
26 |         },
27 |         setAtarget: function() {
28 |             // 博客内的链接在新窗口打开
29 |             $("#cnblogs_post_body a").each(function(){
30 |                 this.target = "_blank";
31 |             }) 
32 |         },
33 |         setContent: function() {
34 |             // 根据h2、h3标签自动生成目录
35 |             var captions_ori = $("#cnblogs_post_body h2"),
36 |                 captions = $("#cnblogs_post_body h2,#cnblogs_post_body h3").clone(),
37 |                 content = $("<blockquote><h4>目录</h4></blockquote>");
38 |             $("#cnblogs_post_body").prepend(content.append(captions));
39 |             var index = -1;
40 |             captions.replaceWith(function(){
41 |                 var self = this;
42 |                 if(self.tagName == "H2" || self.tagName == "h2"){
43 |                     // 设置点击目录跳转
44 |                     index += 1;
45 |                     $('<a name="' + '_caption_' + index + '"></a>').insertBefore(captions_ori[index]); 
46 |                     return '<a href="#_caption_' + index + '"><strong>' + self.innerHTML + '</strong></a><br>';
47 |                 } else {
48 |                     return self.innerHTML + "<br>";
49 |                 }
50 |             });
51 |         },
52 |         runAll: function() {
53 |             /* 运行所有方法
54 |              * setAtarget() 博客园内标签新窗口打开
55 |              * setContent() 设置目录
56 |              * setCopyright() 设置版权信息
57 |              * setCodeRow() 代码行号显示
58 |              */ 
59 |             this.setAtarget(); 
60 |             this.setContent();
61 |             this.setCopyright();
62 |             this.setCodeRow();
63 |         }
64 |     }
65 |     setMyBlog.runAll();
66 | </script>


--------------------------------------------------------------------------------
/image/preview_content.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutu/cnblogs_markdown_optimize/cab2b9282d32bce57cf5a263b62706b1544e26ef/image/preview_content.jpg


--------------------------------------------------------------------------------
/image/preview_java_code.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutu/cnblogs_markdown_optimize/cab2b9282d32bce57cf5a263b62706b1544e26ef/image/preview_java_code.jpg


--------------------------------------------------------------------------------
/image/preview_refer.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutu/cnblogs_markdown_optimize/cab2b9282d32bce57cf5a263b62706b1544e26ef/image/preview_refer.jpg


--------------------------------------------------------------------------------
/image/settings_editor.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/geektutu/cnblogs_markdown_optimize/cab2b9282d32bce57cf5a263b62706b1544e26ef/image/settings_editor.jpg


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
  1 | @font-face {
  2 |   font-family: octicons-anchor;
  3 |   src: url(data:font/woff;charset=utf-8;base64,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) format('woff');
  4 | }
  5 | #cnblogs_post_body {
  6 |   margin: 20px 0;
  7 | }
  8 | 
  9 | .cnblogs-markdown {
 10 |   -ms-text-size-adjust: 100%;
 11 |   -webkit-text-size-adjust: 100%;
 12 |   color: #333;
 13 |   overflow: hidden;
 14 |   font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
 15 |   font-size: 16px;
 16 |   line-height: 1.6;
 17 |   word-wrap: break-word;
 18 | }
 19 | 
 20 | .cnblogs-markdown a {
 21 |   background: transparent;
 22 | }
 23 | 
 24 | .cnblogs-markdown a:active,
 25 | .cnblogs-markdown a:hover {
 26 |   outline: 0;
 27 | }
 28 | 
 29 | .cnblogs-markdown strong {
 30 |   font-weight: bold;
 31 | }
 32 | 
 33 | .cnblogs-markdown h1 {
 34 |   font-size: 2em;
 35 |   margin: 0.67em 0;
 36 | }
 37 | 
 38 | .cnblogs-markdown img {
 39 |   border: 0;
 40 | }
 41 | 
 42 | .cnblogs-markdown hr {
 43 |   box-sizing: content-box;
 44 |   height: 0;
 45 | }
 46 | 
 47 | .cnblogs-markdown pre {
 48 |   overflow: auto;
 49 | }
 50 | 
 51 | .cnblogs-markdown code,
 52 | .cnblogs-markdown kbd,
 53 | .cnblogs-markdown pre {
 54 |   font-family: monospace, monospace;
 55 |   font-size: 1em;
 56 | }
 57 | 
 58 | .cnblogs-markdown input {
 59 |   color: inherit;
 60 |   font: inherit;
 61 |   margin: 0;
 62 | }
 63 | 
 64 | .cnblogs-markdown html input[disabled] {
 65 |   cursor: default;
 66 | }
 67 | 
 68 | .cnblogs-markdown input {
 69 |   line-height: normal;
 70 | }
 71 | 
 72 | .cnblogs-markdown input[type="checkbox"] {
 73 |   box-sizing: border-box;
 74 |   padding: 0;
 75 | }
 76 | 
 77 | .cnblogs-markdown table {
 78 |   border-collapse: collapse;
 79 |   border-spacing: 0;
 80 | }
 81 | 
 82 | .cnblogs-markdown td,
 83 | .cnblogs-markdown th {
 84 |   padding: 0;
 85 | }
 86 | 
 87 | .cnblogs-markdown * {
 88 |   box-sizing: border-box;
 89 | }
 90 | 
 91 | .cnblogs-markdown input {
 92 |   font: 13px/1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
 93 | }
 94 | 
 95 | .cnblogs-markdown a {
 96 |   color: #4183c4;
 97 |   text-decoration: none;
 98 | }
 99 | 
100 | .cnblogs-markdown a:hover,
101 | .cnblogs-markdown a:active {
102 |   text-decoration: underline;
103 | }
104 | 
105 | .cnblogs-markdown hr {
106 |   height: 0;
107 |   margin: 15px 0;
108 |   overflow: hidden;
109 |   background: transparent;
110 |   border: 0;
111 |   border-bottom: 1px solid #ddd;
112 | }
113 | 
114 | .cnblogs-markdown hr:before {
115 |   display: table;
116 |   content: "";
117 | }
118 | 
119 | .cnblogs-markdown hr:after {
120 |   display: table;
121 |   clear: both;
122 |   content: "";
123 | }
124 | 
125 | .cnblogs-markdown h1,
126 | .cnblogs-markdown h2,
127 | .cnblogs-markdown h3,
128 | .cnblogs-markdown h4,
129 | .cnblogs-markdown h5,
130 | .cnblogs-markdown h6 {
131 |   margin-top: 15px;
132 |   margin-bottom: 10px;
133 |   line-height: 1.1;
134 | }
135 | 
136 | .cnblogs-markdown blockquote {
137 |   margin: 0;
138 | }
139 | 
140 | .cnblogs-markdown ul,
141 | .cnblogs-markdown ol {
142 |   padding: 0;
143 |   margin-top: 0;
144 |   margin-bottom: 0;
145 | }
146 | 
147 | .cnblogs-markdown ol ol,
148 | .cnblogs-markdown ul ol {
149 |   list-style-type: lower-roman;
150 | }
151 | 
152 | .cnblogs-markdown ul ul ol,
153 | .cnblogs-markdown ul ol ol,
154 | .cnblogs-markdown ol ul ol,
155 | .cnblogs-markdown ol ol ol {
156 |   list-style-type: lower-alpha;
157 | }
158 | 
159 | .cnblogs-markdown dd {
160 |   margin-left: 0;
161 | }
162 | 
163 | .cnblogs-markdown code {
164 |   font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
165 |   font-size: 12px;
166 | }
167 | 
168 | .cnblogs-markdown pre {
169 |   margin-top: 0;
170 |   margin-bottom: 0;
171 |   font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
172 | }
173 | 
174 | .cnblogs-markdown .octicon {
175 |   font: normal normal normal 16px/1 octicons-anchor;
176 |   display: inline-block;
177 |   text-decoration: none;
178 |   text-rendering: auto;
179 |   -webkit-font-smoothing: antialiased;
180 |   -moz-osx-font-smoothing: grayscale;
181 |   -webkit-user-select: none;
182 |   -moz-user-select: none;
183 |   -ms-user-select: none;
184 |   user-select: none;
185 | }
186 | 
187 | .cnblogs-markdown .octicon-link:before {
188 |   content: '\f05c';
189 | }
190 | 
191 | .cnblogs-markdown>*:first-child {
192 |   margin-top: 0 !important;
193 | }
194 | 
195 | .cnblogs-markdown>*:last-child {
196 |   margin-bottom: 0 !important;
197 | }
198 | 
199 | .cnblogs-markdown a:not(:link):not(:visited) {
200 |   color: inherit;
201 |   text-decoration: none;
202 | }
203 | 
204 | .cnblogs-markdown .anchor {
205 |   position: absolute;
206 |   top: 0;
207 |   left: 0;
208 |   display: block;
209 |   padding-right: 6px;
210 |   padding-left: 30px;
211 |   margin-left: -30px;
212 | }
213 | 
214 | .cnblogs-markdown .anchor:focus {
215 |   outline: none;
216 | }
217 | 
218 | .cnblogs-markdown h1,
219 | .cnblogs-markdown h2,
220 | .cnblogs-markdown h3,
221 | .cnblogs-markdown h4,
222 | .cnblogs-markdown h5,
223 | .cnblogs-markdown h6 {
224 |   position: relative;
225 |   margin-top: 1em;
226 |   margin-bottom: 16px;
227 |   font-weight: bold;
228 |   line-height: 1.4;
229 | }
230 | 
231 | .cnblogs-markdown h1 .octicon-link,
232 | .cnblogs-markdown h2 .octicon-link,
233 | .cnblogs-markdown h3 .octicon-link,
234 | .cnblogs-markdown h4 .octicon-link,
235 | .cnblogs-markdown h5 .octicon-link,
236 | .cnblogs-markdown h6 .octicon-link {
237 |   display: none;
238 |   color: #000;
239 |   vertical-align: middle;
240 | }
241 | 
242 | .cnblogs-markdown h1:hover .anchor,
243 | .cnblogs-markdown h2:hover .anchor,
244 | .cnblogs-markdown h3:hover .anchor,
245 | .cnblogs-markdown h4:hover .anchor,
246 | .cnblogs-markdown h5:hover .anchor,
247 | .cnblogs-markdown h6:hover .anchor {
248 |   padding-left: 8px;
249 |   margin-left: -30px;
250 |   text-decoration: none;
251 | }
252 | 
253 | .cnblogs-markdown h1:hover .anchor .octicon-link,
254 | .cnblogs-markdown h2:hover .anchor .octicon-link,
255 | .cnblogs-markdown h3:hover .anchor .octicon-link,
256 | .cnblogs-markdown h4:hover .anchor .octicon-link,
257 | .cnblogs-markdown h5:hover .anchor .octicon-link,
258 | .cnblogs-markdown h6:hover .anchor .octicon-link {
259 |   display: inline-block;
260 | }
261 | 
262 | .cnblogs-markdown h1 {
263 |   padding-bottom: 0.3em;
264 |   font-size: 2.25em !important;
265 |   line-height: 1.2;
266 |   border-bottom: 1px solid #eee;
267 | }
268 | 
269 | .cnblogs-markdown h1 .anchor {
270 |   line-height: 1;
271 | }
272 | 
273 | .cnblogs-markdown h2 {
274 |   padding-bottom: 0.3em;
275 |   font-size: 1.75em !important;
276 |   line-height: 1.225;
277 |   border-bottom: 1px solid #eee;
278 | }
279 | 
280 | .cnblogs-markdown h2 .anchor {
281 |   line-height: 1;
282 | }
283 | 
284 | .cnblogs-markdown h3 {
285 |   font-size: 1.5em!important;
286 |   line-height: 1.43;
287 | }
288 | 
289 | .cnblogs-markdown h3 .anchor {
290 |   line-height: 1.2;
291 | }
292 | 
293 | .cnblogs-markdown h4 {
294 |   font-size: 1.25em !important; 
295 | }
296 | 
297 | .cnblogs-markdown h4 .anchor {
298 |   line-height: 1.2;
299 | }
300 | 
301 | .cnblogs-markdown h5 {
302 |   font-size: 1em !important;
303 | }
304 | 
305 | .cnblogs-markdown h5 .anchor {
306 |   line-height: 1.1;
307 | }
308 | 
309 | .cnblogs-markdown h6 {
310 |   font-size: 1em !important;
311 |   color: #777;
312 | }
313 | 
314 | .cnblogs-markdown h6 .anchor {
315 |   line-height: 1.1;
316 | }
317 | 
318 | .cnblogs-markdown p,
319 | .cnblogs-markdown blockquote,
320 | .cnblogs-markdown ul,
321 | .cnblogs-markdown ol,
322 | .cnblogs-markdown dl,
323 | .cnblogs-markdown table,
324 | .cnblogs-markdown pre {
325 |   margin-top: 0;
326 |   margin-bottom: 16px;
327 | }
328 | 
329 | .cnblogs-markdown hr {
330 |   height: 4px;
331 |   padding: 0;
332 |   margin: 16px 0;
333 |   background-color: #e7e7e7;
334 |   border: 0 none;
335 | }
336 | 
337 | .cnblogs-markdown ul,
338 | .cnblogs-markdown ol {
339 |   padding-left: 2em;
340 |   font-size: 14px;
341 | }
342 | 
343 | .cnblogs-markdown ul ul,
344 | .cnblogs-markdown ul ol,
345 | .cnblogs-markdown ol ol,
346 | .cnblogs-markdown ol ul {
347 |   margin-top: 0;
348 |   margin-bottom: 0;
349 | }
350 | 
351 | .cnblogs-markdown li>p {
352 |   margin-top: 16px;
353 | }
354 | 
355 | .cnblogs-markdown dl {
356 |   padding: 0;
357 | }
358 | 
359 | .cnblogs-markdown dl dt {
360 |   padding: 0;
361 |   margin-top: 16px;
362 |   font-size: 1em;
363 |   font-style: italic;
364 |   font-weight: bold;
365 | }
366 | 
367 | .cnblogs-markdown dl dd {
368 |   padding: 0 16px;
369 |   margin-bottom: 16px;
370 | }
371 | 
372 | .cnblogs-markdown blockquote {
373 |   color: #333;
374 |   padding: 10px 15px;
375 |   border: none;
376 |   border-left: 10px solid #D6DBDF;
377 | }
378 | 
379 | .cnblogs-markdown blockquote>:first-child {
380 |   margin-top: 0;
381 | }
382 | 
383 | .cnblogs-markdown blockquote>:last-child {
384 |   margin-bottom: 0;
385 | }
386 | 
387 | .cnblogs-markdown table {
388 |   display: block;
389 |   width: 100%;
390 |   overflow: auto;
391 |   word-break: normal;
392 |   word-break: keep-all;
393 | }
394 | 
395 | .cnblogs-markdown table th {
396 |   font-weight: bold;
397 | }
398 | 
399 | .cnblogs-markdown table th,
400 | .cnblogs-markdown table td {
401 |   padding: 6px 13px;
402 |   border: 1px solid #ddd;
403 | }
404 | 
405 | .cnblogs-markdown table tr {
406 |   background-color: #fff;
407 |   border-top: 1px solid #ccc;
408 | }
409 | 
410 | .cnblogs-markdown table tr:nth-child(2n) {
411 |   background-color: #f8f8f8;
412 | }
413 | 
414 | .cnblogs-markdown img {
415 |   max-width: 100%;
416 |   box-sizing: border-box;
417 | }
418 | 
419 | .cnblogs-markdown code {
420 |   padding: 0;
421 |   padding-top: 0.2em;
422 |   padding-bottom: 0.2em;
423 |   margin: 0;
424 |   font-size: 85%;
425 |   background-color: rgba(0,0,0,0.04);
426 |   border-radius: 3px;
427 |   border: none !important;
428 |   display: inline-block;
429 | }
430 | 
431 | .cnblogs-markdown code:before,
432 | .cnblogs-markdown code:after {
433 |   letter-spacing: -0.2em;
434 |   content: "\00a0";
435 | }
436 | 
437 | /*only for syntaxhighlighter */
438 | /*--start--*/
439 | .cnblogs-markdown .syntaxhighlighter table td.code {
440 |   width:95% !important; 
441 | }
442 | 
443 | .cnblogs-markdown .syntaxhighlighter code {
444 |   font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace!important;
445 |   padding: 0 !important;
446 |   border-radius: 0 !important;
447 |   background-color: transparent !important;
448 | }
449 | 
450 | .cnblogs-markdown .syntaxhighlighter code:before,
451 | .cnblogs-markdown .syntaxhighlighter code:before {
452 |   letter-spacing: -0.5em;
453 | }
454 | /*--end--*/
455 | 
456 | .cnblogs-markdown pre>code {
457 |   padding: 0;
458 |   margin: 0;
459 |   font-size: 100%;
460 |   word-break: normal;
461 |   white-space: pre;
462 |   background: transparent;
463 |   border: 0;
464 | }
465 | 
466 | .cnblogs-markdown .highlight {
467 |   margin-bottom: 16px;
468 | }
469 | 
470 | .cnblogs-markdown .highlight pre,
471 | .cnblogs-markdown pre {
472 |   padding: 16px;
473 |   overflow: auto;
474 |   font-size: 85%;
475 |   line-height: 1.45;
476 |   background-color: #f7f7f7;
477 |   border-radius: 3px;
478 | }
479 | 
480 | .cnblogs-markdown .highlight pre {
481 |   margin-bottom: 0;
482 |   word-break: normal;
483 | }
484 | 
485 | .cnblogs-markdown pre {
486 |   word-wrap: normal;
487 | }
488 | 
489 | .cnblogs-markdown pre code {
490 |   display: inline;
491 |   max-width: initial;
492 |   padding: 0;
493 |   margin: 0;
494 |   overflow: initial;
495 |   line-height: inherit;
496 |   word-wrap: normal;
497 |   background-color: transparent;
498 |   border: 0;
499 | }
500 | 
501 | .cnblogs-markdown pre code:before,
502 | .cnblogs-markdown pre code:after {
503 |   content: normal;
504 | }
505 | 
506 | .cnblogs-markdown kbd {
507 |   display: inline-block;
508 |   padding: 3px 5px;
509 |   font-size: 11px;
510 |   line-height: 10px;
511 |   color: #555;
512 |   vertical-align: middle;
513 |   background-color: #fcfcfc;
514 |   border: solid 1px #ccc;
515 |   border-bottom-color: #bbb;
516 |   border-radius: 3px;
517 |   box-shadow: inset 0 -1px 0 #bbb;
518 | }
519 | 
520 | .cnblogs-markdown .pl-c {
521 |   color: #969896;
522 | }
523 | 
524 | .cnblogs-markdown .pl-c1,
525 | .cnblogs-markdown .pl-mdh,
526 | .cnblogs-markdown .pl-mm,
527 | .cnblogs-markdown .pl-mp,
528 | .cnblogs-markdown .pl-mr,
529 | .cnblogs-markdown .pl-s1 .pl-v,
530 | .cnblogs-markdown .pl-s3,
531 | .cnblogs-markdown .pl-sc,
532 | .cnblogs-markdown .pl-sv {
533 |   color: #0086b3;
534 | }
535 | 
536 | .cnblogs-markdown .pl-e,
537 | .cnblogs-markdown .pl-en {
538 |   color: #795da3;
539 | }
540 | 
541 | .cnblogs-markdown .pl-s1 .pl-s2,
542 | .cnblogs-markdown .pl-smi,
543 | .cnblogs-markdown .pl-smp,
544 | .cnblogs-markdown .pl-stj,
545 | .cnblogs-markdown .pl-vo,
546 | .cnblogs-markdown .pl-vpf {
547 |   color: #333;
548 | }
549 | 
550 | .cnblogs-markdown .pl-ent {
551 |   color: #63a35c;
552 | }
553 | 
554 | .cnblogs-markdown .pl-k,
555 | .cnblogs-markdown .pl-s,
556 | .cnblogs-markdown .pl-st {
557 |   color: #a71d5d;
558 | }
559 | 
560 | .cnblogs-markdown .pl-pds,
561 | .cnblogs-markdown .pl-s1,
562 | .cnblogs-markdown .pl-s1 .pl-pse .pl-s2,
563 | .cnblogs-markdown .pl-sr,
564 | .cnblogs-markdown .pl-sr .pl-cce,
565 | .cnblogs-markdown .pl-sr .pl-sra,
566 | .cnblogs-markdown .pl-sr .pl-sre,
567 | .cnblogs-markdown .pl-src {
568 |   color: #183691;
569 | }
570 | 
571 | .cnblogs-markdown .pl-v {
572 |   color: #ed6a43;
573 | }
574 | 
575 | .cnblogs-markdown .pl-id {
576 |   color: #b52a1d;
577 | }
578 | 
579 | .cnblogs-markdown .pl-ii {
580 |   background-color: #b52a1d;
581 |   color: #f8f8f8;
582 | }
583 | 
584 | .cnblogs-markdown .pl-sr .pl-cce {
585 |   color: #63a35c;
586 |   font-weight: bold;
587 | }
588 | 
589 | .cnblogs-markdown .pl-ml {
590 |   color: #693a17;
591 | }
592 | 
593 | .cnblogs-markdown .pl-mh,
594 | .cnblogs-markdown .pl-mh .pl-en,
595 | .cnblogs-markdown .pl-ms {
596 |   color: #1d3e81;
597 |   font-weight: bold;
598 | }
599 | 
600 | .cnblogs-markdown .pl-mq {
601 |   color: #008080;
602 | }
603 | 
604 | .cnblogs-markdown .pl-mi {
605 |   color: #333;
606 |   font-style: italic;
607 | }
608 | 
609 | .cnblogs-markdown .pl-mb {
610 |   color: #333;
611 |   font-weight: bold;
612 | }
613 | 
614 | .cnblogs-markdown .pl-md,
615 | .cnblogs-markdown .pl-mdhf {
616 |   background-color: #ffecec;
617 |   color: #bd2c00;
618 | }
619 | 
620 | .cnblogs-markdown .pl-mdht,
621 | .cnblogs-markdown .pl-mi1 {
622 |   background-color: #eaffea;
623 |   color: #55a532;
624 | }
625 | 
626 | .cnblogs-markdown .pl-mdr {
627 |   color: #795da3;
628 |   font-weight: bold;
629 | }
630 | 
631 | .cnblogs-markdown .pl-mo {
632 |   color: #1d3e81;
633 | }
634 | 
635 | .cnblogs-markdown kbd {
636 |   display: inline-block;
637 |   padding: 3px 5px;
638 |   font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
639 |   line-height: 10px;
640 |   color: #555;
641 |   vertical-align: middle;
642 |   background-color: #fcfcfc;
643 |   border: solid 1px #ccc;
644 |   border-bottom-color: #bbb;
645 |   border-radius: 3px;
646 |   box-shadow: inset 0 -1px 0 #bbb;
647 |   padding-top: 20px;
648 | }
649 | 
650 | .cnblogs-markdown .task-list-item {
651 |   list-style-type: none;
652 | }
653 | 
654 | .cnblogs-markdown .task-list-item+.task-list-item {
655 |   margin-top: 3px;
656 | }
657 | 
658 | .cnblogs-markdown .task-list-item input {
659 |   margin: 0 0.35em 0.25em -1.6em;
660 |   vertical-align: middle;
661 | }
662 | 
663 | .cnblogs-markdown :checked+.radio-label {
664 |   z-index: 1;
665 |   position: relative;
666 |   border-color: #4183c4;
667 | }


--------------------------------------------------------------------------------