安装 prism.js  https://www.51zuso.com/admin/p/1397.html

在内容显示页面加上这个代码

<script>
    var $codepre = $("pre[class]");
      if($codepre.length>0){
        for(var i = 0;i<$codepre.length;i++){
            var item = $codepre.eq(i);
            var language = "";
            item.attr("class").replace(/brush:([^;]+)/,function(a,b){
            language = b;
        });
        if(language){
            var codehtml = item.html();
            var code = $("<code>");
            code.attr("class","code lang-"+language);
            code.html(codehtml);
            item.html(code);
                Prism.highlightElement(code[0]);
            }
        }
    }
    
    
    //有显示行数的在加这段代码
    (function(){
        var pres = document.querySelectorAll('pre');
        var lineNumberClassName = 'line-numbers';
        pres.forEach(function (item, index) {
        item.className = item.className == '' ? lineNumberClassName : item.className + ' ' + lineNumberClassName;
    });
    })();
</script>

工具栏样式调整一下

<style>
.toolbar-item{ margin-left:5px;color:#fff;}
.toolbar-item:hover span{color:#fff;}
.toolbar-item button{cursor: pointer;}
</style>