现在,在任何显示代码片段的站点(甚至在 Stackoverflow 中),代码都很好地包裹在 GUI 元素周围,突出显示语法元素,提供行号等。我想展示一些 ruby on rails 代码在我的博客中,我想在我的博客中使用这些视觉元素。
我怎样才能在我的博客上完成这个?
最佳答案
在 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>
和下面的<body>
无论你想把代码放在哪里:
<pre class="brush: ruby" name="code"># Your Ruby Code</pre>
关于javascript - 如何在我的博主博客上更好地显示代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1644201/