为知笔记发布到博客园，代码高亮失效问题

博客设置 -> 页面定制CSS代码
填入以下样式表

  2. /*
  4. Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
  6. */
  8. .hljs {
  9.   display: block; padding: 0.5em;
  10.   background: #F0F0F0;
  11. }
  13. .hljs,
  14. .hljs-subst,
  15. .hljs-tag .hljs-title,
  16. .lisp .hljs-title,
  17. .clojure .hljs-built_in,
  18. .nginx .hljs-title {
  19.   color: black;
  20. }
  22. .hljs-string,
  23. .hljs-title,
  24. .hljs-constant,
  25. .hljs-parent,
  26. .hljs-tag .hljs-value,
  27. .hljs-rules .hljs-value,
  28. .hljs-rules .hljs-value .hljs-number,
  29. .hljs-preprocessor,
  30. .hljs-pragma,
  31. .haml .hljs-symbol,
  32. .ruby .hljs-symbol,
  33. .ruby .hljs-symbol .hljs-string,
  34. .hljs-aggregate,
  35. .hljs-template_tag,
  36. .django .hljs-variable,
  37. .smalltalk .hljs-class,
  38. .hljs-addition,
  39. .hljs-flow,
  40. .hljs-stream,
  41. .bash .hljs-variable,
  42. .apache .hljs-tag,
  43. .apache .hljs-cbracket,
  44. .tex .hljs-command,
  45. .tex .hljs-special,
  46. .erlang_repl .hljs-function_or_atom,
  47. .asciidoc .hljs-header,
  48. .markdown .hljs-header,
  49. .coffeescript .hljs-attribute {
  50.   color: #800;
  51. }
  53. .smartquote,
  54. .hljs-comment,
  55. .hljs-annotation,
  56. .hljs-template_comment,
  57. .diff .hljs-header,
  58. .hljs-chunk,
  59. .asciidoc .hljs-blockquote,
  60. .markdown .hljs-blockquote {
  61.   color: #888;
  62. }
  64. .hljs-number,
  65. .hljs-date,
  66. .hljs-regexp,
  67. .hljs-literal,
  68. .hljs-hexcolor,
  69. .smalltalk .hljs-symbol,
  70. .smalltalk .hljs-char,
  71. .go .hljs-constant,
  72. .hljs-change,
  73. .lasso .hljs-variable,
  74. .makefile .hljs-variable,
  75. .asciidoc .hljs-bullet,
  76. .markdown .hljs-bullet,
  77. .asciidoc .hljs-link_url,
  78. .markdown .hljs-link_url {
  79.   color: #080;
  80. }
  82. .hljs-label,
  83. .hljs-javadoc,
  84. .ruby .hljs-string,
  85. .hljs-decorator,
  86. .hljs-filter .hljs-argument,
  87. .hljs-localvars,
  88. .hljs-array,
  89. .hljs-attr_selector,
  90. .hljs-important,
  91. .hljs-pseudo,
  92. .hljs-pi,
  93. .haml .hljs-bullet,
  94. .hljs-doctype,
  95. .hljs-deletion,
  96. .hljs-envvar,
  97. .hljs-shebang,
  98. .apache .hljs-sqbracket,
  99. .nginx .hljs-built_in,
  100. .tex .hljs-formula,
  101. .erlang_repl .hljs-reserved,
  102. .hljs-prompt,
  103. .asciidoc .hljs-link_label,
  104. .markdown .hljs-link_label,
  105. .vhdl .hljs-attribute,
  106. .clojure .hljs-attribute,
  107. .asciidoc .hljs-attribute,
  108. .lasso .hljs-attribute,
  109. .coffeescript .hljs-property,
  110. .hljs-phony {
  111.   color: #88F
  112. }
  114. .hljs-keyword,
  115. .hljs-id,
  116. .hljs-title,
  117. .hljs-built_in,
  118. .hljs-aggregate,
  119. .css .hljs-tag,
  120. .hljs-javadoctag,
  121. .hljs-phpdoc,
  122. .hljs-yardoctag,
  123. .smalltalk .hljs-class,
  124. .hljs-winutils,
  125. .bash .hljs-variable,
  126. .apache .hljs-tag,
  127. .go .hljs-typename,
  128. .tex .hljs-command,
  129. .asciidoc .hljs-strong,
  130. .markdown .hljs-strong,
  131. .hljs-request,
  132. .hljs-status {
  133.   font-weight: bold;
  134. }
  136. .asciidoc .hljs-emphasis,
  137. .markdown .hljs-emphasis {
  138.   font-style: italic;
  139. }
  141. .nginx .hljs-built_in {
  142.   font-weight: normal;
  143. }
  145. .coffeescript .javascript,
  146. .javascript .xml,
  147. .lasso .markup,
  148. .tex .hljs-formula,
  149. .xml .javascript,
  150. .xml .vbscript,
  151. .xml .css,
  152. .xml .hljs-cdata {
  153.   opacity: 0.5;
  154. }
  156. pre {
  157.   font-size: 13px;
  158. }
  160. pre, code {
  161.   font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  162.   word-wrap: break-word;
  163. }
  165. .pln {
  166.   color: #48484C; }
  168. .str {
  169.   color: #DD1144; }
  171. .kwd {
  172.   color: #1E347B; }
  174. .com {
  175.   color: #93A1A1; }
  177. .typ {
  178.   color: teal; }
  180. .lit {
  181.   color: #195F91; }
  183. .pun {
  184.   color: #93A1A1; }
  186. .opn {
  187.   color: #93A1A1; }
  189. .clo {
  190.   color: #93A1A1; }
  192. .tag {
  193.   color: #008; }
  195. .atn {
  196.   color: teal; }
  198. .atv {
  199.   color: #DD1144; }
  201. .dec {
  202.   color: teal; }
  204. .var {
  205.   color: teal; }
  207. .fun {
  208.   color: #DC322F; }
  210. /* Put a border around prettyprinted code snippets. */
  211. pre.prettyprint {
  212.   background-color: #F7F7F9;
  213.   padding: 0px;
  214.   border: 1px solid #E1E1E8;
  215.   tab-size: 4; }
  217. pre.prettyprint.linenums {
  218.   overflow: auto;
  219.   -webkit-overflow-scrolling: touch;
  220. }
  222. /* Specify class=linenums on a pre to get line numbering */
  223. pre.prettyprint.linenums ol.linenums {
  224.   box-shadow: 40px 0 0 #FBFBFC inset, 41px 0 0 #ECECF0 inset;
  225.   color: #1E347B;
  226.   padding: 10px 10px 10px 40px !important;
  227.   margin-top: 0;
  228.   margin-bottom: 0;
  229. }
  231. pre.prettyprint.linenums ol.linenums li {
  232.   color: #BEBEC5;
  233.   line-height: 18px;
  234.   padding-left: 12px !important;
  235. }
  237. pre.prettyprint.linenums ol.linenums li.L0,
  238. pre.prettyprint.linenums ol.linenums li.L1,
  239. pre.prettyprint.linenums ol.linenums li.L2,
  240. pre.prettyprint.linenums ol.linenums li.L3,
  241. pre.prettyprint.linenums ol.linenums li.L4,
  242. pre.prettyprint.linenums ol.linenums li.L5,
  243. pre.prettyprint.linenums ol.linenums li.L6,
  244. pre.prettyprint.linenums ol.linenums li.L7,
  245. pre.prettyprint.linenums ol.linenums li.L8,
  246. pre.prettyprint.linenums ol.linenums li.L9 {
  247.   list-style-type: decimal !important;
  248. }





posted @ 2017-04-02 00:01  xiejunzhao  阅读(363)  评论(0)  编辑  收藏  举报