笔记-配置博客园客户端代码高亮(2016.08.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目录,将下面指定的文件上传到博客园后台。上传的方式是:进入博客园后台管理--》文件选项卡,里面有对应的上传文件的选项,上传这两个目录的所有文件即可。

image

上传完成后在对应的博客园的设置选项卡中滚动页面到“页面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>  

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

image

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


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


目录
相关文章
|
Web App开发 JavaScript API
怎么从零编写一个 v3 版本的 chrome 浏览器插件实现 CSDN 博客网站的暗黑和明亮主题切换?
怎么从零编写一个 v3 版本的 chrome 浏览器插件实现 CSDN 博客网站的暗黑和明亮主题切换?
834 0
怎么从零编写一个 v3 版本的 chrome 浏览器插件实现 CSDN 博客网站的暗黑和明亮主题切换?
|
应用服务中间件
个人软件思维导图介绍。下载在以后的博客中。本博客是展示软件页面。(二)
个人软件思维导图介绍。下载在以后的博客中。本博客是展示软件页面。
99 0
个人软件思维导图介绍。下载在以后的博客中。本博客是展示软件页面。(二)
|
IDE JavaScript 前端开发
个人软件思维导图介绍。下载在以后的博客中。本博客是展示软件页面。(一)
个人软件思维导图介绍。下载在以后的博客中。本博客是展示软件页面。
120 0
个人软件思维导图介绍。下载在以后的博客中。本博客是展示软件页面。(一)
|
存储 缓存 Java
如何利用 VsCode + evernote + markdown 将自己的博客自动同步成笔记
本文介绍利用 VsCode + evernote + markdown 将自己的博客自动同步成笔记的方法。
如何利用 VsCode + evernote + markdown 将自己的博客自动同步成笔记
|
数据采集 搜索推荐 Shell
Hexo博客功能扩展 - 菜单,SEO以及作者信息
Hexo博客功能扩展 - 菜单,SEO以及作者信息
209 0
|
数据采集 前端开发
Python爬虫入门教程 54-100 博客园等博客网站自动评论器
爬虫背景 爬虫最核心的问题就是解决重复操作,当一件事情可以重复的进行的时候,就可以用爬虫来解决这个问题,今天要实现的一个基本需求是完成“博客园“ 博客的自动评论,其实原理是非常简单的,提炼一下需求 基本需求 登录博客园<不实现,登录单独编写博客> 调用评论接口 返回请求结果 确定流程之后,基本...
1731 0