发一个 Window Live Writer 插件 SyntaxHighlight 代码样式

使用Windows Live Writer写blog确实是的确非常爽,可是如果经常要粘贴一些代码的话感觉就太不爽了,虽然有SyntaxHighlight 这样优秀的插件供我们使用,但是总也感觉不舒服,比起博客园后台的代码插入工具还是有些逊色,看着不舒服.

其实 SyntaxHighlight是可以自定义代码样式.

于是立即动手改一个自己看着还舒服的代码样式

div css xhtml xml Example Source Code Example Source Code [http://www.cnblogs.com/suyuan/]
  <div style="background:#EEEEEE none repeat scroll 0 0;border-color:#7F7F7F;border-style:solid;
  border-width:1px 1px 1px 3px;width:900px;overflow:hidden;">
  <div style="background:#AFAFAF none repeat scroll 0 0;border-bottom:1px dotted #EAEAEA;
  font-weight:bold;padding:4px;">
<img alt="div css xhtml xml Example Source Code" 
style="margin: 0px 2px -3px 0px;" src="http://images.cnblogs.com/cnblogs_com/suyuan/quote.gif"/> 
Example Source Code <span style="font-weight: 100; color:#AFAFAF;">[http://www.cnblogs.com/suyuan/]</span>
</div>
<div style="line-height:140%;padding:6px;"><pre>{highlighted_source_code}</pre></div>

 

这个代码就是本文的代码样式 ,因为我不喜欢出现滚动条 ,所以使用了overflow:hidden,这样你的代码不能太宽了 具体的根据你博客的样式稍微调整就ok了.

如果有更加好看的样式不妨发布出来.

这样当我们使用wlw写日志插入代码至少看起来舒服点.

posted @ 2009-04-24 11:44  雨中漫步的太阳  阅读(1246)  评论(0编辑  收藏  举报