_{Blurt & Markdown}

Cuando le pregunté a mi cuñado Ezequiel si podía enseñarme y explicarme sobre los códigos de marcado, con una risa sospechosa, respondió: “Si puedes resolver polinomios, ecuaciones, ejercicios de Trigonometría y Cálculo; si puedes interpretar un gráfico con velas, comprar o vender el momento adecuado, entonces puedes escribir entre códigos de Markdown” 😈

When I asked my brother-in-law Ezequiel if he could teach me and explain about Markdown codes, with a suspicious laugh, he replied: “If you can solve polynomials, equations, trigonometry and calculus exercises; if you can interpret a candlestick chart, buy or sell at the right time, then you can write between Markdown codes” 😈

_{Fuente/Source}

O sea, ¡me dejó peor que antes! Hay temas que en verdad son áridos, aparentemente no tienen un atractivo, aparentemente porque la vista sí nos puede engañar, pero yo sigo pensando que este sí es un tema árido y aburrido, pero sin duda alguna, necesario.

In other words, it left me worse off than before! There are topics that are truly dry, apparently they have no appeal, apparently because the eye can deceive us, but I still think that this is a dry and boring topic, but without a doubt, necessary.

Las palabras "HTML" y "Markdown" son hermanas que asustan a una parte de la población internauta, pero creo que se debe a la falta de familiaridad con ellas, sin embargo, en ciertos dominios como Wordpress, Blogger, Wix, Medium, o páginas monetizadas (Blurt blog, Hive blog, Steemit, etc.) son necesarias, no indispensables, si se quiere tener un producto con marca personal.

The words "HTML" and "Markdown" are sisters that scare a part of the Internet population, but I think it is due to the lack of familiarity with them, however, in certain domains such as Wordpress, Blogger, Wix, Medium, or monetized pages (Blurt blog, Hive blog, Steemit, etc.) they are necessary, not essential, if you want to have a product with a personal brand.

No me dedico a la programación y creo que nunca lo haré, sin embargo, aunque mi carrera no es la Ingeniería Informática, hay softwares con este tipo de lenguaje que me son familiares y de utilidad. No he visto hasta el momento reglas establecidas sobre cómo presentar una publicación, sobre cómo elaborarla, sobre cuánto y cuándo escribir en Blurt, solo debe ser “contenido propio”, y puedo agregar: aparentemente.

I am not a programmer and I don't think I ever will be, however, although my career is not Computer Engineering, there are software programs with this type of language that are familiar and useful to me. I have not seen any established rules yet on how to submit a post, on how to write it, on how much and when to write on Blurt, it should only be "own content", and I might add: apparently.

Markdown y HTML entran en acción al ser nuestras aliadas en esos momentos en donde queremos que la foto vaya centrada y no a la izquierda; en donde queremos un texto justificado y con sangría; en donde queremos traducción simultánea; en donde queremos palabras en cursiva y otras no; en donde podemos colocar referencias externas o hipervínculos; en donde queremos insertar imágenes, audios, videos, etc., en síntesis, es un facilitador, un puñado de códigos para, digámoslo así, “maquetar” un texto plano como si fuera un libro y darle un acabado agradable a los sentidos, un “plus” que mejore la experiencia literaria.

Markdown and HTML come into play as our allies in those moments where we want the photo to be centered and not to the left; where we want a justified and indented text; where we want simultaneous translation; where we want words in italics and others not; where we can place external references or hyperlinks; where we want to insert images, audios, videos, etc. In short, it is a facilitator, a handful of codes to, let's say, "layout" a plain text as if it were a book and give it a pleasant finish to the senses, a "plus" that improves the literary experience.

No percibo que el uso de este lenguaje informático sea obligatorio en redes sociales, cada quien puede arreglar sus publicaciones como le plazca, ahora, si se quiere salir de lo convencional, del sedentarismo neuronal, del facilismo envuelto en solo “escribo, copio, pego, publico”, entonces vale la pena interesarse en las bondades que estos lenguajes de programación nos pueden ofrecer porque aquí en Blurt, aunque algunos códigos no son propios de Markdown, sí se pueden ocupar.

