1. 首页
  2. css

CSS代码块,但更好

Pedro Duarte在博客文章和文档中为样式化的代码块创建了一个愿望列表,然后为这个愿望列表提供了一个完美的解决方案。例如,可以突出显示代码块中的某些行或单词的功能。线条荧光笔的独特之处在于,它只在语法上高亮显示高亮显示的线条,其余部分为灰色,这是绘制焦点的一种简洁方法。highlighter这个词是通过正则表达式工作的。佩德罗指出,这不是一个教程,它只是一个展示所有的功能,是缝合在一起使用现有的组合自定义代码和现有的库。这是非常具体的反应+下一页.js+MDX,但显然它的核心是基于retype,这对我来说是新的。
如果你问我的话,结果是非常好的、看起来很现代的代码块!同时,我认为它同样值得注意的是,什么是不存在的,什么是存在的。在过去,我见过(并尝试过)真正具有打包功能的代码块,包括复制到剪贴板按钮、查看原始代码按钮和导出到任何服务。佩德罗的代码块甚至没有显示正在使用的语言的选项。
每个人的愿望列表都是不同的。Pedro的愿望清单上没有一件事是服务器端渲染,但是你可以在博客上看到它完全可以使用它(大概只是下一页.js工作时)。我很羡慕这一点。即使我们最终都在使用棱镜.js作为语法亮点,我只在客户端使用它。现在我突然想到,我也许可以通过使用HTMLRewriter在Cloudflare Worker中实现这一切,这意味着它基本上看起来像是在服务器端完成的,我可以从Prism的客户端拷贝中删除。也许更理想的是,我会把它作为一个WordPress插件。基本上是Prism的一个PHP端口,这看起来像是一个很高的订单。
p>mywishlist for code block plugin…
Syntax highlighting(在呈现的站点上和在创作时)serverside rendered**0***。例如,粘贴代码块会自动检测并使用正确的块。易于将代码与此类块进行转换。可选行荧光笔可选行号可选字荧光笔可选语言显示(以及覆盖该标签的能力)复制和粘贴非常干净创作时无需转义代码前端(用于模式、主题、自定义滚动条等)。设置代码块的样式有很多事情要考虑,所以智能默认值可能会随插件一起出现,但很容易覆盖。扩展目标:它能以某种方式帮助inline代码吗?

CSS代码块,但更好 为WP2原创文章,链接:https://www.wp2.cn/css/css%e4%bb%a3%e7%a0%81%e5%9d%97%ef%bc%8c%e4%bd%86%e6%9b%b4%e5%a5%bd/