關於CSDN博客中的代碼高亮顯示

     說實在的,每個博客的編輯和頁面的顯示都有優點和缺點。當初選擇博客的時候也糾結了很久,到底應該選擇哪一家博客?比如 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博客能越辦越好,也希望我自己寫博客的水平不斷提升……

(全文完)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章