添加语法高亮到博客的问题

Problems Adding Syntax Highlighter To Blogger

本文关键字：问题 语法 高亮 添加      更新时间：2023-09-26

我正在尝试添加语法高亮到我的新博客blogger。由于某些原因，我一直得到这些错误:

Uncaught ReferenceError: SyntaxHighlighter is not defined

ReferenceError: XRegExp is not defined shCore.js:123 Uncaught

TypeError: Cannot read property 'config' of undefined

下面是我的代码: 
<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>

对我来说，一切看起来都是正确的。

编辑:我注意到，当我在演示中更改任何文件的路径时，脚本中断并且不工作。

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

它可能没有使用自动加载器(因为我想阻止http请求)，但它给了我一个工作的例子，也许我可以让自动加载器工作。

谢谢。

使用highlight js将非常简单，并且有许多非常有趣的视图

的演示见这里从官方网站

<!– 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 –>
相关文章：