如何在Blogger上设置语法突出显示？[关闭]

如何在Blogger的新界面上设置语法突出显示？我确实尝试了很多选择，但没有任何效果。请提出任何建议。

syntax-highlighting blogger syntaxhighlighter

— 安尼尔
source

为什么要解决这个问题？如果问题不清楚，可以对其进行编辑。答案是好的，并且有助于解决所提出的问题。也许将其移至webapps.stackexchange.com？

— 汉学2014年

绝对愚蠢和自相矛盾的原因，对于SO来说非常正常。要在Blogger中突出显示语法，请使用github gist代码嵌入，即您在youtube上发布和嵌入视频的方式。

— 2014年

我认为它可以在指导自己的网站..顺便说一下，你应该看看社会内容的储物柜博客这里--- stackoverflow.com/questions/27619171/...

— 克雷格误差Lerr

您可以使用gist.github.com，如果无法更新代码，将代码放在博客中并不总是一个好主意；）

— Vinod Srivastav

@VinodSrivastav有用的想法。

— VINOTH ENERGETIC

Answers:

130

1. 首先，备份您的Blogger模板
2. 在此之后，打开Blogger模板（在“编辑HTML”模式下），然后将此链接中给定的所有CSS复制到 </b:skin>标记之前
。3. 将Followig代码粘贴到</head>标记之前

<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'></script>

4. 将以下代码粘贴到</body>标记之前。

<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>

5. 保存Blogger模板。
6. 现在可以使用语法突出显示了，您可以将其与<pre></pre>标记一起使用。

<pre name="code">
...Your html-escaped code goes here...
</pre>

<pre name="code" class="php">
    echo "I like PHP";
</pre>

7. 您可以在此处转义代码。
8. 这是<class>属性支持的语言列表。

— Mahesh Meniya
source

谢谢@Mahesh .. :)为我做了工作。

— Bhushan Firake

Google代码即将关闭。因此，这可能不再起作用

— Jalal

第一条链接现在已经死了

— Anake

谈论第3步，如果您放置了任何链接（假设在浏览器中点击了此URL语法highlighter.googlecode.com/svn/trunk/Scripts/shCore.js），则它给出了错误消息404。这是一个错误。在此服务器上找不到请求的URL /svn/trunk/Scripts/shCore.js。我们知道的就这些。任何人都知道这一事件。

— 安然·康德

链接不再起作用。

— Gunaseelan '16

结帐http://oneqonea.blogspot.com/2012/04/how-do-i-add-syntax-highlighting-to-my.html

这是一个非常简单的“ SyntaxHighlighter for Blogger”教程，其中包含屏幕截图和所有内容。

您仅需几分钟即可启动并运行。

另外，本教程围绕您所指的“新界面”构建。

希望这可以帮助。快乐的编码。

— 约翰·埃克
source

这个链接很棒。我已经使用它将突出显示的代码合并到我的软件开发博客中。您唯一需要注意的是，突出显示的代码仅在发布帖子后出现。如果仅预览它，则代码不会突出显示。这种行为在一开始让我有些困惑。

— Andrii Polunin 2012年

我遇到了问题，这个问题对我有用。我只是希望它是使用自动装带器的指南。

— Xarcell

不鼓励仅链接的答案。如果您可以在答案中添加要点，然后将其重定向到链接以获取更多详细信息，那就太好了。

— Aniket Thakur

根据您的模板，SyntaxHighlighter JavaScript代码可能会在内容加载之前运行。在这种情况下，将代码更改为在短暂的超时后运行即可解决该问题。在<head>您的模板HTML中尝试以下操作：

<script type =“ text / javascript”>
window.setTimeout（function（）{
    语法Highlighter.config.bloggerMode = true;
    语法Highlighter.all（）;
}，10）;
</ script>

您可以在调用之前添加更多默认值的自定义设置ScriptHighlighter.all()。

如果要自定义SyntaxHighlighter代码显示的外观，请添加以下CSS：

.syntaxhighlighter代码{
  字体家族：Consolas！important;
  font-size：10px！important;
}

该!important覆盖主题SyntaxHighlighter的定义是必要的。

— grkvlt
source