Javascript 如何在我的博客上更好地显示代码？

现在，在任何显示代码片段的站点（即使在Stackoverflow中），代码都很好地围绕着一个GUI元素，该元素突出显示语法元素、提供行号等。我想在我的博客中显示一些ruby on rails代码，我想在我的博客中显示这些可视化元素

如何在我的博客上实现这一点？

---

使用Alex Reitbort提供的链接，您可以使用以下教程之一将其集成到博客中：

单击Blogger中的“编辑HTML”，然后在HTML的

部分插入以下内容：

<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shLegacy.js"></script>
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css" />
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css" />     <script language="javascript">
window.onload = function () {
    dp.SyntaxHighlighter.ClipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
    dp.SyntaxHighlighter.HighlightAll('code');
    dp.SyntaxHighlighter.BloggerMode();
}
</script>

window.onload=函数（）{
dp.SyntaxHighlighter.ClipboardSwf='1http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll（“代码”）；
dp.SyntaxHighlighter.BloggerMode（）；
}

并将以下内容放入

中，无论您想将代码放在何处：

<pre class="brush: ruby" name="code"># Your Ruby Code</pre>

#您的Ruby代码

是一个不错的选择，但是这里所有的链接都不适合我

---

我在Blogger中找到了一份安装最新3.x版本的完整的、分两步的指南，该指南实际上是有效的。

在运行时使用Javascript动态创建代码语法样式的问题是：

页面加载缓慢

显示的代码的初始外观为原始格式

如果禁用javascript，则Nevers可以工作

更好的方法是复制粘贴HTML，使用一些转换器生成

---

我发现一个网站可以将我的代码转换成与blogger兼容的格式。它满足了我的需要，几乎不需要时间

---

要在文章中显示代码，或在blogger或任何其他您可以使用的博客平台中突出显示代码，我发现这种方法非常简单，不依赖任何外部突出显示javascript库

在这里，您可以为javascript代码段创建任何公共要点 （.js）、Csharp（.cs）、shell脚本（.sh）等，以便 装载在文章中

保存gist文件后，屏幕上会显示一个链接或嵌入选项 根据以上截图的要点，你只需粘贴一篇文章 在这里，我附上了下面博客的截图

在博客文章中添加嵌入脚本后，您可以看到 预览呈现如下屏幕截图的代码片段

---

如何在我的博客中使用它们您的第一个链接中的语法高亮显示是一个旧版本。我真的不理解您的编辑。除了在格式上不必要地挑剔，直到它符合你的个人喜好，你难道没有更好的事情要做吗？我也不能说我喜欢Rich B留下的恶意编辑摘要。“不要费心去关注预览或任何东西……”很好。对于一个叫曼施的人来说，你应该渴望完美。你到底为什么要关闭这个？它属于这里。我在这里看到了一些不太相关的问题，没有结束，而更多的相关问题已经结束。所以我要投票支持它，只是为了让你不高兴，因为同样的问题可以被问到/答案适用于任何网站。嗨..你有没有可能给出用于stackoverflow代码的CSS n Javascript。stackoverflow中代码的显示方式太棒了。。有什么建议吗？我的博客看起来不错，谢谢：）只是一个便条，为了更多的画笔，我把这个添加到我的博客（）中，效果很好。我还添加了一些画笔并使用了。应该是公认的答案，感谢您提供的示例链接=]