# Shiki - A beautiful Syntax Highlighter

> Clean Markdown view of GeekNews topic #4979. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=4979](https://news.hada.io/topic?id=4979)
- GeekNews Markdown: [https://news.hada.io/topic/4979.md](https://news.hada.io/topic/4979.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2021-09-09T11:09:18+09:00
- Updated: 2021-09-09T11:09:18+09:00
- Original source: [github.com](https://github.com/shikijs/shiki)
- Points: 17
- Comments: 1

## Topic Body

- TextMate 문법으로 문자열을 토큰화 하고, VSCode 테마로 토큰을 컬러링

ㅤ→ 즉, VSCode에서 보이는 코드와 똑같이 렌더링된 HTML을 생성

ㅤ→ VSCode 웹페이지에서도 Shiki를 사용중

- 약 150개 프로그래밍 언어 지원

- 테마 지원 (22개)

- SVG Renderer 제공

## Comments



### Comment 6742

- Author: xguru
- Created: 2021-09-09T11:10:01+09:00
- Points: 2

긱뉴스에도 나중에 Shiki를 붙이려고 생각중입니다. (언제가 될지는 몰라요.. ㅠ)