5個用于對網頁中的源代碼進行著色的 WordPress 插件

jopen 13年前發布 | 12K 次閱讀 WordPress

程序員的博客，貼代碼是必不可少的，語法著色可以讓代碼看起來更養眼，下面是 5 個 WordPress 的插件，用來對代碼進行語法高亮顯示。

1) CodeColorer

該插件允許在寫文章時插入代碼，支持多種著色風格，支持多種編程語言。

使用方法：

5個用于對網頁中的源代碼進行著色的 WordPress 插件

下載 CodeColorer 插件

2) WP-Syntax

該插件使用 GeSHi 進行語法著色，使用方法如下：

  
<pre lang="LANGUAGE" line="1"> Code </pre>


// PHP with No Line number
  <pre lang="php">
    // PHP Code goies Here
  </pre>


// Java with line number
  <pre lang="java" line="1">
    // JAVA code goes here.
  </pre></pre></span> 
    
  
   </div> 
  </div> 
  
下載 WP-Syntax 插件
 
  
3) WP-Code
 
  
使用方法
 
  
 
   
 
    
<code lang="LANGUAGE">
  // Your code goes Here
</code> 

  
   
 
   
 
    下載 WP-Code 插件 
   
 
  </div> 
  
4) Crayon Syntax Highlighter
 
  
該插件支持多語言，不同風格、字體，可對 URL 地址進行高亮
 
  
使用方法：
 
  
 
   

       
    
[crayon lang="lang"] your code [/crayon]
  // where lang will be your language


// highlight from URL
  [crayon url="http://example.com/codeblock.txt&quot; /]</pre> 
   </div> 
  </div> 
  
下載該插件
 
  
5) WP Code Highlight
 
  
WP Code Highlight 提供簡潔的語法高亮，兼容 W3C 驗證
 
  
使用方法：
 
  
 
   
 
    
<pre> Your Code Block Here </pre>

  
   
 
  </div> 
  
下載插件 
 
  
 
  原文： 
  http://www.xpertdeveloper.com/2011/11/wordpress-highlight-code/

                    

                        
 本文由用戶 jopen  自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。

                        
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。

                        
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！

                        
 
本文地址：http://www.baiduhome.net/news/view/ecfc37                        

                        
                    

                

                

                

                    
相關資訊

                    
                

                

                    
相關經驗

                    
                

                

                    
相關文檔