Blogger语法高亮显示不起作用

Question

我正在博客上写博客，并使用语法高亮显示来突出我的代码。我是在去年成功完成的，它正确地突出了语法。但今天我再次浏览了同一个博客，但语法没有突出显示。

我跟着this tutorial进行语法突出显示，它工作正常，但现在它没有那样做。可能的原因是什么？

这是my blog page，如果你走到最后，你会看到有一些代码，但它没有突出显示它。此外，如果您去检查元素，您将看到代码放在教程中描述的特定标记内。

编辑

在the same page，我提到你可以看到，很少有公式仍然正常，但其他公式仍然没有。请纠正我如果我错了，如果它是一个协议相对URL问题，那么其他人可能无法正常工作？还有什么可能的出路？我的意思是在博主我怎么能这样做？

Answer 1

问题仅在于HTTPS版本。在HTTP版本中，代码突出显示起作用，例如 - http://lovefordatascience.blogspot.co.uk/2017/09/support-vector-machines-understanding.html

我建议将博客上使用的所有资源更改为协议相对URLS - 请参阅Can I change all my http:// links to just //?

Answer 2

我在教程中遇到了同样的问题。语法高亮显示只工作一次，但一刷新页面就停止工作。

解决方案是使用不同的语法高亮显示器：

1-确保删除所有/所有jquery引用

2-在你的主题中，在结束头标记之前添加：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js" type="text/javascript"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.8.0/languages/go.min.js"></script>

<script type="text/javascript">$(document).ready(function() {
        $('pre').each(function(i, block) {
            hljs.highlightBlock(block);
        });
    });
</script>

<link rel="stylesheet" href="//cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/default.min.css">

3-如果由于某种原因，编辑器收到错误消息，说明需要关闭“”标签。请删除该行：

然后，从这里复制css：http://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/default.min.css

并将其粘贴到样式标记内（如果模板中没有，则创建它们）：

<style type="text/css">
//the copied css goes here
</style>

最后一步是保存所有更改并刷新页面