markdown 代码块高亮

Mou中的代码 相应效果请去掉注释

<!--sublime-->
<link         href="http://cdn.bootcss.com/highlight.js/8.0/styles/monokai_sublime.min.css" rel="stylesheet">

<script src="http://cdn.bootcss.com/highlight.js/8.0/highlight.min.js"></script>  
<script >hljs.initHighlightingOnLoad();</script>

<!--mono-->
<!--<link rel="stylesheet" href="http://yandex.st/highlightjs/8.0/styles/solarized_dark.min.css">
<script src="http://yandex.st/highlightjs/8.0/highlight.min.js">        </script>
<script>hljs.initHighlightingOnLoad();</script>-->

<!--segmentfault-->
<link rel="stylesheet" href="https://sf-static.b0.upaiyun.com/v-576b52d9/3rd/highlightjs/styles/solarized_light.css">
<script src="http://cdn.bootcss.com/highlight.js/8.0/highlight.min.js">        </script>  
<script >hljs.initHighlightingOnLoad();</script>-->

<?php

$var = 0;
// Evaluates to true because $var is empty
if (empty($var)) {
    echo '$var is either 0, empty, or not set at all';
}

// Evaluates as true because $var is set
if (isset($var)) {
    echo '$var is set even though it is empty';
}
?>

原理： 主要是利用highlight.js来完成高亮操作 结合css来完成样式控制

高亮之后的效果

Style-1

Style-2

Style-3

Style-4