博客设置 -> 页面定制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. }