如何在博客博客上更好地显示代码？ [英] How can I display code better on my blogger blog?
本文介绍了如何在博客博客上更好地显示代码？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
这些天，在任何显示代码片段的网站（甚至在Stackoverflow中），代码都很好地围绕一个GUI元素，它突出显示语法元素，提供行号等。我想在rails上显示一些ruby代码
These days, in any site where they show a code fragments (even in Stackoverflow), the code is nicely wrapped around a GUI element which highlights syntax elements, provides line numbers, etc. I want to show some ruby on rails code in my blog and I want those visual elements in my blog.
如何在我的博客博客上实现这个功能？
How can I accomplish this on my blogger blog?
推荐答案
点击Blogger中的修改HTML，然后在HTML的< head>
Click on "Edit HTML" in Blogger and then insert the following in the <head> section of your 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>
，并在< body>
<pre class="brush: ruby" name="code"># Your Ruby Code</pre>
这篇关于如何在博客博客上更好地显示代码？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
