且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

笔记-配置博客园客户端代码高亮(2016.08.20)

更新时间:2022-08-31 21:22:20

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

 

  • 下载Window Live Writer 2012 最新版

后面没有更新了版本了。但是Open Live Writer好多插件不支持。所以只能使用最后一次版本的WLW,下载地址: Windows Live Writer 2012官方下载 ,按照步骤一步步进行安装。

  • 下载语法高亮插件

SyntaxHighlighter for Windows Live Writer  点击下载的msi文件进行安装即可。

   

地址: https://code.google.com/archive/p/syntaxhighlighter/downloads,解压缩下载的文件,找到对应的Scripts和Styles目录,将下面指定的文件上传到博客园后台。上传的方式是:进入博客园后台管理--》文件选项卡,里面有对应的上传文件的选项,上传这两个目录的所有文件即可。

笔记-配置博客园客户端代码高亮(2016.08.20)

上传完成后在对应的博客园的设置选项卡中滚动页面到“页面Html代码”编辑框,输入以下的代码链接到刚才上传的js和css样式。需要粘贴的代码如下:

·········10········20········30········40········50········60········70········80········90········100·······110·······120·······130·······140·······150
  1. <link type="text/css" rel="stylesheet" href="http://files.cnblogs.com/alterhu/SyntaxHighlighter.css"></link>  
  2. <script language="javascript" src="http://files.cnblogs.com/alterhu/shCore.js"></script>  
  3. <script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushCSharp.js"></script>  
  4. <script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushCpp.js"></script>  
  5. <script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushCss.js"></script>  
  6. <script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushDelphi.js"></script>  
  7. <script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushJava.js"></script>  
  8. <script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushJScript.js"></script>  
  9. <script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushPhp.js"></script>  
  10. <script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushPython.js"></script>  
  11. <script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushRuby.js"></script>  
  12. <script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushSql.js"></script>  
  13. <script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushVb.js"></script>  
  14. <script language="javascript" src="http://files.cnblogs.com/alterhu/shBrushXml.js"></script>  
  15.   
  16. <script language="javascript">  
  17. window.onload = function() {  
  18.      dp.SyntaxHighlighter.ClipboardSwf = 'http://files.cnblogs.com/alterhu/clipboard.swf';  
  19.      dp.SyntaxHighlighter.HighlightAll('code');  
  20. };  
  21.  </script>  

我的设置完成后的页面如下:

笔记-配置博客园客户端代码高亮(2016.08.20)

点击保存后配置完成,然后重新回到windows live writer中可以写你需要的代码了。


本文转自hcy's workbench博客园博客,原文链接:http://www.cnblogs.com/alterhu/p/5790120.html,如需转载请自行联系原作者。