markdown 代码块高亮

Viewed 13755

Mou中代码块的高亮!!!

在mou中可以选择md的样式
图片描述

  哪位同学有segmentmentfault的md样式啊?在此跪求
  发现貌似样式在global.css里面
1 Answers

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

图片描述

还是不对,亲,咋回事儿。。。这个回复问题貌似不能加图片啊

img

md 语法

[img](https://segmentfault.com/img/bVyCrR)