上一篇 | 这是最后一篇日志下一篇
订阅所有【悟】的日志

如何利用Windows Live Writer写博客(SyntaxHighlighting)

在这5个离线BLOG工具,我选择了WLW,它支持方便的插入图片、相册、表格、地图,支持文字与超链接的自动对应,它的插件非常多,有我必须的代码高亮插件,使博客的编写更加方便,当然它免费,支持wordpress/blogspot等,先在这儿下载

安装后,先添加日志,向导 , 到日志设置,只须输入日志地址,您的日志的账号,它会自动去查找,成功后,会在账户中看到
image

接着讲代码高亮,代码高亮插件有不少,我最喜欢的一款为SyntaxHighlighting。

首先在这儿下载Precode Code Snippet Manager,再下载SyntaxHighlighting,根据这篇讲解如何使用SyntaxHighlighting的文章,考虑到页面优化,我们将CSS文件置于页首 (header.php),将代码JS (shCore.js以及需要包含进来的语言对应的JS,放到一个文件后进行JS代码压缩) ,然后置于页尾 (footer.php)。

1. 修改您当前wordpress主题的header.php,找到</title>在下面加上一段

<link href="http://www.allimilla.com/wp-content/files/syntaxhighlighter/styles/shCore.css" type="text/css" rel="stylesheet" /> 
<link href="http://www.allimilla.com/wp-content/files/syntaxhighlighter/styles/shThemeEmacs.css" type="text/css" rel="stylesheet" /> 
<script type="text/javascript">SyntaxHighlighter.config.clipboardSwf = 'http://www.allimilla.com/wp-content/files/syntaxhighlighter/scripts/clipboard.swf';SyntaxHighlighter.all();</script>

2. 修改当前wordpress主题的footer.php,加入
<script type="text/javascript" src="http://www.allimilla.com/wp-content/files/syntaxhighlighter/scripts/shCore.js"></script> 

3. 如何使用? 先安装Precode Code Snippet Manager,重启Windows Live Wrier后看到”插入“下多了一个”Precode Snippet”,点开后按如图设置: image



注意Surround With选择Pre,这样就有在下面SyntaxHighlighting中看到Code Snippet列表,若不想默认展开,选中”Collapse Block”。记得Swap CRLFs with <BR/> 千万别选。



文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: WordPress
相关日志:
评论: 0 | 引用: 0 | 查看次数: 1732
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 1000 字 | UBB代码 开启 | [img]标签 关闭