1. 程式人生 > >[WP外掛]wordpress程式碼高亮外掛Crayon Syntax Highlighter使用教程

[WP外掛]wordpress程式碼高亮外掛Crayon Syntax Highlighter使用教程

很久以前,介紹過 SyntaxHighlighter ,這也是一款很不錯的wp程式碼高亮外掛,介紹可以根據前面的連結看看,今天主要是想跟大家分享另外一款程式碼高亮外掛Crayon Syntax Highlighter。

因為其載入速度快,可以解析程式碼中的html,並且著色效果更好,所以才更換原來的程式碼高亮外掛,改用它了。

如何安裝?

在wp後臺安裝外掛處,搜尋Crayon Syntax Highlighter外掛,你會看到一個滿分的該外掛,直接安裝即可,wp會幫你下載並解壓安裝的。

如何設定?

在wp後臺右邊選單欄 設定->Crayon 中,又該外掛的詳細設定選項。不懂的選項大家可以多試試。

如何使用?

使用方法與SyntaxHighlighter 類似,同樣是在html編輯模式下,使用該類語言的標籤,比如你的程式碼是C++,

[C++]

your code

[/C++](只是個例子)

程式碼效果:

CMemPoolMgr::CMemPoolMgr(unsigned int poolsize         /* = DEFAULT_POOLSIZE */,   
        unsigned int poolunitsize     /* = DEFAULT_POOLUNITSIZE */,   
        unsigned int blockunitsize    /* = DEFAULT_BLOCKUNITSIZE */)   
    {   
        m_nPoolSize         = poolsize;   
        m_nPoolUnitSize     = poolunitsize;   
        m_nBlockUnitSize    = blockunitsize;   

        m_nTotalMemPool     = 0;   
        m_nUsingMemPool     = 0;   

        m_TimeTick          = GetTickCount();   

#ifdef _DEBUG   
        m_nCode             = 0;   
#endif   
    }

相信這種方式還是比較簡單吧。

如果你還嫌麻煩,那麼請使用視覺化模式下的工具吧,安裝完Crayon後,視覺化編輯第一行選單最後一個是該外掛的選項,你可以點選它,直接拷貝你想高亮的程式碼進入就可以了,效果如下圖所示,視覺化編輯,更方便了。

Crayon

Crayon

好了,各位朋友,這個外掛是不是更好用,快去試試吧。