如何在博客博客上更好地显示代码?

Ana*_*and 25 html javascript css

这些天来,在他们表现出的代码片段(甚至在#1)任何网站,该代码是很好缠其中突出语法元素GUI元素,提供了行号,等我想显示在轨道上的代码的一些红宝石在我的博客我想在我的博客中使用这些视觉元素.

我如何在博客博客上完成此操作?

sfa*_*ota 21

点击Blogger中的"修改HTML",然后在<head>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>
Run Code Online (Sandbox Code Playgroud)

并将以下内容放入<body>您想要放置代码的任何位置:

<pre class="brush: ruby" name="code"># Your Ruby Code</pre>
Run Code Online (Sandbox Code Playgroud)