I don't think that the use of this computer language is mandatory on social networks, everyone can arrange their posts as they please, now, if you want to get away from the conventional, from neuronal sedentarism, from the easy way out wrapped in just "I write, copy, paste, publish", then it is worth taking an interest in the benefits that these programming languages can offer us because here at Blurt, although some codes are not specific to Markdown, they can be used.

Si han ocupado alguna vez Github, hay tutoriales completos sobre el manejo de Markdown (y con muchos más códigos que yo en lo personal no ocupo al parecerme innecesarios para publicar en Blurt), por ejemplo, este es un link en inglés. También de manera directa pueden navegar en el proyecto general de Markdown dando clic aquí, para aprender con uno de los creadores de este lenguaje informático: John Gruber.

If you've ever used Github, there are complete tutorials on how to use Markdown (and with a lot more code that I personally don't use because it seems unnecessary to publish on Blurt), for example, this is a link in English. You can also directly browse the general Markdown project by clicking here, to learn from one of the creators of this computer language: John Gruber.

En Blurt no tiene costo adicional el hecho de escribir directamente en la caja de publicación con Markdown o sin él, pero después de publicar y por cada edición realizada en el contenido sí habrá un costo, por eso, si desean ser prolijos, entonces lean muy bien antes de hacer pública su creación nueva.

There is no additional cost to post directly into the publishing box with or without Markdown on Blurt, but there will be a cost after publishing for each edit made to the content, so if you want to be thorough, then read carefully before making your new creation public.

Aparte del Word de toda la vida (con su extensión llamada Writage), en línea existen varias páginas de las que pueden valerse para insertar los códigos, trabajan con Markdown: tenemos a la famosa Stackedit, aunque en lo personal, me gusta más esta otra porque si quieren aprender de manera fácil, trae una explicación detallada, completa, aparte de que podrán practicar dando clic en el botón “Inténtalo tu mismo”, el cual, los redirige a otro sitio que soporta Markdown, en donde también podrán escribir sus textos a manera de borrador para luego llevarlos a la caja de publicación final en Blurt.

Apart from the traditional Word (with its extension called Writage), there are several online sites that you can use to insert codes, they work with Markdown: we have the famous Stackedit, although personally, I like this other one better because if you want to learn in an easy way, it comes with a detailed, complete explanation, apart from the fact that you can practice by clicking on the button “Try it yourself”, which redirects you to another site that supports Markdown, where you can also write your texts as a draft and then take them to the final publication box in Blurt.

Creo que en donde hallen la comodidad (porque escribir debe ser un placer y no una tortura o un castigo), háganlo sin problemas, igual, todos los lugares que en la web existen con este tipo de lenguaje informático cumplen con el objetivo de sacar un texto que se sujete a sus propios parámetros para presentar un tema en Internet.

I think that wherever you find comfort (because writing should be a pleasure and not a torture or a punishment), do it without problems, anyway, all the places that exist on the web with this type of computer language fulfill the objective of producing a text that adheres to its own parameters to present a topic on the Internet.

Los códigos de marcado no se verán en la presentación final siempre y cuando estén bien programados e insertados incluso en cuanto a los espacios. Son predeterminados, así que si notan algo raro, desalineado, desubicado en sus publicaciones, es poco probable que sea de Markdown el error, más bien un texto con fallas tiene que ver con desajustes en nuestros dedos al pulsar mal una tecla o un espacio… a mí me pasa a veces y tengo que volver a rectificar luego de hallar el famoso “error de dedo”.

Markup codes will not be visible in the final presentation as long as they are well programmed and inserted, even with regard to spaces. They are predetermined, so if you notice something strange, misaligned, or out of place in your publications, it is unlikely that the error is Markdown, rather a text with errors has to do with misalignments in our fingers when we press a key or a space incorrectly… it happens to me sometimes and I have to go back to rectify after finding the famous “finger error”.

Tomando como base un texto derivado de Marco Tulio Cicerón en latín ("De finibus"), elaboraré lo que en diseño gráfico se suele hacer al ocupar el escrito llamado Lorem Ipsum para realizar pruebas tipográficas de maquetación antes de insertar el texto final. Estos son los códigos de marcado que suelo utilizar en Blurt, no son fijos en cada publicación porque todo depende del contexto:

Taking as a basis a text derived from Marcus Tullius Cicero in Latin ("De finibus"), I will elaborate what is usually done in graphic design when using the text called Lorem Ipsum to perform typographical layout tests before inserting the final text. These are the markup codes that I usually use in Blurt, they are not fixed in each publication because everything depends on the context:

SEPARADOR REBEJUMPER.png

📍Para justificar un texto | To justify a text :

Hay personas que no justifican sus creaciones (aunque sí suelen exigir este punto en los demás). Para aquellos a los que les guste justificar una publicación, este es el comando:

There are people who do not justify their creations (although they do tend to demand this from others). For those who like to justify a post, this is the command:

<div class="text-justify">INSERTAR TEXTO AQUÍ | INSERT TEXT HERE</div>

Después de insertar los códigos en el texto el resultado final sería este:

After inserting the codes into the text the final result would be this:

Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit. Lorem ipsum dolor sit amet consectetur adipiscing elit nulla scelerisque lacinia, mi himenaeos odio in tortor volutpat nisl orci interdum, sapien sociosqu ad tempus a suspendisse rhoncus condimentum nam. Aptent cum nunc ridiculus magna sociosqu phasellus justo elementum volutpat, sodales porttitor fermentum at tincidunt parturient mollis facilisis facilisi, rhoncus congue dictumst semper taciti nostra quis massa.

📍Para textos a la derecha | For texts on the right:

<div class = pull-right> INSERTAR TEXTO AQUÍ | INSERT TEXT HERE</div>

Después de insertar los códigos en el texto el resultado final sería este:

After inserting the codes into the text the final result would be this:

📍Para textos a la izquierda | For texts on the left:

<div class = pull-left>INSERTAR TEXTO AQUÍ | INSERT TEXT HERE</div>

Después de insertar los códigos en el texto el resultado final sería este:

After inserting the codes into the text the final result would be this:

📍Para centrar un texto, una imagen o un vídeo incrustado: | To center a text, image or embedded video:

<center>INSERTAR TEXTO, IMAGEN, VIDEO INCRUSTADO AQUÍ | INSERT TEXT, IMAGE, EMBEDDED VIDEO HERE</center>

Después de insertar los códigos en el texto el resultado final sería este:

After inserting the codes into the text the final result would be this:

Ahora, una imagen centrada:| Now, a centered image:

📍Para cursivas: | For italics:

Existen varias formas para colocar un texto en cursivas:

There are several ways to italicize text:

✓Un asterisco al lado derecho y un asterisco al lado izquierdo.

✓An asterisk on the right side and an asterisk on the left side.

*INSERTAR TEXTO AQUÍ | INSERT TEXT HERE*

✓Un guion bajo al lado derecho y un guion bajo al lado izquierdo.

✓An underscore on the right side and an underscore on the left side.

_INSERTAR TEXTO AQUÍ | INSERT TEXT HERE_

✓El comando <i> de apertura y cierre:

✓The <i> opening and closing command:

<i>INSERTAR TEXTO AQUÍ | INSERT TEXT HERE</i>

✓El comando <em> de apertura y cierre:

✓The <em> open and close command:

<em>INSERTAR TEXTO AQUÍ | INSERT TEXT HERE</em>

Después de insertar los códigos en el texto el resultado final sería este:

After inserting the codes into the text the final result would be this:

📍Para negritas: | For bold:

Existen varias formas para colocar un texto en negritas.

There are several ways to make text bold.

✓Dos asteriscos (seguidos y sin espacio) al lado derecho y dos asteriscos (seguidos y sin espacio) al lado izquierdo:

✓Two asterisks (continued and without space) on the right side and two asterisks (continued and without space) on the left side:

**INSERTAR TEXTO AQUÍ | INSERT TEXT HERE**

✓Dos guiones bajos (seguidos y sin espacio) al lado derecho y dos guiones bajos (seguidos y sin espacio) al lado izquierdo:

✓Two underscores (continuous and without space) on the right side and two underscores (continuous and without space) on the left side:

__INSERTAR TEXTO AQUÍ | INSERT TEXT HERE__

✓El comando <b> de apertura y cierre:

✓The opening and closing <b> command:

<b>INSERTAR TEXTO AQUÍ | INSERT TEXT HERE</b>

✓El comando <strong> de apertura y cierre:

