markdown在web的显示如何自定义左边红色线条，自定义主题？(不是

（在说正事之前，我要推荐一个福利：你还在原价购买阿里云、腾讯云、华为云服务器吗？那太亏啦！来这里，新购、升级、续费都打折，能够为您省60%的钱呢！2核4G企业级云服务器低至69元/年，点击进去看看吧>>>)

用什么库能实现这种效果？

###

关于红条，仔细看是个梯形，显然是 border 做的。口胡代码：

.md-quote {
    border: darkgrey 1px solid;
    border-left: red 6px solid;
    backgound-color: lightgrey;
}

效果: effect
PPPS: 为什么 darkgrey 比 grey 亮（

markdown 一般就 parse 完 render 一下。

如果是要现成的库，我用过 marked.js，看这个入门的，比较详细。
再就是 Remarkable，当时没配置好，但是似乎比较强大。

改样式的话，我直接就把 markdown 容器元素里面的拿 css 匹配了一下，用框架怎么搞不清楚。

关于代码高亮，基本全都用的楼上说的 hljs (highlight.js)，它可以和 marked.js 很好地配合：

marked.setOptions({
    highlight: code => hljs.highlightAuto(code).value
})

关于 $\LaTeX$，要支持的话可以用 MathJax。

PS. 自己造轮子也很好玩
PPS. SF 的 LaTex 炸了，编辑的时候是正常显示的……

###

关键词 语法高亮