Syntax Highlighter в blogspot.com

Posted by Reason89 | Posted in ,

   Поставил подсветку синтаксиса кода SyntaxHighlighter 3.0.83, немного кривовато смотрится, но лучше того, что было до этого. Жалко что blogger.com не позволяет более детальную работу с блогом. так бы можно было самому покопаться в исходниках. Ну или со временем установлю эти скрипты куда нить в другое место, и пропишу пути до них.
   Поддержка большого количества языков, цветовых оформлений не могут, не радовать. Скорее всего кроме стандартных есть и сторонние темы, нужно только поискать.
   Очень простой процесс установки. необходимо только между тегами <head> ... </head> вставить код:

<!--SYNTAX HIGHLIGHTER BEGINS-->
<link href="http://alexgorbatchev.com/pub/sh/3.0.83/styles/shCore.css" rel="stylesheet" type="text/css">
</link> <link href="http://alexgorbatchev.com/pub/sh/3.0.83/styles/shThemeRDark.css" rel="stylesheet" type="text/css">
</link> <script src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shCore.js" type="text/javascript"> 
</script> <script src="http://alexgorbatchev.com/pub/sh/3.0.83/scripts/shBrushPython.js" type="text/javascript"> 
</script> <script language="javascript"> SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/3.0.83/scripts/clipboard.swf'; 
SyntaxHighlighter.all(); </script> 
<!--SYNTAX HIGHLIGHTER ENDS--> 
С последующим заключением нужного участка в:
<pre class="brush: python">
....
</pre>
   П.С. С python такой проблемы не возникало, но ща при оформлении поста пришлось все  символы < и > заменять на их мнемоники.



Comments (1)

    очень красиво на тёмном фоне смотрится :)
    у меня стоит google syntax highlighter

Отправить комментарий