侧边栏壁纸
博主头像
Z同学博主等级

工作磨平激情前,坚持技术的热忱。 欢迎光临Z同学的技术小站。 分享最新的互联网知识。

  • 累计撰写 290 篇文章
  • 累计创建 57 个标签
  • 累计收到 98 条评论

Prism-Themes 代码主题样式效果

Z同学
2021-11-23 / 0 评论 / 5 点赞 / 663 阅读 / 668 字
温馨提示:
本文最后更新于 2021-11-23,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

前言

我使用了Joe 2.0 主题。而该主题中的代码块的css样式是通过Prism-Themes 库实现的。

该库的GitHub 路径:PrismJS/prism-themes: A wider selection of Prism themes (github.com)

但在Github上,展示的效果不够全。而且有时候还会发生图片链接错误,看不到效果。

针对这种情况。我重新根据页面引用效果,弄个了一个图片展示。

方便对应不同的代码风格了解它的实现效果。

内容

截图内容可能看这比较模糊。但请放心,在实际使用中,字符不会显得模糊将会比较清晰。

主题名效果
one-darkimage-20211123162510721
one-lightimage-20211123162603256
night-owlimage-20211123162357536
a11y-darkimage-20211123162643287
atom-darkimage-20211123162737566
base16-ateliersulphurpool.lightimage-20211123162838386
cbimage-20211123162906276
coldark-coldimage-20211123162943697
coldark-darkimage-20211123163055380
coy-without-shadowsimage-20211123163152010
darculaimage-20211123163219335
draculaimage-20211123163250844
duotone-darkimage-20211123163330291
duotone-earthimage-20211123163357272
duotone-forestimage-20211123163440524
duotone-lightimage-20211123163622199
duotone-seaimage-20211123163656791
duotone-spaceimage-20211123163739711
ghcolorsimage-20211123163816316
gruvbox-darkimage-20211123163848056
gruvbox-lightimage-20211123163935863
holi-themeimage-20211123163959403
hopscotchimage-20211123164027281
lucarioimage-20211123164203398
material-darkimage-20211123164228600
material-lightimage-20211123164251421
material-oceanicimage-20211123164322086
night-owlimage-20211123164408987
nordimage-20211123164433901
pojoaqueimage-20211123164513917
shades-of-purpleimage-20211123164550015
solarized-dark-atomimage-20211123164632629
synthwave84image-20211123164710563
vsimage-20211123164731002
vsc-dark-plusimage-20211123164756041
xonokaiimage-20211123164819124
z-touchimage-20211123164842196
5

评论区