语法荧光笔 3.0 无法在 blogspot 上运行

Question

语法荧光笔 3.0 无法在我的博客上运行。我直接使用网站上的最新版本。问题是： 如果我在代码中写入#include，我就会得到它的结尾。没有文字换行。该博客的链接是 http://snacksforyourmind.blogspot.com。我还检查了选项，但除了我已经启用的 bloggerMode 之外，他们什么也没提供。所有问题都可以在页面顶部的第二个代码中看到。有人知道如何解决它吗？

Answer 1

根据您的模板，SyntaxHighlighter JavaScript 代码可能会在内容加载之前运行。在这种情况下，将代码更改为在短暂超时后运行应该可以解决问题。在模板 HTML 的 中尝试此操作：

<script type="text/javascript">
window.setTimeout(function() {
    SyntaxHighlighter.config.bloggerMode = true;
    SyntaxHighlighter.all();
}, 10);
</script>

您可以在调用 ScriptHighlighter.all() 之前添加对默认值的进一步自定义。

如果要自定义 SyntaxHighlighter 代码显示的外观，请添加一些 CSS，如下所示：

.syntaxhighlighter code {
  font-family: Consolas !important;
  font-size: 10px !important;
}

!important 是覆盖 SyntaxHighlighter 主题定义所必需的。