前言
我使用了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 | ![]() |
评论区