欢迎大家对我博客的支持，最近无意间发现自己的博客的代码高亮出现了问题，原因是自己在做搜索的时候，为了减少js的加载，将某个layout模块删掉了，导致最后出问题自己还不知道，今天改的时候，更是不知道该如何改了，因为忘记了之前自己是如何添加这段代码的啦。不过咱就是写代码的，重写会有更多的收获的。

我就贴出 一下自己的css代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/SyntaxHighlighter
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
 *
 * @version
 * 3.0.83 (July 02 2010)
 * 
 * @copyright
 * Copyright (C) 2004-2010 Alex Gorbatchev.
 *
 * @license
 * Dual licensed under the MIT and GPL licenses.
 */
.syntaxhighlighter {
  background-color: #34495E !important;
  border-radius: 5px;
}
.syntaxhighlighter .line.alt1 {
  background-color: #34495E !important;
}
.syntaxhighlighter .line.alt2 {
  background-color: #34495E !important;
}
.syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
  background-color: #34495E !important;
}
.syntaxhighlighter .line.highlighted.number {
  color: white !important;
}
.syntaxhighlighter table{
   margin: 1px 0 !important;
}
.syntaxhighlighter table caption {
  color: #f8f8f8 !important;
}
.syntaxhighlighter .gutter {
  color: white !important;
}
.syntaxhighlighter .gutter .line {
  border-right: 3px solid #1ABC9C !important;
}
.syntaxhighlighter .gutter .line.highlighted {
  background-color: #41a83e !important;
  color: #0a2b1d !important;
}
.syntaxhighlighter.printing .line .content {
  border: none !important;
}
.syntaxhighlighter.collapsed {
  overflow: visible !important;
}
.syntaxhighlighter.collapsed .toolbar {
  color: #96dd3b !important;
  background: black !important;
  border: 1px solid #41a83e !important;
}
.syntaxhighlighter.collapsed .toolbar a {
  color: #96dd3b !important;
}
.syntaxhighlighter.collapsed .toolbar a:hover {
  color: white !important;
}
.syntaxhighlighter .toolbar {
  color: white !important;
  background: #41a83e !important;
  border: none !important;
}
.syntaxhighlighter .toolbar a {
  color: white !important;
}
.syntaxhighlighter .toolbar a:hover {
  color: #ffe862 !important;
}
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {
  color: #f8f8f8 !important;
}
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {
  color: #336442 !important;
}
.syntaxhighlighter .string, .syntaxhighlighter .string a {
  color: #9df39f !important;
  background-color: #34495E;
}
.syntaxhighlighter .keyword {
  color: #96dd3b !important;
}
.syntaxhighlighter .preprocessor {
  color: #91bb9e !important;
}
.syntaxhighlighter .variable {
  color: #ffaa3e !important;
}
.syntaxhighlighter .value {
  color: #f7e741 !important;
}
.syntaxhighlighter .functions {
  color: #ffaa3e !important;
}
.syntaxhighlighter .constants {
  color: #e0e8ff !important;
}
.syntaxhighlighter .script {
  font-weight: bold !important;
  color: #96dd3b !important;
  background-color: none !important;
}
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
  color: #eb939a !important;
}
.syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
  color: #91bb9e !important;
}
.syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
  color: #edef7d !important;
}

.syntaxhighlighter .comments {
  font-style: italic !important;
  background-color: #34495E;
}
.syntaxhighlighter .keyword {
  font-weight: bold !important;
}

code{
  background-color: #34495E;
  border:1px solid #34495E;
}

千万注意的是，不要光之引入此css代码，还有一个核心的代码也一定要引入进来，不然会出现更乱的情况

1
2
<link href="/syntaxhighlighter/styles/shCore.css" rel="stylesheet">    
<link href="/syntaxhighlighter/styles/shThemeFlatUI.css" rel="stylesheet">