В эти дни на любом сайте, где они показывают фрагменты кода (даже в Stackoverflow), код красиво обернут вокруг элемента GUI, который выделяет элементы синтаксиса, предоставляет номера строк и т.д. Я хочу показать некоторый рубин на коде rails в моем блоге, и мне нужны эти визуальные элементы в моем блоге.
Как я могу это сделать в своем блоге блогера?
Нажмите "Редактировать HTML" в Blogger, а затем вставьте следующее в раздел <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>
http://code.google.com/p/syntaxhighlighter/
http://www.pseudocoder.com/blog/javascript-code-highlighter-chili-vs-syntaxhighlighter
SyntaxHighlighter - это путь, но все ссылки здесь не работают для меня.
Я нашел полное 2-хэтажное руководство по установке последней версии 3.x в Blogger, которая фактически работает здесь.
Используя ссылки Alex 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
Проблема с использованием Javascript для динамического создания стиля синтаксиса кода во время выполнения:
Лучшей техникой было бы просто скопировать вставку HTML, сгенерированную с использованием некоторых преобразователей.
Онлайн-синтаксис Highlight Generator Tool
codeworkout.blogspot.com/2014/07/online-generator-tool-for-code-syntax_18.html
Я нашел один веб-сайт, который преобразует мой код в формат, совместимый с blogger. Он отвечает моим потребностям и почти не требует времени.