原来 Markdown 代码块支持语言高亮
2021-01-09 本文已影响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: 就是普通文本。
