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
vue中基于element-ui自定义的文件上传组件 phpspreadsheet 常见问题