关于CSDN博客中的代码高亮显示

来源:互联网 发布:linux 查看进程流量 编辑:程序博客网 时间:2024/06/08 13:30

     说实在的,每个博客的编辑和页面的显示都有优点和缺点。当初选择博客的时候也纠结了很久,到底应该选择哪一家博客?比如 csdn、博客园、iteye等等。后来发现,其实用熟了都差不多,最重要的还不是博客本身,而是你所写的博文质量怎么样!我比较追求完美,开始选择了CSDN就决定坚持下来(也试过别的,还是最喜欢这儿)。很多人都去创建个人空间,用 wordpress 建站,我觉得我自己还没必要那么做,因为水平还不够吧。如果以后有需要再弄一个,呵呵。

     我现在的时间很紧张,不想浪费太多时间,可是我又喜欢折腾。哎,今天无意间看到一篇文章(http://blog.csdn.net/akof1314/article/details/5979405),倒不是文中的内容吸引了我,而是作者的排版,囧!我特别喜欢他的那种风格,简约而又不简单,让人耳目一新。好吧,一步步来,先回忆下csdn博客的优缺点(个人意见),然后再其中引出本文主旨。

1、让人迷糊的字体大小。

     在网页的编辑模式下,如果不设置字体,默认的字体很小,大概只有 13px。我每次都以为页面显示的时候也是这么小,所以会先调整字体大小,无奈,2b的编辑器只提供了 "10px 13px 16px 18px",而我偏偏就只想要 14px!因此,我每次写博文都会怕字体太小而去修改页面源代码(ps:可以修改源代码,这点做得很人性化!)。今天突然发现,这是一个误区!!编辑模式下的字体大小并非是真实页面中的大小!一般情况下不需要调大小,默认的即可!

     贴代码后,显示的代码字体偏小(特别是在windows版chrome中),而且无法改变!!!即使你改变了代码显示类型(在"博客配置"里修改),同样无法调整代码字体的大小,比如:

<textarea readonly name="code" class="cpp">
insert(L,k)
   if L = NIL then
      key[L] <-- k
      next[L] <-- NIL
   else
      insert(next[L],k)  </textarea>

    这里的代码都是内置 css 的,无法自定义!杯具……

2、段落之间间隔太大,排版十分难看。

     每次插入代码后,在网页里显示出来的效果会很差,代码段和上下段落的间隙很大!如果需要粘贴很多小段代码,排版就特别难看。

     如果插入的代码可以不着色,但需要和文字加以区别,可以插入下面一段代码:

<div style="BORDER-BOTTOM: #cccccc 1px dashed; BORDER-LEFT: #cccccc 1px dashed; BACKGROUND-COLOR: #dddddd; BORDER-TOP: #cccccc 1px dashed; BORDER-RIGHT: #cccccc 1px dashed">
    xxx……此处是要插入的内容!
</div>

    这样,排版就会更紧凑(效果如上),而且代码字体的大小可以调整了。

3、重复提交图片。

     如果使用如 windows live writer 之类的客户端来写博客,通常有这样的问题。刚提交了一篇带图片的博客,突然觉得有些内容要稍微修改下,于是你重新编辑后提交。可是这工具很傻,他会再次提交一次图片,在csdn的图片管理里生成另一个名字!若你的照片都很大,重复提交就很容易导致你的相册空间不足(默认好像才20M)!而且图片的内容一样,但并不清楚博客里引用的是哪一个,删除图片前还要一一核对,很麻烦!故建议大家还是用网页版的全屏编辑模式,用熟了就会爱不释手咯。

4、其他的代码着色工具。

     今天花了很长的时间都在做一件事:测试代码着色!没办法,百忙之中我就爱折腾!不是好习惯啊!测试了两个工具:代码发芽网(在线型) 和 CoolFormat(客户端型) 。先说前面的"代码发芽网",之前也用过一段时间,但是后来还是放弃了,试来试去,还是觉得没有csdn自带的代码着色工具好用,比如代码太松散,着色效果不是很习惯,序号太丑……感觉用起来就不是那么回事,可能是我太苛求了吧! CoolFormat是一个windows客户端产品,貌似人气还不错,发布了很多个版本,作者确实花功夫了。我试用了下,首先,它是windows下的产品,在ubuntu下没法用;其次,有一个小Bug,设置好代码字体后,选择"代码高亮到博客",你会发现高亮后的代码字体没改变;另外,格式化之后的代码不够紧凑,行与行之间间隔太大,对于网页式的文章而言,着实有些浪费;

     其实这两个工具都很不错,很值得一试,我从他们生成的代码里也得到了一些灵感(比如问题2的解决办法)。

[总结]

     这篇文章更像一篇"吐嘈",其中有抱怨也有不解,或者很多观点都太有个人主义色彩。呵呵。话说回来,真的希望cdsn博客能越办越好,也希望我自己写博客的水平不断提升……

(全文完)

原创粉丝点击