Question

大家好，我偶尔在Blogger上写文章，但今天我遇到了一个与代码段有关的问题。我想在Blogger中添加html和JavaScript代码，但找不到任何有用的东西来完成此任务，然后我使用了Visual Studio中的复制代码，然后直接粘贴到Blogger中，但有时代码被弄乱了，我想向读者提供清晰的代码。

我最后在Google上搜索了很多东西，但我发现了一个高级网站，但该网站无法正常工作，因为它不会将“ <”和“ >”等特殊字符更改为“ {{1} }”。我使用hilite，然后将代码复制并粘贴到我的Blogger帖子中，然后将执行此代码的功能，而不是在帖子中显示代码。所以这里的任何人都知道如何执行此任务。

谢谢！

Answer 1

首先，这是互联网上评分最高的问题，因为众所周知，博客上没有可用的插件和工具来执行此任务，但是与此同时，当我们将其与WordPress比较时，则有大量的插件可用于完成此任务任务。

因此，重点是如何在Blogger帖子中添加代码段，然后您的答案就是使用Highlightjs中的第三方语法突出显示库。

Highlightjs是一个语法突出显示库，它使用JavaScript和CSS代码在Blogger中突出显示代码块。该平台还支持95种样式和189种语言，但是此数据可能不是静态的，可能会变为新数据，但是从撰写这篇文章后，这些都是最新数据，以确定是否您想了解更多关于样式和语言的信息，然后单击this

将此库用于布局html：—

<!-- below is used to highlight code in blogger-->
    
<link href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/github.min.css' rel='stylesheet'/>

<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/languages/r.min.js'/>

<script>hljs.initHighlightingOnLoad();</script>

现在可以根据需要在博客中的任何位置使用pre标签，具体取决于您的需要。使用下面的此标签可以在博客中张贴您想要的代码框。

<pre><code class="html">
/* Paste your code here */
</code></pre>

如果您想通过示例逐步解决问题，请关注此博客文章。 gforgeekspot

希望这会有所帮助！干杯

Answer 2

那时候我有同样的问题，解决方法很简单。

<script> /*<![CDATA[*/
    Your javascript code
/*]]>*/ </script>

如何在博客文章中添加代码段？

2 个答案: