换掉SyntaxHighlighter，拥抱Prism.js吧！

inline_color=true theme=7

全局效果仅对当前页面有效，而不是对整篇文章生效。如果你使用分页符换页，就会发现页面间的全局效果是独立的。

[code lang="css" inline_color=true theme=7]//此处的短代码是[code lang="css" inline_color=true theme=7]
//CSS代码来自于https://prismjs.com/plugins/previewers/
.example-angle {
transform: rotate(10deg);
}
.example-color {
color: rgba(255, 0, 0, 0.2);
background: purple;
border: 1px solid hsl(100, 70%, 40%);
}
[/code]

lang="ts" match_brace=true

[code lang="ts" match_brace=true]//[code lang="ts" match_brace=true]
//code from https://github.com/YukiCat-Dev/FacePack/blob/master/src/deploy-selector.ts
import { importExternalFacePacks } from './FacePacksImporter'
import FaceSelectorDeployer from './FaceSelector/FaceSelectorDeployer'
(async () => {
const commentArea = document.getElementById('comment') as HTMLTextAreaElement
/* const facePacks = DefaultFacePack
*/ new FaceSelectorDeployer({
popcorn: document.getElementById('show-fs'),
tooltip: document.getElementById('fs-c'),
facePackages: await importExternalFacePacks('https://cdn.jsdelivr.net/gh/YukiCat-Dev/yukicat.facepack/facepacks.json'),
onFaceSelected:
(pack, face) => {
commentArea.value += `:${pack.id}.${face.id}:`
}, popperOptions: { placement: 'top' },peakPopperOptions:{
placement: "right-start", modifiers: [
{
name: 'offset',
options: {
offset: [10, 20],
},
},
],
}, style: { backgroundColor: "#FFFFFF", padding: '2px', borderWidth: '3px' }
}).render().hide()
})()[/code]