前言
我使用了Joe 2.0 主题。而该主题中的代码块的css样式是通过Prism-Themes 库实现的。
该库的GitHub 路径:PrismJS/prism-themes: A wider selection of Prism themes (github.com)
但在Github上,展示的效果不够全。而且有时候还会发生图片链接错误,看不到效果。
针对这种情况。我重新根据页面引用效果,弄个了一个图片展示。
方便对应不同的代码风格了解它的实现效果。
内容
截图内容可能看这比较模糊。但请放心,在实际使用中,字符不会显得模糊将会比较清晰。
主题名 | 效果 |
---|---|
one-dark | |
one-light | |
night-owl | |
a11y-dark | |
atom-dark | |
base16-ateliersulphurpool.light | |
cb | |
coldark-cold | |
coldark-dark | |
coy-without-shadows | |
darcula | |
dracula | |
duotone-dark | |
duotone-earth | |
duotone-forest | |
duotone-light | |
duotone-sea | |
duotone-space | |
ghcolors | |
gruvbox-dark | |
gruvbox-light | |
holi-theme | |
hopscotch | |
lucario | |
material-dark | |
material-light | |
material-oceanic | |
night-owl | |
nord | |
pojoaque | |
shades-of-purple | |
solarized-dark-atom | |
synthwave84 | |
vs | |
vsc-dark-plus | |
xonokai | |
z-touch |
评论区