Question

我在blogger.com上有一个博客，想在我的帖子中格式化我的代码示例。

我需要使用什么来格式化博客文章中的代码片段？

Answer 1

语法突出显示取决于您尝试突出显示哪种编程语言代码。不同的语言将必须以不同的方式突出显示。

最好使用第三方库来为您解决这个问题。

以下是有关如何在Blogger中执行此操作的教程：How To Format Code Snippets In Blogger Posts

Answer 2

您可以使用 Highlight JS。

转到主题并编辑 html，将下面的代码放在 .

<link href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/atom-one-dark-reasonable.min.css' rel='stylesheet'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/languages/r.min.js'></script>
<script>hljs.initHighlightingOnLoad();</script>

在 <pre><code></code></pre>

下编写您的代码

或者您可以使用 gist.github.com 创建要点并将嵌入的代码复制到您的博客中。

Answer 3

@cdev 给出的答案是正确的，但已经过时了。 2021 年 6 月，对我有用的代码是：

<link href='https://unpkg.com/@highlightjs/cdn-assets@11.0.1/styles/default.min.css' rel='stylesheet'/>
<script src='https://unpkg.com/@highlightjs/cdn-assets@11.0.1/highlight.min.js'/>
<script src='https://unpkg.com/@highlightjs/cdn-assets@11.0.1/languages/dart.min.js'/>
<script>
    hljs.configure({cssSelector: &quot;code&quot;});
    hljs.highlightAll();
</script>

必须在 <head> 标记之前添加之前的代码。

默认情况下，突出显示的代码必须写在 <pre><code></code></pre> 下，如果您还希望能够突出显示 <code></code> 之间的代码，则必须添加此行 hljs.configure({cssSelector: "code"});

这一行 <script src='https://unpkg.com/@highlightjs/cdn-assets@11.0.1/languages/dart.min.js'/> 将突出显示 dart 代码。如果您使用的语言默认未突出显示，您可能需要添加类似的行。检查 supported languages

您可以在my blog

中看到结果

Answer 4

这是一个Blogger.com博客，其中包含有关如何进行操作的教程信息Syntax Highlighting with Blogger Engine 下一次，请先尝试使用Google。

如果有可能它已满足您的需求，请尝试以下方法：Formatting code snippets for blogging on Blogger

Answer 5

语法高亮在博主中完美运行

但我建议你不要使用 Blogger，现在有更好的替代品可用（像 Blogger 一样都是免费的）。证明：在谷歌上搜索“热门博客网站”，不会在任何地方看到博主。

Blogger.com：如何在博客文章中嵌入格式化的代码片段？

5 个答案: