zoukankan      html  css  js  c++  java
  • 博客园配置windows live writer,实现本地代码高亮

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

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

    现在一切都能解决:

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

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

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

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

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

    网页版的最后效果为:

    image

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

    image

    点击OK。效果如下:

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

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

    image

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

    image

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

    image

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

    如何制作呢?

    首先去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文件夹下面的文件上传到自己的博客:

    image

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

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

    image

    注意:

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

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

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

    欢迎交流哦,呵呵。

  • 相关阅读:
    MSP430:管脚的第二功能选择
    MSP430 WDT
    MSP430 G2553 Timer 中断总结
    Timer A UP mode 中断
    AD10 库下载地址
    mysql的视图,事务,索引,外键
    mariadb主从配置
    DNS服务搭建
    数据库的连接查询
    数据库设计及ER模型
  • 原文地址:https://www.cnblogs.com/rollenholt/p/2384594.html
Copyright © 2011-2022 走看看