你是否还在为只能用浏览器在博客后台写文章而苦恼?

你是否还在纠结于live writer没有代码高亮而苦恼?

现在一切都能解决:

其实博客园支持SyntaxHighlighter代码着色,可以用相应的Live Writer代码着色插件进行代码着色。他们推荐的代码高亮插件是

:推荐代码着色插件:Source Code plugin for SyntaxHighlighter。

:Windows Live Writer下载地址:http://download.live.com/writer。

但是无法在本地编写代码的时候就能够做到代码高亮,而且在本地预览的时候也没有代码高亮,只有发布在博客之后用浏览器打开的时候才能有代码高亮。

由于笔者不太喜欢这种编写代码时候没有高亮,并且博客园自带的代码样式比较难看,我很不喜欢,之前本打算自己搭建一个wordpress,因为既然现实存在的东西不行,那么我就创造一个,哈哈、但是由于最近资金有限,买不起域名和空间,所以,没办法,只能回过头来捣鼓博客园了。好了。,先给搭建看看我最后的效果。

网页版的最后效果为:

下面看看在本地windows live writer编写代码时候的效果吧。比如插入:

点击OK。效果如下:

template<typename T>
void stack<T>::push(T const& a){elems.push_back(a);
}

我截图如下,大家注意我画 红线的地方,这个是在编辑状态下的哦:

然后我们在本地点击预览:

看,是不是也有代码高亮啊。呵呵,然后我们用浏览器打开:

效果完全一样,如何,不错吧、。

如何制作呢?

首先去http://wlwsyntaxhighlighter.codeplex.com/下载SyntaxHighlighter,msi ,只有368K,

还需要安装live writer:wlsetup-web.exe,下载地址:http://download.live.com/writer

以及:SyntaxHighlighter_1.5.1.rar 下载地址为:http://code.google.com/p/syntaxhighlighter/downloads/list

然后ok,安装live writer和SyntaxHighlighter,msi

解压SyntaxHighlighter_1.5.1.rar ,将里面的scripts和styles文件夹下面的文件上传到自己的博客:

博客园博客有上传文件的功能,其实你不必和作者一样,全部上传,比如你一直用c++ ,那么你可以只上传shCore.js ,还有那个唯一的css文件以及代表c++的shBrushCpp.js,还有clipboard.swf。当然你也可以和我一样,全部都上传。

然后在博客后台的设置里面的子标题下添加如下代码:

注意:

上面的rollenholt将要修改为你自己的名字,比如我的博客地址为:http://www.cnblogs.com/rollenholt/,那么我的就是rollenholt。代码如下:

<link type="text/css" rel="stylesheet" href="http://files.cnblogs.com/rollenholt/SyntaxHighlighter.css"></link>
<script language="javascript" src="http://files.cnblogs.com/rollenholt/shCore.js"></script>
<script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushCSharp.js"></script>
<script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushCpp.js"></script>
<script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushCss.js"></script>
<script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushDelphi.js"></script>
<script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushJava.js"></script>
<script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushJScript.js"></script>
<script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushPhp.js"></script>
<script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushPython.js"></script>
<script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushRuby.js"></script>
<script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushSql.js"></script>
<script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushVb.js"></script>
<script language="javascript" src="http://files.cnblogs.com/rollenholt/shBrushXml.js"></script><script language="javascript">
window.onload = function() {dp.SyntaxHighlighter.ClipboardSwf = 'http://files.cnblogs.com/rollenholt/clipboard.swf';dp.SyntaxHighlighter.HighlightAll('code');
};</script>

注意修改为你的名字哦,然后保存就行了,最后你写篇博客试试哦,呵呵,笔者的博客为:http://www.cnblogs.com/rollenholt/

欢迎交流哦,呵呵。

转载于:https://www.cnblogs.com/rollenholt/archive/2012/03/08/2384594.html

