Blogger 语法荧光笔并非一直有效答案

【问题标题】：Blogger syntax highlighter does not work all the timeBlogger 语法荧光笔并非一直有效
【发布时间】：2018-03-12 18:10:29
【问题描述】：

我在 blogger 中写博客，并使用语法荧光笔来突出显示我的代码。我昨天成功地做到了，它正确地突出了语法。但是今天我再次查看了同一个博客，但语法没有突出显示。

我按照this tutorial 进行语法高亮显示，它工作得很好，但现在它不这样做了。这可能是什么原因？

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

编辑

在the same page 中，我提到您可以看到一些公式仍然可以正常工作，但其他公式则不行。请纠正我如果我错了，如果它是协议相对 URL 问题，那么其他人可能无法正常工作？还有什么出路？我的意思是在博客中我该怎么做？

【问题讨论】：

标签： syntax-highlighting blogger blogger-dynamic-views

【解决方案1】：

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

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

【讨论】：

请查看我在问题中的编辑。在同一页面中，为什么它使用的公式很少而不是全部？

【解决方案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/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>

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

【讨论】：