筆記-配置博客園客戶端代碼高亮(2016.08.20)

參考博客文章:http://www.cnblogs.com/rollenholt/archive/2012/03/08/2384594.htmljavascript

 

  • 下載Window Live Writer 2012 最新版

後面沒有更新了版本了。可是Open Live Writer好多插件不支持。因此只能使用最後一次版本的WLW,下載地址: Windows Live Writer 2012官方下載 ,按照步驟一步步進行安裝。 css

  • 下載語法高亮插件

SyntaxHighlighter for Windows Live Writer  點擊下載的msi文件進行安裝便可。html

   

地址: https://code.google.com/archive/p/syntaxhighlighter/downloads,解壓縮下載的文件,找到對應的Scripts和Styles目錄,將下面指定的文件上傳到博客園後臺。上傳的方式是:進入博客園後臺管理--》文件選項卡,裏面有對應的上傳文件的選項,上傳這兩個目錄的全部文件便可。 java

image

上傳完成後在對應的博客園的設置選項卡中滾動頁面到「頁面Html代碼」編輯框,輸入如下的代碼連接到剛纔上傳的js和css樣式。須要粘貼的代碼以下:web

<link type="text/css" rel="stylesheet" href="http://files.cnblogs.com/alterhu/SyntaxHighlighter.css"></link>
<script language="javascript" src="http://files.cnblogs.com/alterhu/shCore.js"></script>
<script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushCSharp.js"></script>
<script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushCpp.js"></script>
<script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushCss.js"></script>
<script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushDelphi.js"></script>
<script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushJava.js"></script>
<script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushJScript.js"></script>
<script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushPhp.js"></script>
<script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushPython.js"></script>
<script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushRuby.js"></script>
<script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushSql.js"></script>
<script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushVb.js"></script>
<script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushXml.js"></script>

<script language="javascript">
window.onload = function() {
     dp.SyntaxHighlighter.ClipboardSwf = 'http://files.cnblogs.com/alterhu/clipboard.swf';
     dp.SyntaxHighlighter.HighlightAll('code');
};
 </script>

個人設置完成後的頁面以下: windows

image

點擊保存後配置完成,而後從新回到windows live writer中能夠寫你須要的代碼了。google

相關文章
相關標籤/搜索