在 Blog 中貼原始碼

來源:互聯網
上載者:User

源地址:http://blog.daviesliu.net/article/entry20050519-224302

往blog上貼程式碼是常有的事,為的是方便德進行交流和分享。

程式碼通常是有格式的,比如縮排等,部分是為了給機器看(編譯器),部分是為了方便人看。如果簡單的把原始碼粘貼到瀏覽器的文字框中,再去查看時,格式都丟掉了。因為HTML語言中預設是將多個空白字元壓縮成一個,此時來源程式中的tab縮排都沒有了。要想保留代碼中的字元格式設定,有一種簡單的方法,即在代碼外部用標籤 <pre> 包圍起來,這樣就不會對它內部的空白字元進行處理,會原樣顯示出來,支援代碼中的格式(比如對齊)都能夠正常顯示。

現在流行的IDE都有文法加亮功能,能夠自動對程式碼進行文法分析,將不同特性的字句用不同的顏色顯示,使得原始碼閱讀起來方便了許多,書寫時也不容易出錯。用瀏覽器來查看程式碼時,最好也能夠文法加亮,但是瀏覽器是不懂各程式語言的文法的,它只能看懂HTML等的文法,這就需要用第三方工具把程式碼按照其文法規測轉換成相應的HTML代碼,實現文法加亮。

目前可行的方案大概有這麼幾種:

1、letax2html,這是功能最強大的一個,不光是程式碼,網上很多文檔也是用它產生的。letax有文法分析並加亮顯示的宏包,達到效果不成問題。但有種殺雞用牛刀的感覺:),除非是要處理大量的代碼加文檔。

2、用支援文法加亮的編輯器,將顯示效果匯出為HTML格式,比如vim,比較方便,但是它產生的程式碼很Ugly。vim不僅可以給各種進階語言進行文法加亮,還支援Linux下的各種配置文檔和指令碼程式,在貼這些特殊文檔時可以用它。

3、用專門的轉換工具,比如webcpp、code2html、highlight等,它們都支援都種語言。

webcpp是用C++寫的程式,產生的程式碼挺乾淨,用了CSS。但有一點不好,產生的程式碼是HTML 4.0規範,而不是xhtml。本想對它做些修改來輸出xhtml,但由於它的處理機制較複雜,程式穩定性也不是很好,未能得逞。

code2html是用Perl寫的,處理文本是Perl的強項。但它產生的HTML代碼也很難看,放棄。

第三個似乎還不夠穩定,被標記為~x86,在我的gentoo box上居然不能裝。

用webcpp貼了幾份代碼在blog中,看起來還可以。但是考慮到blog要朝xhtml標準靠攏,希望能有更好的工具。

還有其它的方案,歡迎補充,期待:-)

我準備用Python寫一個,進展還挺順利:)

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.