如何在我的博客博客上更好地顯示代碼？

現在，在任何顯示代碼片段（甚至在Stackoverflow中）的站點中，代碼都很好地包裹在GUI元素上，該元素突出顯示語法元素，提供行號等。我想在rails代碼中顯示一些ruby代碼我的博客和我想要在我的博客中的視覺元素。如何在我的博客博客上更好地顯示代碼？

如何在博客博客上完成此操作？

來源

2009-10-29 Anand

屬於superuser.com。這不是編程，而是關於如何使用博主。 – GEOCHET

不要投票給人們......關閉它！這不會讓你成爲一個邪惡的人！ –

爲什麼你要關閉這個？它屬於這裏。 –

點擊「編輯HTML」的博客，然後插入到HTML的<head>部分如下：

<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>

來源

2009-10-29 17:51:43 sfarbota

嗨..有可能你給CSS n Javascript是用於stackoverflow代碼。方式代碼顯示在stackoverflow是真棒..任何建議？ –

我的博客看起來很漂亮謝謝:) http://code-like-a-poem.blogspot.in/2013/04/angularjs-tutorial-2-structuring-and.html 只是一個說明，對於更多的刷子http ：//alexgorbatchev.com/SyntaxHighlighter/manual/brushes/ –

我將此添加到我的博客（http://cosgunvistas.blogspot.in）（http://cosgunvistas.blogspot.in））並且正常工作。我還添加了一些刷子，並使用[custome主題]（http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/）。 –

http://code.google.com/p/syntaxhighlighter/

http://www.pseudocoder.com/blog/javascript-code-highlighter-chili-vs-syntaxhighlighter

http://www.1stwebdesigner.com/resources/16-free-javascript-code-syntax-highlighters-for-better-programming/

來源

2009-10-29 14:43:48

我如何在Blogger博客中使用它們 – Anand

第一個鏈接中的語法突出顯示是舊版本。 – sfarbota

只是鏈接的答案是可憐的形式，因爲鏈接傾向於死... – Julix

使用亞歷克斯Reitbort提供您可以使用以下教程之一在您的Blogger博客整合此鏈接：

http://heisencoder.net/2009/01/adding-syntax-highlighting-to-blogger.html
http://yacoding.blogspot.com/2008/05/how-to-add-syntax-highlight-to-blogger.html
http://abhisanoujam.blogspot.com/2008/12/blogger-syntax-highlighting.html

來源

2009-10-29 16:35:31 mensch

我真的不明白你的編輯。難道你有沒有更好的事情要做，而不需要用格式化挑選，直到符合你的個人偏好？ –

不能說我喜歡Rich B留下的敵對編輯總結。「不要費心去關注預覽或任何事......」很好。 – mensch

對於有人稱爲mensch，你應該渴望完美。 –

SyntaxHighlighter是要走的路，但是這裏給出的所有鏈接都不適用於我。

我發現了一個完整的2步指南，可以在Blogger中安裝最新的3.x版本，它實際上可以運行here。

來源

2010-11-11 04:08:59

應該是被接受的答案，謝謝你的例子鏈接=] –

這裏的鏈接不再好 – unflores