hzDocs
Tests

More markdown effects with shiki transformers

Sample

See also: @shikijs/transformers | Shiki

Highlight

```ts
console.log('Not highlighted')
console.log('Highlighted') // [!code highlight]
console.log('Not highlighted')
```
console.log('Not highlighted')
console.log('Highlighted') 
console.log('Not highlighted')

Word Highlight

```ts
const message = 'Hello World'
console.log(message) // prints Hello World
```
const message = 'Hello World'
console.log(message) // prints Hello World

Focus

```ts
console.log('Not focused');
console.log('Focused') // [!code focus]
console.log('Not focused');
```
console.log('Not focused');
console.log('Focused') // [!code focus]
console.log('Not focused');

Error Level

```ts
console.log('No errors or warnings')
console.error('Error') // [!code error]
console.warn('Warning') // [!code warning]
```
console.log('No errors or warnings')
console.error('Error') // [!code error]
console.warn('Warning') // [!code warning]

Whitespace (TODO)

Diff

```ts
console.log('hewwo') // [!code --]
console.log('hello') // [!code ++]
console.log('goodbye')
```
```
 
```ts
console.log('hewwo') // [!code --]
console.log('hello') // [!code ++]
console.log('goodbye')
```

How is this guide?

Edit on GitHub

Last updated on

On this page