美文网首页
原来 Markdown 代码块支持语言高亮

原来 Markdown 代码块支持语言高亮

作者: 越前君 | 来源:发表于2021-01-09 17:16 被阅读0次

    两种类型

    • 指定 JavaScript 语言
    const path = require('path')
    
    • 没有指定语言
    const path = require('path')
    

    通过元素审查,可以发现它是添加相应语言的高亮风格(highlight)的,然后各个平台的高亮风格会略有不同。

    在简书平台应该是自动识别语言了,所以你现在看到的效果是一样的。

    它们好像是用到了 syntaxhighlighter 库,或者自己实现了一套吧,没有细究。

    GitHub 效果

    支持的语言

    名称 关键字 调用的 js
    JavaScript js、jscript、javascript shBrushJScript.js
    CSS css shBrushCss.js
    SASS&SCSS sass、scss shBrushSass.js
    Java java shBrushJava.js
    Python py、python shBrushPython.js
    text text 、plain shBrushPlain.js
    XML xml、xhtml、xslt、html shBrushXml.js
    SQL sql shBrushSql.js
    PHP php shBrushPhp.js
    AppleScript applescript shBrushAppleScript.js
    ActionScript 3.0 actionscript3、as3 shBrushAS3.js
    Shell bash , shell shBrushBash.js
    ColdFusion coldfusion、cf shBrushColdFusion.js
    C cpp、c shBrushCpp.js
    C# c#、c-sharp、csharp shBrushCSharp.js
    Delphi delphi、pascal、pas shBrushDelphi.js
    diff&patch diff patch shBrushDiff.js
    Erlang erl、erlang shBrushErlang.js
    Groovy groovy shBrushGroovy.js
    JavaFX jfx、javafx shBrushJavaFX.js
    Perl perl、pl、Perl shBrushPerl.js
    Ruby ruby、rails、ror、rb shBrushRuby.js
    Scala scala shBrushScala.js
    Visual Basic vb、vbnet shBrushVb.js
    Objective C objc、obj-c shBrushObjectiveC.js
    F# f#、f-sharp、fsharp shBrushFSharp.js
    xpp、dynamics-xpp shBrushDynamics.js
    R r、s、splus shBrushR.js
    matlab matlab shBrushMatlab.js
    swift swift shBrushSwift.js
    GO go、golang shBrushGo.js
    • diff&patch:代码版本控制,遇到代码冲突,其语法就是这个。
    • text: 就是普通文本。

    相关文章

      网友评论

          本文标题:原来 Markdown 代码块支持语言高亮

          本文链接:https://www.haomeiwen.com/subject/mpgcaktx.html