✓The <strong> open and close command:

<strong>INSERTAR TEXTO AQUÍ | INSERT TEXT HERE</strong>

Después de insertar los códigos en el texto el resultado final sería este:

After inserting the codes into the text the final result would be this:

📍Para Tachado: | For Strikethrough:

Se utilizan dos virgulillas al lado izquierdo y dos virgulillas al lado derecho.

Two tilde ("virgulillas") on the left side and two tilde ("virgulillas") on the right side.

~~INSERTAR TEXTO AQUÍ | INSERT TEXT HERE~~

Después de insertar los códigos en el texto el resultado final sería este:

After inserting the codes into the text the final result would be this:

📍Para resaltar una palabra o un texto y para líneas de código: | To highlight a word or text and for lines of code:

Dos tildes invertidas (seguidas y sin espacio) al lado derecho y dos tildes invertidas (seguidas y sin espacio) al lado izquierdo:

Two inverted accents (one after the other and without a space) on the right side and two inverted accents (one after the other and without a space) on the left side:

``INSERTAR TEXTO AQUÍ | INSERT TEXT HERE``

Después de insertar los códigos en el texto el resultado final sería este:

After inserting the codes into the text the final result would be this:

📍Para citar frases: | To quote phrases:

> INSERTAR TEXTO A CITARSE AQUÍ |
INSERT TEXT TO BE CITED HERE

Después de insertar los códigos en el texto el resultado final sería este:

After inserting the codes into the text the final result would be this:

Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit. Lorem ipsum dolor sit amet consectetur adipiscing elit nulla scelerisque lacinia, mi himenaeos odio in tortor volutpat nisl orci interdum, sapien sociosqu ad tempus a suspendisse rhoncus condimentum nam. Aptent cum nunc ridiculus magna sociosqu phasellus justo elementum volutpat, sodales porttitor fermentum at tincidunt parturient mollis facilisis facilisi, rhoncus congue dictumst semper taciti nostra quis massa.

📍Para títulos y subtítulos de diversos tamaños: | For titles and subtitles of various sizes:

Después de insertar los códigos en el texto el resultado final sería este:

After inserting the codes into the text the final result would be this:

Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.

📍Para espacios entre párrafos: | For spaces between paragraphs:

El comando <p> o también <br>

The command <p> or also <br>

Después de insertar los códigos en el texto el resultado final sería este:

After inserting the codes into the text the final result would be this:

📍Para cambios de tema, separación de contenidos con una línea horizontal entre párrafos: | For topic changes, separate content with a horizontal line between paragraphs:

✓El comando <hr>

✓The <hr> command

✓Con tres guiones bajos sin espacios ___

✓With three underscores without spaces ___

Fijándose a detalle (porque la línea parece imperceptible), después de insertar los códigos en el texto resultado final sería este:

Looking closely (because the line seems imperceptible), after inserting the codes in the text the final result would be this:

📍Para espacios fijos o que no se rompen: | For fixed or unbreakable spaces:

✓El comando  

✓The   command

En programación, este código es propio del lenguaje Html, se usa si queremos que dos palabras no se separen al ajustar el texto al tamaño de la ventana. Lo he probado en Blurt y aquí puede llegar a servir como un generador de sangría en la primera línea (la más común en textos). Podrías hacerlo con el tabulador o el espaciador, sin embargo, no consigues el mismo efecto ordenado, por eso, entre más códigos   insertes, más sangría izquierda en la primera línea tendrás. Este sería el resultado final:

In programming, this code is specific to the HTML language, and is used if we want two words not to be separated when adjusting the text to the window size. I have tested it in Blurt and here it can serve as an indent generator on the first line (the most common in texts). You could do it with the tab or the spacer, however, you do not get the same orderly effect, so the more   codes you insert, the more left indentation on the first line you will have. This would be the final result:

📍Para subíndices: | For subscripts:

<sub>INSERTAR TEXTO O NÚMERO AQUÍ |INSERT TEXT OR NUMBER HERE</sub>

Después de insertar los códigos en el texto el resultado final sería este:

After inserting the codes into the text the final result would be this:

Neque porro quisquam est qui dolorem _{ipsum quia dolor sit amet, consectetur, adipisci velit}

