Syntax Highlight

hilite.me 線上將程式碼加上高亮效果，免載入 JavaScript、CSS

前幾天剛介紹過「Carbon 將程式碼轉為美麗圖片，在社群分享更引人注目」，Carbon 是相當有趣的程式碼運用，除了提升擷圖質感、讓原始碼更易於閱讀，最大用途是當你要分享程式碼到社群網站，做成圖片效果會更為理想。圖片的缺點是無法直接複製，還是必須附上純文字內容，但不是每個平台都支援顯示原始碼，而且也可能因為編輯器或安全問題導致程式碼無法完整顯示。

閱讀全文 »

Marmoset 華麗的程式碼擷圖產生器，支援多種程式語言類型、配色特效

如果你經常逛有的沒的網站，喜歡看電影電視連續劇，應該都曾看過在電腦螢幕上呈現出密密麻麻的程式碼，有一點駭客任務的味道。為了讓原始碼更易於閱讀，一般編輯器都會支援 Syntax Highlight 功能，翻譯成中文就是「語法突顯」，針對不同類型程式碼來加入適當色彩，降低誤讀或誤寫出錯的可能性。

閱讀全文 »

Syntax Highlighting – 線上語法高亮產生器

Online syntax highlighting

有時候要將 HTML、CSS、Java script 等語法貼到網頁上時，往往無法以顏色標示其重點位置。現在透過Online syntax highlighting工具，可以直接將語法貼上後，線上產生色彩原始碼，只要將這段原始碼貼入自己的網站內，使用者就能夠透過高亮的方式來閱讀這段語法。

Online syntax highlighting目前支援相當多種格式，包括常見的 Java, HTML, CSS, C, C++, PHP, Perl, Python, Ruby 等等語法都可以正確支援和識別顏色。使用方法相當簡單，只要將語法貼入 Source code 的框框內，從右方 Style 挑選欲產生的色彩，Type 部份選擇正確的格式，按下 Highlight 就可完成。同時也會在網頁上產生一個預覽，相當實用。

這是透過Online syntax highlighting產生的範例：

<head>
<title>Online syntax highlighting</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="online,syntax,highlighting,colorizer,coloriser,co
lorizing,colorising,perl,java,php,csharp" />
<meta name="description" content="Online syntax highlighting for more than 100 l
anguages, including C#, Java, PHP, Basic,  Perl, Python, Pascal, SQL, JavaScript
 and others." />
</head>

body {
  background:#fff;
  color:#000;
  line-height:133%;
  margin:0 1em;
  padding:0;
}

【網站網址】http://tohtml.com/