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-在你的主题中，在cloasing head标签之前添加它：

<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/cdn-release@9.12.0/build/styles/default.min.css">

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

然后，从这里复制css：http://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.12.0/build/styles/default.min.css

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

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

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