2 de octubre de 2018

Codigo con estilo.

En esta entrada les explicare como hacer para que su código en Python se muestre de una manera mas estilizada que facilitara la visualización y compartir el código fuente separando y enumerando las lineas.


  1. Primero, en el menú lateral buscamos y seleccionamos la opción "Tema".


    2 . Seleccionamos la opción "Editar HTML".

      

    3. Buscamos la linea de código donde este "<head>".


    Y copiamos el siguiente código como se muestra en la imagen anterior:

    <!--SYNTAX HIGHLIGHTER INICIO-->
    <link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
    <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'/>
    <script language='javascript'>
    SyntaxHighlighter.config.bloggerMode = true;
    SyntaxHighlighter.config.clipboardSwf = &quot;http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf&quot;;
    SyntaxHighlighter.all();
    </script>
    <!--SYNTAX HIGHLIGHTER FIN-->

    Hacen clic en "Guardar tema".

    5. Al crear una nueva entrada, para agregar codigo tienen que hacer clic en HTML y escribir:

    <pre class="brush: python">

    #Inserta tu codigo aqui

    </pre>

    De esa manera podrán agregar el código para que se muestre de una manera mas atractiva y amigable con los usuarios que visiten su blog.

No hay comentarios.:

Publicar un comentario