📍Para superíndices: | For superscripts:

<sup>INSERTAR TEXTO AQUÍ | INSERT TEXT HERE</sup>

Después de insertar los códigos en el texto el resultado final sería este:

After inserting the codes into the text the final result would be this:

Neque porro quisquam est qui dolorem ^{ipsum quia dolor sit amet, consectetur, adipisci velit}

Para referencias o enlaces a otros documentos, imágenes, videos, sonidos, datos (correos y hasta números telefónicos) o páginas web externas a la publicación como si se tratara de un hipervínculo: | For references or links to other documents, images, videos, sounds, data (emails and even telephone numbers) or web pages outside the publication as if it were a hyperlink:

✓El comando <a href="URL AQUÍ">INSERTAR PALABRA UNA PALABRA PARA EL ENLACE AQUÍ</a>

✓The command <a href="URL HERE">INSERT WORD A WORD FOR THE LINK HERE</a>

✓El comando [INSERTAR TEXTO DEL ENLACE AQUÍ](URL AQUÍ)

✓The command [INSERT LINK TEXT HERE](URL HERE)

Después de insertar cualquiera de los códigos en el texto el resultado final sería este:

After inserting any of the codes into the text the final result would be this:

Neque porro quisquam est qui dolorem...

SEPARADOR REBEJUMPER.png

Se pueden hacer combinaciones entre ellos y también conseguir un acabado más personalizado. Lo sé, parece imposible de aprender, pero no, para nada, solo debes introducir el código que ya está predeterminado (no tienes la tarea adicional de crearlo ni de modificarlo) y escribir dentro de él. Si decides usar esta síntesis de marcado ocupa la lógica que se genera en tu sinapsis neuronal, hazte amigo del reloj y diviértete creando publicaciones con las que te sientas a gusto mientras te inspiras en alguna canción o un concierto completo… como este:

