wordpress 代码高亮
1、prismjs
在主题的header.php文件中 header部分增加
<link href="<?php echo get_stylesheet_directory_uri(); ?>/css/prism.css" type="text/css" rel="stylesheet" />
在footer.php文件底部 <body>之前增加
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src='<?php echo get_stylesheet_directory_uri(); ?>/js/prism.js' type='text/javascript'></script>
<script type="text/javascript">
$(document).ready(function(){
$('pre').each(function(i,block){
hljs.highlightBlock(block);
});
});
</script>
但是需要在 预格式化中 设置 <pre class='language-xxx'><code class='language-xxx'></code></pre> 指定的样式 虽然出来的效果是挺不错的,但是设置起来还是比较麻烦
language-xxx 中的 xxx 替换成指定的语言,比如language-php.
prismjs 官网地址:
https://prismjs.com/
发布时间 : 2023-03-01,阅读量:1116
本文链接:
https://upwqy.com/details/273.html