博客园设置代码样式
?
使用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
總結
- 上一篇: qt MVC(一)
- 下一篇: LeetCode 138 复制带随机指针