[WordPress] Syntax Highlight for WordPress

【如果覺得文章寫的好的話希望能按一下讚或分享喔】

剛搬到 WordPress ,目前在找適合的 code Syntax Highlight

於是找到這篇文章:The Live Writer Source Code Plug-in For WordPress.com Blogs

由於我是用 Windows Live Writter 來寫文章,所以使用這套

image

 

雖然奇怪的是我必須開啟 SyntaxHighlighter Evolved 這套外掛

看起來才 Run 的正常,我想是因為開啟該外掛,才會將相關所需的 js 與 css 載入的關係

 

anyway ,總算是可以看到 format 的 code 格式

以下就是它的效果:

 

CSS

body {
    overflow:hidden;         /* needed to eliminate scrollbars caused by the background image */
    padding:0;
    margin:0;        /* necesarry for the raster to fill the screen */
    height:100%;
    width:100%;
}

 

PHP

<? include("footer.php"); ?>

 

HTML

<!-- Header -->
<div id="header" class="wrapper">
    <div class="logo"><a href="/" title=""><img src="images/loginLogo.png" alt="" /></a></div>
    <div class="middleNav">
        <ul>
            <li class="iMes"><a href="#" title=""><span>Support tickets</span></a><span class="numberMiddle">9</span></li>
            <li class="iStat"><a href="#" title=""><span>Statistics</span></a></li>
            <li class="iUser"><a href="#" title=""><span>User list</span></a></li>
            <li class="iOrders"><a href="#" title=""><span>Billing panel</span></a></li>
        </ul>
    </div>
    <div class="fix"></div>
</div>

 

JavaScript

$(function(){
    $('.dd').click(function () {
        $('ul.menu_body').slideToggle(100);
    });
});
Related Posts Plugin for WordPress, Blogger...
【如果覺得文章寫的好的話希望能按一下讚或分享喔】

彭其捷

想要做出很棒的產品,所以我寫程式,也研究介面 (UI) 與使用者經驗 (UX),並思考管理的法則。

【Profile】http://about.me/divaka

twitter facebookgooglepluslinkedinbloggertumblrflickryoutubedribbblerssemail


Fatal error: Uncaught Exception: 12: REST API is deprecated for versions v2.1 and higher (12) thrown in /home/content/63/7692663/html/blog/wp-content/plugins/seo-facebook-comments/facebook/base_facebook.php on line 1273