https://github.com/songhn233/milkdown-plugin-shiki
🌈 Shiki plugin for milkdown. Add support for shiki highlight.
https://github.com/songhn233/milkdown-plugin-shiki
highlight milkdown shiki
Last synced: about 2 months ago
JSON representation
🌈 Shiki plugin for milkdown. Add support for shiki highlight.
- Host: GitHub
- URL: https://github.com/songhn233/milkdown-plugin-shiki
- Owner: songhn233
- License: mit
- Created: 2021-09-07T07:53:47.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2021-09-11T13:48:13.000Z (almost 4 years ago)
- Last Synced: 2025-04-19T10:21:21.749Z (about 2 months ago)
- Topics: highlight, milkdown, shiki
- Language: TypeScript
- Homepage:
- Size: 80.1 KB
- Stars: 10
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# milkdown-plugin-shiki
Shiki plugin for [milkdown](https://saul-mirone.github.io/milkdown/).
Add support for [shiki highlight](https://shiki.matsu.io/).
## Example Usage
```typescript
import { Editor } from '@milkdown/core';
import { commonmark } from '@milkdown/preset-commonmark';
import { nord } from '@milkdown/theme-nord';
import { shiki } from 'milkdown-plugin-shiki';
Editor.make()
.use(nord)
.use(commonmark)
.use(await shiki())
.create();
```
## Options
```typescript
Editor.use(await shiki({
theme: 'min-dark',
cdn: 'https://unpkg.com/shiki/',
otherLangs: ['tsx', 'jsx']
}))
```
More infomaion about themes and langs config can be found in [shiki docs](https://shiki.matsu.io/).