?

使用syntaxhighlighter插件對代碼進行高亮。

?

1. 下載syntaxhighlighter

http://files.cnblogs.com/heyuquan/SyntaxHighlighter%E7%A4%BA%E4%BE%8B%E6%BA%90%E7%A0%81%E4%B8%8B%E8%BD%BD.rar

2. 將需要的css樣式上傳到博客園（管理-->文件），然后在設置【頁首html代碼】添加css引用：

<link type="text/css" rel="stylesheet" href="http://files.cnblogs.com/files/cc11001100/shThemeEclipse.css"> <link type="text/css" rel="stylesheet" href="http://files.cnblogs.com/files/cc11001100/shCoreEclipse.css">

?

3. 插入代碼時需要進行html轉義，否則可能會出現奇怪的問題，首先使用博客園自帶的編輯器插入代碼，然后使用html視圖手動修改樣式，樣式即會被應用：

<div class="cnblogs_Highlighter"> <pre class="brush:sql;gutter:true;">自己的代碼 </pre> </div>

?注意插入的時候只選擇PlainText即可，后期樣式會進行自動添加的。

?

效果如圖：

?

?

HTML在線轉義：?http://www.sojson.com/rehtml

感謝這位博主的插件：?http://www.cnblogs.com/wbbice/p/5596095.html

?

?

?

?

.

?

轉載于:https://www.cnblogs.com/cc11001100/p/6654326.html

總結

以上是生活随笔為你收集整理的博客园设置代码样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。