首先，你应该使用标准pre 和code 元素而不是块引号。但如果有太多的东西需要改变，可能会有一个解决办法。

如果只对代码使用块引号，那么可以使用一点jQuery将其转换为pre 标记，但请确保在加载Prettify之前执行此操作。

我不知道这些插件是如何工作的，但我可以用Prettify直接帮你完成。

从下载here 并将其列在您的网站上。

然后使用此jQuery转换blockquote 到pre 并触发美化。

$("blockquote").replaceWith(function() { return "<pre>" + $(this).html() + "</pre>"} );
prettyPrint();

我找到了另一种使用blockquote元素突出显示代码的方法。转到Wordpress Template Editor （外观->编辑器）

在正上方添加以下行</head>

<script src=\'https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js\' type=\'text/javascript\'></script>
<script src=\'https://google-code-prettify.googlecode.com/svn/loader/prettify.js\' type=\'text/javascript\'></script>
<link href=\'https://google-code-prettify.googlecode.com/svn/loader/prettify.css\' rel=\'stylesheet\'></script>
<script>jQuery(".site-content").ready(function(){jQuery("blockquote").each(function(){jQuery(this).html(prettyPrintOne(jQuery(this).html()));});});</script>