You can make combinations between them and also get a more personalized finish. I know, it seems impossible to learn, but no, not at all, you just have to enter the code that is already predetermined (you don't have the additional task of creating or modifying it) and write inside it. If you decide to use this markup synthesis, use the logic that is generated in your neuronal synapse, make friends with the clock and have fun creating posts that you feel comfortable with while you get inspired by a song or a complete concert... like this one:

Hasta aquí llegaré con mi publicación. Creo que con esto he cumplido mi palabra y ofrecimiento cuando "El Lobo" me pidió que escribiera acerca de este tema para la persona que pudiera estar interesada dentro de la blockchain de Blurt.

This is where I will end my post. I believe that with this I have kept my word and offer when "The Wolf" asked me to write about this topic for anyone who might be interested in the Blurt blockchain.

SEPARADOR REBEJUMPER.png

Gracias por acompañarme en la lectura de principio a fin. Quiera mi Amo, Creador y Sustentador, permitirme, permitirnos a mi esposo y a mí compartir con ustedes en una nueva oportunidad.

Thank you for accompanying me in reading it from beginning to end. May my Creator and Sustaining Father allow my husband and me a new opportunity to share with each of you.

Que tengan un excelente inicio de semana, con paz, con shalom por todo rincón.

Have a great start to the week, with peace, with shalom in every corner.

Sort Order:

Trending

[-]

beblurt · last month ·

Thank you for this detailed post about Markdown! 👍

I’d like to add a few clarifications. Markdown, at its core, is a lightweight markup language designed to simplify converting plain text to HTML but it does not accept HTML as input. However, on blockchains like Blurt, Hive or Steem, an enhanced version of Markdown is used. In addition to standard Markdown tags, it also allows certain HTML tags (<center>, <hr>...) that aren’t available in traditional Markdown, as well as specific classes, like "pull-left" and "pull-right", to adjust element alignment.

A quick note as well: to add red text, you can use the class "phishy" like this:
<div class="phishy">red text</div>

27.47 BLURT

4 votes$0.08

rebejumper · last month · (edited)

Yes, I was aware of this, but I didn't include it because the red color doesn't appear in Beblurt, although I can see the color change in Blurt.blog and Blurt.intinte... at least in my browser and cell phone the change can't be seen. Thanks for your clarification and...

37.24 BLURT

2 votes$0.11

luzmb · last month ·

Rebe mi hermanita Rebe, buenísimo todo lo que nos acabas de compartir, sobre todo en mi caso que escribo lanzando flecha porque no sé como centrar o justificar, bueno, en realidad yo publicaba a como la plataforma me lo lanzaba allí y como no sé utilizar códigos ni nada pues no podía darle una apariencia agradable a mis escritos, por lo que la bonitura estaba ausente de mis publicaciones.

Gracias por compartir tus conocimientos, lo voy a practicar en mi siguiente publicación 👍 Gracias totales hermanita.

Un abrazote gigante y bendiciones miles para todos ustedes, que tengan feliz inicio de semana, Dios con ustedes siempre mis hermanitos 🤗❤️🙏✨

18.00 BLURT

3 votes$0.05

rebejumper · last month ·

Hola, mi Luz preciosa, sí, en cuanto puedas practica mucho y te saldrá bien 👍

0.09 BLURT

1 votes$0.00

hilaricita · last month ·

Recuerdo cuando el doctor Ezequiel me enseñó Markdown para hacer mi primera publicación en Hive, yo estaba igual a la abuela del gif que nos compartes jajaja, aunque tu cuñado se portó a la altura cuando se lo pedí y no tenía una risa sospechosa XD

Bueno, Rebe, creo que has compartido esta publicación muy bien, los códigos que escribiste casi todos los tengo en mi plantilla personalizada, algunos no los sabía, por ejemplo esos de las cursivas y negritas, los probé y sí resultaron. Siempre me pregunté cómo escribes en paralelo la traducción simultánea y bueno, creo que ha sido de mezclar el de escribir a la derecha con el de escribir a la izquierda... a mí se me hace más fácil escribir primero en español y luego en inglés, es que después me hago lío con tanto código jajaja.

Si queremos que nuestras publicaciones estén mejor presentadas, entonces esta es una buena oportunidad, sé que a veces por el tiempo o porque nos cerramos a la idea de aprender algo nuevo, dejamos de lado buenas opciones para mejorar según nuestro criterio, como estas.

Gracias, Rebe, me gustó mucho el concierto también, estuvo maravilloso, tiene varios temas que han sido clásicos en el cine. Saludos y un abrazo para ti, para el doctor Benjamín y para toda la familia que los acompaña.

Dios los bendiga grandemente 🤗🤗

17.73 BLURT

Siempre me pregunté cómo escribes en paralelo la traducción simultánea y bueno, creo que ha sido de mezclar el de escribir a la derecha con el de escribir a la izquierda... a mí se me hace más fácil escribir primero en español y luego en inglés, es que después me hago lío con tanto código

Vale la pena intentar, aunque te digo que a mí también me pasa que con tanto código (aunque tenga mi plantilla prediseñada) a veces termino bizca XD

6.96 BLURT

2 votes$0.02

paulindstrom · last month · (edited)

Hi Rebe, 🦊

Que te diré sino solo gracias por compartirnos tu conocimiento relacionado al Markdown en Blurt, es una buena explicación, creo que tomaré algunos de tus trucos o tips para seguir poniéndolos en práctica porque como dije nunca se deja de aprender y una manera de hacerlo es la retroalimentación.

Muy bonito el vídeo del concierto, agradable music, relaja.

Saludos a todos por la house, se les quiere un montón.

Chau.

🐺🐺🐺🐺🐺

4 votes$0.05

Sí, sobre todo cuando se ha tenido días pesados, es una maravilla de concierto, aunque corto. Un abrazote para ti, mi lobo precioso, para Marcela y los niños.

0.12 BLURT

Markdown en Blurt | Markdown in Blurt [Esp-Eng]

📍Para justificar un texto | To justify a text :

📍Para textos a la derecha | For texts on the right:

📍Para textos a la izquierda | For texts on the left:

📍Para centrar un texto, una imagen o un vídeo incrustado: | To center a text, image or embedded video:

📍Para cursivas: | For italics:

📍Para negritas: | For bold:

📍Para Tachado: | For Strikethrough:

📍Para resaltar una palabra o un texto y para líneas de código: | To highlight a word or text and for lines of code:

📍Para citar frases: | To quote phrases:

📍Para títulos y subtítulos de diversos tamaños: | For titles and subtitles of various sizes:

Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.