Como crear y exportar contenido para steemit usando Hackmd

in #utopian-io7 years ago

Intro: English
Title: How to create and export the markdown of content created in Hackmd
Language: Spanish / Español

8.png

1.pngEl primer paso es ingresar al sitio web Hackmd, ya que estemos ahí, vamos a dar click en enlace superior que dice: Nueva nota como invitado

2.png

1.pngEn esta sección vamos a encontrar las diferentes opciones para formatear el contenido. Solo con dar click a cualquiera de estas opciones se coloca el código dentro del espacio de escritura
2.pngEn esta sección encontramos las siguientes opciones:
- Ver el espacio de edición en pantalla dividida
- Ver el espacio de edición en pantalla completa
- Ver el contenido en pantalla completa
- Ayuda (Aquí vas a encontrar documentación para ayudarte a utilizar las diferentes opciones del markdown)
- Subir imagen desde tu ordenador

1.png

Esta opción sirve para poner en negritas tu texto, ya sea para realizar un énfasis en algún fragmento de tu contenido o para marcar un punto dentro de una lista o palabras claves

1.png

2.png

Esta opción es para colocar tu texto en cursiva, esto lo utilizamos mucho cuando escribimos poemas o cuando encerramos un fragmento de texto en paréntesis

2.png

3.png

Esta opción sirve para tachar tu texto, lo puedes utilizar cuando quieres expresar al lector que parte de contenido ya no está vigente para su uso

3.png

4.png

Esta opción es para colocar tu texto como encabezado, lo puedes usar para los títulos de las diferentes secciones dentro de tu contenido.

Puedes hacer el encabezado más pequeño si le sigues dando clik a esta opción ( El máximo son 6 )

4.png

5.png

Esta opción sirve para mostrar tu texto como código, esto lo puedes usar cuando realizas un tutorial donde debes explicar el código necesario para el resultado que le quieres mostrar al lector

5.png

6.png

Esta opción sirve para colocar tu texto dentro de una cita, esto lo puedes utilizar cuando es necesario agregar algún fragmento obtenido de otra fuente y quieres hacerle saber al lector que esa parte del texto proviene de otra fuente ( Por cierto nunca olvides agregar la fuente de donde proviene )

6.png

7.png

Esta opción es para crear una lista, esto lo puedes usar cuando elaborar un procedimiento y quieres mostrar los pasos para la realización, por ejemplo cuando haces un post sobre una receta o la creación de una maqueta, etc.

7.png

8.png

Esta opción es para colocar un fragmento de texto como enlace clickeable por el lector, lo puedes usar cuando necesitas agregar la fuente del texto o una imagen y no quieres que se vea la dirección de la fuente

8.png

9.png

Esta opción es para agregar el código markdown necesario para mostrar una imagen, solo necesitar agregar la dirección de la imagen dentro del código y listo

9.png

10.png

Esta opción es para colocar el código necesario para mostrar una tabla, solo necesitas colocar los datos que necesitas en cada columna

10.png

11.png

Esta opción es para agregar una línea divisoria dentro del contenido que estás publicando, lo puedes usar cuando quieres separar una sección de otra para ofrecer una estructura visual de mejor calidad

11.png

4.png

1.pngVer el contenido en pantalla completa sirve para evaluar el resultado del contenido que estas publicando y darte una idea de como se verá en steemit

5.png

1.pngVer el espacio de edición en pantalla dividida te sirve para ir viendo el resultado en tiempo real a como lo vas redactando sin necesidad de otras opciones

6.png

1.pngVer el espacio de edición en pantalla completa te puede servir para ver el formato que le estas dando al contenido sin hacer saltos de líneas

7.png

1.pngPara exportar el contenido tienes que hacer click en el enlace menú que está en la parte superior derecha de la pantalla.
Cuando le des click se va a desplegar un recuadro con más opciones, en ella, vamos a elegir: Markdown

Si se te hace muy complicado utilizar las opciones de este sitio web, puedes crear el contenido dentro de steemit (sin publicarlo) y copiarlo e ir al espacio de edición de Hackmd y pegarlo, ya solo tendrías que ir a menú y elegir la opción de descargar el Markdown

TUTO.gif

Ya que tengas descargado el archivo markdown, lo que tienes que hacer es abrirlo con un block de notas y luego copias el contenido y lo pegas dentro del espacio de edición de steemit



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

@luming, muy interesante esta entrada. Espero poder utilizarla, ya que muchas veces me lío con el código html, aunque casi siempre salgo adelante. Saludos.

Muchas gracias por tu apoyo @moises-moran, es muy buena esta herramienta para formatear nuestro contenido, te simplifica la tarea del uso de markdown :)
Saludos!!

De gran ayuda para gente nueva en steemit. Gracias.

Muchas gracias por tu apoyo @angelggomz, así es, este tutorial les puede resultar muy útil ya que simplifica la inclusión del código markdown dentro del contenido para crear una estructura de calidad :)
Saludos!!

Eyy! No sabía que tenía tantas opciones!! Excelente!

Heey!!, muchas gracias, Fabi, sí, es bastante bueno, lo he estado revisando y si puede llegar a simplificar la tarea del markdown de steemit para elaborar el contenido más rápido, sobre todo a los steemian más nuevos les puede ayudar mucho!! :D

exactlymente XD

Utilísima entrada, sobre todo para los que empezamos. Muchas gracias.

Que alegría que te haya servido @iaberius, muchas gracias por tu apoyo ;)
Saludos!!

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

Thanks you very much!! :)

Gracias por esa valiosa información, buenas noches.

Un placer!! que bueno que te sirvió :D
Buenas noches!! ;)

luming ...lo tuyo son las guias y este tipo de contribucion .. eres una maquina .. todo muy bien explicado .. muchas gracias tigre!!!

Yeah!!! :D, muchas gracias, sí, se me da mejor que el diseño, por ahora, porque me interesa ser mejor diseñador como ustedes ;)
Soy un leóoon!!! xD
Saludos my friend!!

Congratulations @luming! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of comments received

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!

Hey @luming I am @utopian-io. I have just upvoted you!

Achievements

  • Seems like you contribute quite often. AMAZING!

Suggestions

  • Contribute more often to get higher and higher rewards. I wish to see you often!
  • Work on your followers to increase the votes/rewards. I follow what humans do and my vote is mainly based on that. Good luck!

Get Noticed!

  • Did you know project owners can manually vote with their own voting power or by voting power delegated to their projects? Ask the project owner to review your contributions!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Gracias esta guía! Ayer me hablaron de hackmd y ya voy a gracias a esta ayuda!

Coin Marketplace

STEEM 0.15
TRX 0.17
JST 0.028
BTC 68754.67
ETH 2469.20
USDT 1.00
SBD 2.37