javascript - 如何在我的博主博客上更好地显示代码?

标签 javascript html css

现在,在任何显示代码片段的站点(甚至在 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/

相关文章:

html - Live Audio Streaming 到浏览器的方法,一定很简单

css - 将其他元素放置在并排放置的两个 div 元素下方

javascript - CSS 中的 url() 函数如何工作?

JavaScript 和 HTML 表单验证

javascript - 在多个 html 页面中使用相同的模态而不重复

javascript - 为什么 GetUserMedia 无法在 Google Chrome 中显示视频?

html - CSS 中的小箭头

css - 使用可变宽度的标题滚动页面高度的 UL

javascript - 操作JS Date内部时间

javascript - 从 jQuery 对象派生 HTMLElement 对象