博客园配置windows live writer,实现本地代码高亮相关推荐

  1. 发布一个博客园专用Windows Live Writer代码插件

    一直用Windows Live Writer写博客,不过没找到能与博客园配合得很好的代码插件,每次写完文章发布到博客园总要手动修改代码.所以我自己写了一个博客园专用的Windows Live Writ ...

  2. 博客园使用highlight.js对代码进行高亮,并实现自定义关键词高亮

    看了网上那么多有关highlight.js的教程,自己还没学过JavaScript和CSS,硬是花了3天的时间,才终于弄出了自己想要的效果.一开始我的博客园代码高亮效果是这样的: 个人希望代码块能够实 ...

  3. 博客园离线写博客工具

    博客园里头推荐的离线写博客的工具,在官方下载后,win7系统安装不了,似乎是要通过离线版的安全才可以,没有找到合适的下载链接. 后面在csdn中看到了csdn 的这个离线下载工具,同样设置,博客园也可 ...

  4. 改进博客园Markdown显示功能(加代码行号、显示代码所用编程语言)

    博客园的markdown模式下的代码高亮功能使用的是highlight.js,没有行号和显示相应编程语言的功能,只好自己将其改造了一下(将这两种功能一并实现了)~ 先看一下效果,再详细介绍方法~ 查看 ...

  5. 用 Windows Live Writer 2009 为我们的博客园写博客(图)

    在此之前没有使用过Windows Live Writer 写过博客,看到dudu推荐用Windows Live Writer ,今天也尝试用了一下,并把过程记录下来供大家分享讨论. Windows L ...

  6. (转)【超详细教程】使用Windows Live Writer 2012和Office Word 2013 发布文章到博客园全面总结...

    去年就知道有这个功能,不过没去深究总结过,最近有写网络博客的欲望了,于是又重新拾起这玩意儿. 具体到底是用Windows Live Writer 2012还是用Word 2013,个人觉得看个人,因为 ...

  7. 【超详细教程】使用Windows Live Writer 2012和Office Word 2013 发布文章到博客园全面总结...

    [超详细教程]使用Windows Live Writer 2012和Office Word 2013 发布文章到博客园全面总结 原文 http://www.cnblogs.com/liuxianan/ ...

  8. 使用windows live writer连接CSDN和博客园博客

    windows live writer很早就听说了,不过前几天才真正的使用他在博客园上发文章,感觉非常不错,可以点击此处下载,遗憾的是支持的网站不是很多,像新浪博客,百度空间就不支持.下面简单介绍一下 ...

  9. Windows Live Writer离线博客工具使用教程(适用于博客园、CSDN、51CTO等等博客)

    文章背景 写博客不单是一种记录方式,更是一种工作习惯,与朋友一起分享是一件很快乐的事情,以前写博客,我们都会面临博客自带编辑器上各种头疼问题,比如排版.样式.功能局限性等等.但这些阻止不了我写下去的决 ...

最新文章

  1. Spring Cloud入门教程-Hystrix断路器实现容错和降级
  2. 【Android FFMPEG 开发】C++ 回调 Java 方法 模板 ( JavaVM *vm | JNIEnv *env | jobject instance | 引用类型 | 模板代码示例 )
  3. Lua === Lua 十分钟基础入门上手
  4. 预定义异常 - PHP手册笔记
  5. 一个简单又高效的日志系统
  6. python常用字符串处理函数_Python第10课:常用的字符串处理函数
  7. 阿里云数据湖解决方案全面满足数据需求,帮助企业释放数据价值
  8. 稀缺生物科技美妆海报PSD分层模板,看得见的超前感!
  9. opengl入门6。1
  10. 安卓bmi项目_Android自定义View实现BMI指数条
  11. 计算机网络—GBN协议(后退N帧协议)
  12. caffe中的 AlexNet,LeNet,CaffeNet
  13. 推荐下载使用:COMODO Internet Security V5.0.157302.1066 多国语言版(含:简体中文)
  14. android好玩的app,6款好用又好玩的黑科技APP,第3款居然是蚁帮,凭什么?
  15. 简述银行会计科目的分类
  16. 获得代理ippython_Python自动获取代理IP
  17. linux解决依赖性问题
  18. 关于手机QQ-好友的秘密 发送秘密者的位置信息获取
  19. VMware-vMotion简介和要求
  20. mysql5.7应该导什么包_微信表情包制作amp;上线全过程(详细血泪史)

热门文章

  1. Rust核心团队前成员Brian Anderson加入PingCAP
  2. 【转载】优秀文章转载集合
  3. 福州联通与市政府携手 共筑新型智慧城市
  4. CS224n笔记13 卷积神经网络
  5. 火狐浏览器Firefox如何使用插件,火狐有哪些好用的插件
  6. C# where用法解析
  7. PHP中封装mysql数据库链接(简单版)
  8. andriod 新建 Activity_ Form (详细设置)
  9. 17 redis -key设计原则
  10. 读书笔记《集体智慧编程》Chapter 5 : Optimization