使用prism.js代码高亮

   AI摘要
使用 Prism.js 代码高亮库,可以通过在 HTML 头部添加脚本和样式表,以及在页脚添加高亮函数,实现代码块的高亮显示。在 Pjax 框架中,需要在 Pjax 回调函数中调用高亮函数,以确保在页面加载后代码块也能正确高亮。
由Google Gemini Pro生成

实现代码块高亮显示效果
head加入

<script src="https://cdnjs.sgcd.net/code-highlight/js/prism.js"></script>
<link rel="stylesheet" href="https://cdnjs.sgcd.net/code-highlight/css/prism.css" />

footer加入

<script>
Prism.highlightAll()  
</script>

pjax回调函数

<script>
$(document).on('pjax:end', function() {
  // 回调函数中调用 Prism 的高亮函数
  Prism.highlightAll();
});
</script>
CC BY-NC-SA 4.0 Deed | 署名-非商业性使用-相同方式共享
最后更新时间:2024-03-25 09:04:52