shiki 代码高亮变换器测试

shiki 插件与主题测试界面

transformerNotationDiff

使用 [!code ++] 和 [!code --] 来标记增删的行。

typescript

console.log('hewwo') 
console.log('hello') 
console.log('goodbye')

transformerNotationHighlight

使用 [!code highlight] 来高亮显示行：

typescript

console.log('Not highlighted')
console.log('Highlighted') 
console.log('Not highlighted')

transformerNotationFocus

使用 [!code focus] 来聚焦显示行：

typescript

console.log('Not focused');
console.log('Not focused');
console.log('Focused') 
console.log('Not focused');
console.log('Not focused');

transformerNotationErrorLevel

使用 [!code error] 和 [!code warning] 来指定行的日志等级：

typescript

console.log('No errors or warnings')
console.error('Error') 
console.warn('Warning') 

collapse

使用 [source,lang,collapse=5] 来折叠指定长度的代码块：

typescript

console.log('Not collapsed');
console.log('Not collapsed');
console.log('Not collapsed');
console.log('Not collapsed');
console.log('Not collapsed');
console.log('collapsed');
console.log('collapsed');
console.log('collapsed');
console.log('collapsed');
console.log('collapsed');