如何實現語法高亮？

Question

我正在為我的一個學校項目制作一個網站組合。 我們的任務是編寫一些代碼（用Python說），這些代碼主要生成圖像。 然后，我們必須將這些圖像放在我們的網站上，並添加產生它們的代碼。

現在，我只是將圖像放在網頁上，並添加了指向github.com的鏈接以訪問代碼，但我想做得更好。

我主要使用Sublime Text進行編碼，我認為它們使用的配色方案非常漂亮且很有幫助。 我想以某種方式從Sublime獲取突出顯示的代碼以在網頁上查看它。 在github.com上看起來可能很相似，但是沒有鏈接。 我希望它實際上在我的網絡上。 如果可以做到，我認為可能有兩種方法：

1. 從Sublime獲取代碼，然后以某種方式將其突出顯示在網絡上
2. 在html和一些Javascript中使用可能的textarea標簽來識別該語言。

如果不清楚，我的問題是：是否可以實現上述行為？ 如果是這樣，怎么辦？

Answer 1

查看可通過Package Control獲得的ExportHtml插件。 安裝后，右鍵單擊文檔，然后選擇“ Export -> HTML -> Sublime View: Color ，將打開一個新標簽，其中包含HTML。 您可以在首選項中設置要使用的配色方案。 我會警告您，生成的HTML非常難看，但是您可以將其復制並粘貼到您的網頁中，以確保您將JavaScript和CSS一起使用。

Answer 2

嘗試Ace編輯器

Ace是一個用JavaScript編寫的可嵌入代碼編輯器。 它與Sublime，Vim和TextMate等本機編輯器的功能和性能相匹配。 它可以輕松地嵌入任何網頁和JavaScript應用程序中。 Ace一直是Cloud9 IDE的主要編輯器，並且是Mozilla Skywriter（Bespin）項目的后繼者。