Question

我正在尝试将Syntax Highlighter添加到我博客上的新博客中。出于某种原因，我不断收到这些错误：

未捕获的ReferenceError：语法高亮显示未定义未捕获

ReferenceError：未定义XRegExp shCore.js：123 Uncaught

TypeError：无法读取未定义
的属性'config'

这是我的代码：

<script src='https://xarpixels.googlecode.com/files/shAutoloader.js'/>
<script src='https://xarpixels.googlecode.com/files/shCore.js'/>
<script type="text/javascript">
    $(document).ready(function(){
      SyntaxHighlighter.config.bloggerMode = true;
      SyntaxHighlighter.autoloader(
        'js  https://xarpixels.googlecode.com/files/shBrushJScript.js',
        'php  https://xarpixels.googlecode.com/files/shBrushPhp.js',
        'sass  https://xarpixels.googlecode.com/files/shBrushSass.js',
        'sql  https://xarpixels.googlecode.com/files/shBrushSql.js',
        'xml  https://xarpixels.googlecode.com/files/shBrushXml.js',
        'css  https://xarpixels.googlecode.com/files/shBrushCss.js'
      );
      SyntaxHighlighter.all();
    });
</script>

对我来说，一切看起来都正确吗？

编辑：我注意到当我更改演示中任何文件的路径时，脚本会中断并且不起作用。这根本没有任何意义......

Answer 1

我在这里遵循了这个方法：http://oneqonea.blogspot.com/2012/04/how-do-i-add-syntax-highlighting-to-my.html

它可能没有使用自动加载器（因为我想阻止http请求），但它为我提供了一个工作示例，也许我可以使自动加载器工作。

感谢。

Answer 2

使用highlight js的简便选择非常简单，并且具有许多非常有趣的视图

有关演示，请参见here from the official website

<!– Syntax highlighter –>
<link href=‘//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.0.0/styles/github.min.css’ rel=‘stylesheet’/>
<script src=‘//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.0.0/highlight.min.js’/>
<script>hljs.initHighlightingOnLoad();</script>
<!– end Syntax highlighter –>

向Blogger添加语法突出显示的问题

2 个答案: