前端pre、code代码块样式优化

笔记 / 398人浏览 / 0人评论

    在写了上一篇调用必应壁纸的小文章之后,发现代码块实在是丑。


    于是找到了一个非常好用的东西——prism。优化过后代码块的样式就这样了:


    不仅样式美观,还有了一键复制和显示代码语言的功能,而prism能做的还很多,比如高亮关键词,自动给链接加上超链接...而这些功能只需要引入一个js和一个css即可,而且还可以根据你想要的不同的风格和功能自定义这两个文件。

    只需要打开https://prismjs.com/download.html,选择自己喜欢的风格、语言、功能,一一打钩,然后最下方直接下载两个文件引入自己的html即可。


    甚至他还贴心的告诉你勾选的这些东西最终会导致你的css和js文件大小是多少,自然是选择越多体积越大,大家勾选自己常用的功能和语言即可。

0 条评论

还没有人发表评论

发表评论 取消回复

记住我的信息,方便下次评论
有人回复时邮件通知我