Shiki — A beautiful Syntax Highlighter

2019-01-04 13:41:32 +08:00
 octref

Shiki

VS Code / 旧版 Atom / Sublime Text / TextMate 使用的都是 Oniguruma 和 TextMate grammar 來做 syntax highlighting。在各种 API 文档以及博客上,大家现在使用的一般是 Highlight.js 或者 Prism.js ,但它们的缺点是:

最近有人把 Oniguruma 编译成 WASM,于是就基于这个做了一个 Syntax Highlighter。

各位可以试试用于自己的 static site generator。
GitHub 欢迎 star / feature-request / issue。


TS Handbook in Material Theme:

2581 次点击
所在节点    分享创造
4 条回复
MartinWu
2019-01-04 13:50:24 +08:00
vscode 用户表示,我可以怎么用这个东西?
octref
2019-01-04 14:00:37 +08:00
@MartinWu

- `yarn add shiki`
- 按 demo 或者 GitHub 里的例子运行,比如:

```js
const shiki = require('shiki')

shiki.getHighlighter({
theme: 'nord'
}).then(highlighter => {
console.log(highlighter.codeToHtml(`console.log('shiki');`, 'js'))
})
```
MartinWu
2019-01-04 14:02:39 +08:00
@octref #2 完全不懂。。。路过好了。
aaronly
2019-01-04 14:09:37 +08:00
nice, 关注了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/523842

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX