En estos días, en cualquier sitio donde muestran fragmentos de código (incluso en Stackoverflow), el código está muy bien envuelto alrededor de un elemento GUI que resalta elementos de sintaxis, proporciona números de línea, etc. Quiero mostrar algunos ruby en los carriles mi blog y yo queremos esos elementos visuales en mi blog.¿Cómo puedo mostrar el código mejor en mi blog blogger?
¿Cómo puedo lograr esto en mi blog blogger?
Haga clic en "Editar HTML" en Blogger y luego inserte el siguiente en la sección <head> de su 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>
y el siguiente en el <body> donde quiera que quiere poner su código :
<pre class="brush: ruby" name="code"># Your Ruby Code</pre>
Hola ... es posible que proporciones CSS n Javascript que se usa para el código stackoverflow. La forma en que se muestran los códigos en stackoverflow es increíble ... ¿Alguna sugerencia? –
Mi blog se ve muy gracias :) http://code-like-a-poem.blogspot.in/2013/04/angularjs-tutorial-2-structuring-and.html Sólo una nota, para más pinceles http : //alexgorbatchev.com/SyntaxHighlighter/manual/brushes/ –
Agregué esto a mi blog ([http://cosgunvistas.blogspot.in] (http://cosgunvistas.blogspot.in)) y funciona bien. También agregué algunos pinceles más y usé [tema de custome] (http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/). –
se emplean los enlaces Alex Reitbort proporcionado puede integrar esto en su blog de Blogger usando uno de los siguientes tutoriales:
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
Realmente no entiendo su edición. ¿No tiene mejores cosas que hacer que retocarse innecesariamente con el formato hasta que cumpla con sus preferencias personales? –
No puedo decir que tampoco me gusta el resumen de edición hostil que dejó Rich B. "No te molestes en prestar atención a la vista previa o nada ..." Agradable. – mensch
Para alguien llamado mensch, debes desear la perfección. –
SyntaxHighlighter es el camino a seguir, pero todos los enlaces que se dan aquí no funcionó para mí.
Encontré una guía completa de 2 pasos para instalar la última versión 3.x en Blogger que realmente funciona here.
Debería haber sido la respuesta aceptada, gracias por el enlace de ejemplo =] –
El enlace aquí ya no es bueno – unflores
El problema con el uso de Javascript para crear dinámicamente estilo de sintaxis de código en tiempo de ejecución son:
La mejor técnica sería copiar y pegar el código HTML generado con algunos conversores.
Online Syntax Highlight Generator Tool
codeworkout.blogspot.com/2014/07/online-generator-tool-for-code-syntax_18.html
He encontrado un sitio web que convierte el código al formato compatible blogger. Satisface mi necesidad y casi no lleva tiempo.
Pertenece a superuser.com. Esto no es programación, se trata de cómo usar blogger. – GEOCHET
No vote esto gente ... ¡ciérrelo! ¡¡Esto no te convierte en una persona malvada !!! –
¿Por qué demonios querría cerrar esto? Pertenece aquí. –