如何將語法高亮添加到WordPress.com上託管的WordPress博客？

Question

我想爲我的WordPress博客打造一個很好的語法高亮器。我有什麼選擇可用？我經常看到一個顏色很好的語法高亮顯示和複製到剪貼板的選項。有沒有人有一個想法這是什麼工具？

Answer 1

在wordpress.com上，您無法安裝插件，因此您必須使用Wordpress的內置小工具。

不喜歡它：

[code language='python'] 

[/code] 

需要注意的是這些標籤的可視化編輯器，而不是HTML編輯器裏面去。

你可以找到更多的信息here。

Answer 2

http://wordpress.org/extend/plugins/devformatter/

WP插件各種語法高亮！

Answer 3

SyntaxHighlighter是一個不錯的工具。它使用JavaScript和CSS類來標記應該突出顯示的HTML元素。它還允許將代碼複製到剪貼板並打印。

Answer 4

如果您不想或不能在您的博客上安裝內容，我建議您使用pygments來突出顯示您的代碼。我描述了這個here。

Answer 5

這是一種離線的選項（我知道你問的在線工具，但以防萬一...）

我使用離線工具來處理博客條目與源代碼示例爲HTML格式，然後就交html。

這真的只是：

• 抵消至少4個 空間的源代碼，並指定語言的 第一線像:::html
• 通過運行文件：

python腳本：

import markdown 
html = markdown.markdown(text,['codehilite']) 

我使用pygments設置降價，可能您只需對源代碼使用pygments即可。你運行該腳本文件，然後複製粘貼HTML到你的博客。

您可以轉儲CSS樣式，以突出語法，從pygments，然後或者鏈接到它或包括它在您的頁面。我不確定wordpress是否支持。

Here is how to setup markdown with pygments to do syntax highlighting（對於Blogger - Blogger的唯一具體內容是它使用CSS更新Blogger css以突出顯示代碼）。

Answer 6

你可以使用Alex Gorbatchev的SyntaxHighlighter。它的JavaScript和非常簡單和良好的支持，易於安裝和修改。以下是博客的一些說明......但您需要做的是刪除blogger = true行。

http://code-slim-jim.blogspot.com/2010/11/adding-syntax-higher-to-your-blog.html

Answer 7

語法高亮的最好方法是使用prismjs，這與真棒功能完全免費。

1. 它支持幾乎所有的編程語言，shell腳本等等。

2. 這是非常輕的重量，它不會像其他語法突出顯示插件速度慢下來你的網站速度。

對於配置prismjs，你需要在你的function.php文件中做很少的代碼調整。按照這個博客中的turoails http://skillslane.com/setup-syntax-highlighter-for-wordpress/

Answer 8

我開發了一個名爲「Mivhak」的WordPress插件lightweight syntax highlighter。該插件有一個後端代碼編輯器，可以方便地插入代碼，並提供實時錯誤檢查和語法高亮顯示。它也是highliy可定製的。

插件託管在wordpress.org上