EniDev
Guías sobre temas de bases de datos y programación
Project maintained by Hosted on GitHub Pages — Theme by mattgraham
Guía de referencia con la sintaxis y extras
Esta guía rápida sirve para recordar todas las posibilidades que ofrecen Markdown y Pygments para editar y formatear texto y comúnmente lo empleo para crear documentos como esta guía que estás revisando, artículos de blog, escribir en sitios web como https://stackoverflow.com. Esta guía tiene referencias y vista previa de los elementos que usan sintaxis de Markdown, de forma que no solo me sirva de guía a mí, si no a cualquiera que se sienta a gusto de experimentar desde la sintaxis básica hasta un cierto punto de la sintaxis extendida.
A continuación sigue una lista detallada de todas las características que se pueden emplear en Markdown y Markdown Extra y los lexers más comunes de Pygments para resaltar el código fuente.
Introducción
Utilidades
Sintaxys Markdown
- Cabeceras
- Enlaces
- Párrafos
- Formato
- Citas
- Listas
- Listas de definiciones
- Imágenes
- Tablas
- Código
- Lineas Horizontales
- Escapar caracteres
- Notas a pie de página
- Abreviaturas
- Indentificadores de cabecera
- Casillas de verificación
- Emojis
- Pygments
¿Que es Markdown?
Markdown es un lenguaje de marcado ligero parecido al que se emplea en muchas wikis y basado originalmente en convenciones existentes en el marcado de los correos electrónicos. Emplea texto plano, procurando que sea legible pero consiguiendo que se convierta en XHTML correctamente formateado. Fue creado por John Gruber en el año 2004, siendo a día de hoy uno de los lenguajes de marcado más famosos. Su popularidad se debe a que es sencillo, ligero y fácil de aprender.
Ventajas de usar Markdown
- 🙌 Es sencillo de aprender
- 🤘 Es bastante más legible y fácil de mantener
- 🚀 Escribir para web es más rápido y cómodo
- 🔎 Es más difícil de cometer errores se sintaxis
- 📝 Es perfecto para usarlo con editores de texto minimalistas
- 👉 Permite que te concentres en generar contenido en lugar del formato
- 💾 Portabilidad, se puede convertir en varios formatos
- 👀 Lo que ves es lo que quieres decir
Cabeceras
Los encabezados en markdown se producen colocando un número determinado de almohadillas # antes del texto correspondiente al nivel de encabezamiento deseado (HTML ofrece hasta seis niveles). Los encabezamientos posibles se pueden ver en la siguiente tabla:
| Tecleas | Resultado |
|---|---|
# Esto es un <h1> en html |
Esto es un <h1> en html |
## Esto es un <h2> en html |
Esto es un <h2> en html |
### Esto es un <h3> en html |
Esto es un <h3> en html |
#### Esto es un <h4> en html |
Esto es un <h4> en html |
##### Esto es un <h5> en html |
Esto es un <h5> en html |
###### Esto es un <h6> en html |
Esto es un <h6> en html |
Markdown también nos permite encerrar cada encabezado entre almohadillas, pero con el único fin de esto es un motivo estético porque no es necesario en absoluto, es decir, que podemos hacer lo siguiente:
| Tecleas | Resultado |
|---|---|
### Esto es un <h3> en html ### |
Esto es un <h3> en html |
Para los encabezamientos de los dos primeros niveles existe también otra manera de hacer lo mismo seria lo siguiente:
| Tecleas | Resultado |
|---|---|
Esto es un <h1> en html |
Esto es un <h1> en html |
Esto es un h2 |
Esto es un h2 |
Es decir para los encabezamientos principales se subraya el texto con el signo igual ‘=’. Para los encabezamientos de segundo nivel se utilizan guiones ‘-’ para subrayar. Es indiferente el número de signos iguales o guiones que se empleen, con uno es suficiente.
Enlaces
Markdown admite dos maneras de crear enlaces en línea y por referencia.
Ejemplo enlaces en línea:
| Tecleas | Resultado |
|---|---|
[Con título](https://<url>.com "título") |
Con título |
[Sin titulo](https://<url>.com) |
Sin título |
Ejemplo enlaces por referencia:
| Tecleas | Resultado |
|---|---|
[Enlace 1][1], [Enlace 2][2], |
Enlace1, Enlace2, Enlace3 |
Podemos embeber una imagén dentro un enlace de la siguiente manera:
| Tecleas | Resultado |
|---|---|
[](https://github.com) |
|
Existe una manera adicional de crear enlaces automáticos para direcciones URL, simplemente encerrarla entre los caracteres ‘<’ y ‘>’:
| Tecleas | Resultado |
|---|---|
<http://google.com> |
http://google.com |
Consideración: Markdown no tiene la opción de publicar links que se abran en una nueva pestaña del navegador como en HTML con el atributo
target='_blank'.
Párrafos
Para crear párrafos se deja una línea en blanco. De este mondo:
| Tecleas | Resultado |
|---|---|
Este es el primer párrafo |
Este es el primer párrafo Este es el segundo párrafo |
Para crear un salto de línea dentro de un parráfo, simplemente se dejan dos espacios al final de la última palabra de esa línea, de este modo:
| Tecleas | Resultado |
|---|---|
Esta es la primera línea |
Esta es la primera línea |
Formato
El formato básico del texto, es decir negritas y cursivas, tachado, markdown no tiene para subrayar texto. Se pueden realizar de varias maneras:
| Tecleas | Resultado |
|---|---|
**Esto es negrita** |
Esto es negrita |
__Esto también es negrita__ |
Esto también es negrita |
*Esto es cursiva* |
Esto es cursiva |
_Esto también es cursiva_ |
Esto también es cursiva |
***Esto es negrita y cursiva*** |
Esto es negrita y cursiva |
___Esto también es negrita y cursiva___ |
Esto también es negrita y cursiva |
~~Esto es tachado~~ |
|
Se pueden emplear indistintamente tanto el asterisco * como el guión bajo _ siempre y cuando no se mezclen y lo que determina el formato es el número de ellos antes y después del bloque de texto a formatear. Uno es cursiva, dos es negrita, y tres ambas, así de sencillo.
Citas
Para crear bloques de cita, se emplea el carácter mayor que > antes del bloque de texto. En la siguiente tabla se pueden ver las opciones para crearlos:
| Tecleas | Resultado |
|---|---|
Esto es una línea normal |
Esto de una línea normal
|
>Esto es parte de un bloque de cita. |
La Línea en blanco finaliza el bloque |
Esto es una línea normal |
Esto es una línea normal
|
Listas
Markdown permite crear dos tipos de listas, ordenadas y desordenadas, es decir numeradas o listas de puntos. Para distinguir los tipos y como se crean, nada mejor que verlo con ejemplos:
| Tecleas | Resultado |
|---|---|
Lista numerada (ordenada) |
Lista numerada (ordenada)
|
Lista de puntos (desordenada) |
Lista de puntos (desordenada)
|
Se pueden emplear también + y - |
Se pueden emplear también + y - en vez *
|
Se pueden mezclar distintos tipos |
Se pueden mezclar distintos tipos de listas y anidar unas dentro de otras.
|
Listas de definiciones
Se pueden crear listas de definiciones, que están compuestas del término y la lista de definiciones del mismo, como si fuera un diccionario. Su creación es muy simple:
| Tecleas | Resultado |
|---|---|
Primer término |
Primer término Segundo término |
Se pueden aplicar más de una |
Se pueden aplicar más de una definición a un término Primer término Segundo término |
Se pueden aplicar más de un |
Se pueden aplicar más de un término a una definición Primer término Tercer término |
Una definición puede contar de |
Una definición puede contar de varios párrafos. Primer término |
Consideración: En la primera línea escribimos el término y en la siguiente dejamos un espacio en blanco e ingresamos el carácter
:y la definición de cuyo término precedido de un espacio en blanco.
Imágenes
La manera de enlazar imágenes es básicamente la misma de crear enlaces, con una única diferencia de que se añade el carácter de exclamación ! al principio de la pareja de corchetes que definen el nombre del enlace.
| Tecleas | Resultado |
|---|---|
 |
|
 |
|
![Imagen 1][1] ![Imagen 2][2] |
|
Tablas
Crear tablas es sumamente sencillo, simplemente debemos indicar cuales son los elementos de la cabecera y separar los campos con el símbolo.
Ejemplos:
| Tecleas | Resultado | ||||||
|---|---|---|---|---|---|---|---|
Cabecera A | Cabecera B |
|
Si prefiere, por estética, se pueden alinear las columnas e incluso comenzar y finalizar las filas con el símbolo |, pero no es necesario
| Tecleas | Resultado | ||||||
|---|---|---|---|---|---|---|---|
| Cabecera A | Cabecera B | |
|
Se puede especificar la alineación de cada columna mediante la adición de dos puntos ‘:’ a las líneas de separación:
- ’
:’ a la izquierda de la línea de separación - hará que la columna esté alineada a la izquierda
- ’
:’ a la derecha de la línea de separación - hará que la columna esté alineada a la derecha
- ’
:’ en ambos lados - significa que la columna se alinea al centro
| Tecleas | Resultado | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
|
Código
Se pueden crear bloques de código para albergar extractos de código fuente de un lenguaje de programación o para reproducir literalmente cualquier tipo de texto que sea interpretado por markdown. Lo único necesario es que cada línea de este bloque empiece por al menos 4 espacios o 1 tabulado.
De todos modos, es mucho más recomendable para estas tareas emplear el resaltado de código que se puede ver en esta sección.
Ejemplo:
| Tecleas | Resultado |
|---|---|
Esto es un parráfo normal |
Esto es un parráfo normal |
Esto es un extracto de código. |
Esto es un extracto de código.
|
Existe otro modo de crear un bloque de código, encerrándolo entre dos líneas formadas por tres o más caracteres tilde ~ o `.
| Tecleas | Obtienes |
|---|---|
Esto es un parráfo normal |
Esto es un parráfo normal |
~~~ |
Esto es un parráfo de código.
|
Por último existe una opción para resaltar pequeños trozos de código dentro de parráfos de texto normal.
Para lograr esto debemos encerrar el código entre dos acentos graves (`). Por ejemplo:
| Tecleas | Obtienes |
|---|---|
Esto es un parráfo normal, con un |
Esto es un parráfo normal, con un trozo de código, |
Líneas Horizontales
Para crear líneas horizontales se debe crear una línea rodeaba de líneas en blanco y compuesta por 3 o más símbolos, que pueden ser guiones, asteriscos o guiones bajos. Pueden crearse espacios entre caracteres si así se desea por estética.
| Tecleas | Resultado |
|---|---|
*** |
|
- - - |
|
___ |
|
Escapar caracteres
¿Que ocurre cuando queremos mostrar un carácter que markdown emplea para el marcado? Es posible que dependiendo de donde y como se emplee esté símbolo, sea interpretado por markdown y alterará el formato del texto. En este caso lo que se necesita es escapar el carácter con el símbolo backslash \. En esta tabla se muestran los símbolos que pueden ser escapados por markdown.
| Tecleas | Resultado |
|---|---|
\\ \` \* \_ \{\} \[\] \(\) \# \+ \- \. \! \: \|
|
\ ` * _ {} [] () # + - . ! : | |
Notas a pie de página
Las notas de páginas se crean de una manera muy sencilla en Markdown. Cada nota de pie página se compone de dos elementos:
- Un marcador al lado del texto que se convierte en un superíndice.
- Una definición que se puede colocar en una lista de notas al pie al final de documento.
Ejemplo:
| Tecleas | Resultado |
|---|---|
Esto es un texto con nota al pie[^1] |
Esto es un texto con nota al pie 1
|
Las definiciones de la nota al pie se pueden encontrar en cualquier parte del documento, pero las notas siempre se mostrarán en el orden en que están vinculados en el texto. Hay que tener en cuenta que no puede hacer dos enlaces a la misma nota al pie, si se intenta, la referencia de la nota segunda quedará como texto sin formato.
Cada marcador de nota debe tener un nombre distinto. Ese nombre se utiliza para vincular la nota a la que hace referencia a las definiciones de la nota, pero no tiene ningún efecto sobre la numeración de las notas al pie. Los nombres pueden contener cualquier carácter válido que sirva para la identificación de un atributo HTML (es decir, que cumpla con la expresión regular [A-Za-z][-A-Za-z0-9_:.]*), no tienen porque ser necesariamente números. Ejemplo:
| Tecleas | Resultado |
|---|---|
Esto es un texto con nota al pie |
Abreviaturas
Para crear abreviaturas HTML lo único necesario es crear una lista de ellas (normalmente al final del texto) y en cualquier lugar del texto que aparezca la abreviatura se aplicará automáticamente. Las listas de abreviaturas se crean como las listas de enlaces, pero precedidas por un asterisco.
| Tecleas | Resultado |
|---|---|
La especificación HTML es mantenida por el |
La especificación HTML es mantenida por el W3C. |
Las abreviaturas son sensibles a mayúsculas, por lo que hay que tenerlo en cuenta. Se pueden crear abreviaturas de más de una palabra.
Identificadores de Cabecera
Los identificadores de cabecera nos permiten establecer un identificador a las cabeceras para luego poder enlazarlas en cualquier otro lugar del texto.
| Tecleas | Resultado |
|---|---|
### Esto es una cabecera con un Id |
Esto es una cabecera con Id |
En Markdown todas las cabeceras llevan por defecto asociado un Id que depende del texto de la misma, aunque siempre prevalece la que nosotros establezcamos.
Casillas de verificación
Puede crear una lista de casillas de verificación usando la siguiente sintaxis.
Ejemplo:
| Tecleas | Obtienes |
|---|---|
### Sistema solar exploración, 1950s - 1960s |
|
Emojis
Esta es la lista completa de emojis y emoticonos disponibles en Markdown junto con sus respectivos shorcodes. Ten en cuenta que los shortcodes pueden variar entre diferentes aplicaciones. Por ello a continuación de deja el sabor a github o si esta visualizando este documento en formato pdf puede verse distinto.
Personas
 :bowtie:
|
 :smile:
|
|---|---|
 :laughing:
|
 :blush:
|
 :smiley:
|
 :relaxed:
|
 :smirk:
|
 :heart_eyes:
|
 :kissing_heart:
|
 :kissing_closed_eyes:
|
 :flushed:
|
 :relieved:
|
:satisfied:
|
 :grin:
|
 :wink:
|
 :stuck_out_tongue_winking_eye:
|
 :stuck_out_tongue_closed_eyes:
|
 :grinning:
|
 :kissing:
|
 :kissing_smiling_eyes:
|
 :stuck_out_tongue:
|
 :sleeping:
|
 :worried:
|
 :frowning:
|
 :anguished:
|
 :open_mouth:
|
 :grimacing:
|
 :confused:
|
 :hushed:
|
 :expressionless:
|
 :unamused:
|
 :sweat_smile:
|
 :sweat:
|
 :disappointed_relieved:
|
 :weary:
|
 :pensive:
|
 :disappointed:
|
 :confounded:
|
 :fearful:
|
 :cold_sweat:
|
 :persevere:
|
 :cry:
|
 :sob:
|
 :joy:
|
 :astonished:
|
 :scream:
|
 :neckbeard:
|
 :tired_face:
|
 :angry:
|
 :rage:
|
 :triumph:
|
 :sleepy:
|
 :yum:
|
 :mask:
|
 :sunglasses:
|
 :dizzy_face:
|
 :imp:
|
 :smiling_imp:
|
 :neutral_face:
|
 :no_mouth:
|
 :innocent:
|
 :alien:
|
 :yellow_heart:
|
 :blue_heart:
|
 :purple_heart:
|
 :heart:
|
 :green_heart:
|
 :broken_heart:
|
 :heartbeat:
|
 :heartpulse:
|
 :two_hearts:
|
 :revolving_hearts:
|
 :cupid:
|
 :sparkling_heart:
|
 :sparkles:
|
 :star:
|
 :star2:
|
 :dizzy:
|
 :boom:
|
:collision:
|
 :anger:
|
 :exclamation:
|
 :question:
|
 :grey_exclamation:
|
 :grey_question:
|
 :zzz:
|
 :dash:
|
 :sweat_drops:
|
 :notes:
|
 :musical_note:
|
 :fire:
|
 :hankey:
|
:poop:
|
:shit:
|
 :+1:
|
:thumbsup:
|
 :-1:
|
:thumbsdown:
|
 :ok_hand:
|
 :punch:
|
:facepunch:
|
 :fist:
|
 :v:
|
 :wave:
|
 :hand:
|
:raised_hand:
|
 :open_hands:
|
 :point_up:
|
 :point_down:
|
 :point_left:
|
 :point_right:
|
 :raised_hands:
|
 :pray:
|
 :point_up_2:
|
 :clap:
|
 :muscle:
|
 :metal:
|
 :fu:
|
 :walking:
|
 :runner:
|
:running:
|
 :couple:
|
 :family:
|
 :two_men_holding_hands:
|
 :two_women_holding_hands:
|
 :dancer:
|
 :dancers:
|
 :ok_woman:
|
 :no_good:
|
 :information_desk_person:
|
 :raising_hand:
|
 :bride_with_veil:
|
 :person_with_pouting_face:
|
 :person_frowning:
|
 :bow:
|
:couplekiss: :couplekiss:
|
 :couple_with_heart:
|
 :massage:
|
 :haircut:
|
 :nail_care:
|
 :boy:
|
 :girl:
|
 :woman:
|
 :man:
|
 :baby:
|
 :older_woman:
|
 :older_man:
|
 :person_with_blond_hair:
|
 :man_with_gua_pi_mao:
|
 :man_with_turban:
|
 :construction_worker:
|
 :cop:
|
 :angel:
|
 :princess:
|
 :smiley_cat:
|
 :smile_cat:
|
 :heart_eyes_cat:
|
 :kissing_cat:
|
 :smirk_cat:
|
 :scream_cat:
|
 :crying_cat_face:
|
 :joy_cat:
|
 :pouting_cat:
|
 :japanese_ogre:
|
 :japanese_goblin:
|
 :see_no_evil:
|
 :hear_no_evil:
|
 :speak_no_evil:
|
 :guardsman:
|
 :skull:
|
 :feet:
|
 :lips:
|
 :kiss:
|
 :droplet:
|
 :ear:
|
 :eyes:
|
 :nose:
|
 :tongue:
|
 :love_letter:
|
 :bust_in_silhouette:
|
 :busts_in_silhouette:
|
 :speech_balloon:
|
 :thought_balloon:
|
 :feelsgood:
|
 :finnadie:
|
 :goberserk:
|
 :godmode:
|
 :hurtrealbad:
|
 :rage1:
|
 :rage2:
|
 :rage3:
|
 :rage4:
|
 :suspect:
|
 :trollface:
|
Naturaleza
 :sunny:
|
 :umbrella:
|
|---|---|
 :cloud:
|
 :snowflake:
|
 :snowman:
|
 :zap:
|
 :cyclone:
|
 :foggy:
|
 :ocean:
|
 :cat:
|
 :dog:
|
 :mouse:
|
 :hamster:
|
 :rabbit:
|
 :wolf:
|
 :frog:
|
 :tiger:
|
 :koala:
|
 :bear:
|
 :pig:
|
 :pig_nose:
|
 :cow:
|
 :boar:
|
 :monkey_face:
|
 :monkey:
|
 :horse:
|
 :racehorse:
|
 :camel:
|
 :sheep:
|
 :elephant:
|
 :panda_face:
|
 :snake:
|
 :bird:
|
 :baby_chick:
|
 :hatched_chick:
|
 :hatching_chick:
|
 :chicken:
|
 :penguin:
|
 :turtle:
|
 :bug:
|
 :honeybee:
|
 :ant:
|
 :beetle:
|
 :snail:
|
 :octopus:
|
 :tropical_fish:
|
 :fish:
|
 :whale:
|
 :whale2:
|
 :dolphin:
|
 :cow2:
|
 :ram:
|
 :rat:
|
 :water_buffalo:
|
 :tiger2:
|
 :rabbit2:
|
 :dragon:
|
 :goat:
|
 :rooster:
|
 :dog2:
|
 :pig2:
|
 :mouse2:
|
 :ox:
|
 :dragon_face:
|
 :blowfish:
|
 :crocodile:
|
 :dromedary_camel:
|
 :leopard:
|
 :cat2:
|
 :poodle:
|
:paw_prints:
|
 :bouquet:
|
 :cherry_blossom:
|
 :tulip:
|
 :four_leaf_clover:
|
 :rose:
|
 :sunflower:
|
 :hibiscus:
|
 :maple_leaf:
|
 :leaves:
|
 :fallen_leaf:
|
 :herb:
|
 :mushroom:
|
 :cactus:
|
 :palm_tree:
|
 :evergreen_tree:
|
 :deciduous_tree:
|
 :chestnut:
|
 :seedling:
|
 :blossom:
|
 :ear_of_rice:
|
 :shell:
|
 :globe_with_meridians:
|
 :sun_with_face:
|
 :full_moon_with_face:
|
 :new_moon_with_face:
|
 :new_moon:
|
 :waxing_crescent_moon:
|
 :first_quarter_moon:
|
 :waxing_gibbous_moon:
|
 :full_moon:
|
 :waning_gibbous_moon:
|
 :last_quarter_moon:
|
 :waning_crescent_moon:
|
 :last_quarter_moon_with_face:
|
 :first_quarter_moon_with_face:
|
:moon:
|
 :earth_africa:
|
 :earth_americas:
|
 :earth_asia:
|
 :volcano:
|
 :milky_way:
|
 :partly_sunny:
|
 :octocat:
|
 :squirrel:
|
Objectos
 :bamboo:
|
 :gift_heart:
|
|---|---|
 :dolls:
|
 :school_satchel:
|
 :mortar_board:
|
 :flags:
|
 :fireworks:
|
 :sparkler:
|
 :wind_chime:
|
 :rice_scene:
|
 :jack_o_lantern:
|
 :ghost:
|
 :santa:
|
 :christmas_tree:
|
 :gift:
|
 :bell:
|
 :no_bell:
|
 :tanabata_tree:
|
 :tada:
|
 :confetti_ball:
|
 :balloon:
|
 :crystal_ball:
|
 :cd:
|
 :dvd:
|
 :floppy_disk:
|
 :camera:
|
 :video_camera:
|
 :movie_camera:
|
 :computer:
|
 :tv:
|
 :iphone:
|
 :phone:
|
:telephone:
|
 :telephone_receiver:
|
 :pager:
|
 :fax:
|
 :minidisc:
|
 :vhs:
|
 :sound:
|
 :speaker:
|
 :mute:
|
 :loudspeaker:
|
 :mega:
|
 :hourglass:
|
 :hourglass_flowing_sand:
|
 :alarm_clock:
|
 :watch:
|
 :radio:
|
 :satellite:
|
 :loop:
|
 :mag:
|
 :mag_right:
|
 :unlock:
|
 :lock:
|
 :lock_with_ink_pen:
|
 :closed_lock_with_key:
|
 :key:
|
 :bulb:
|
 :flashlight:
|
 :high_brightness:
|
 :low_brightness:
|
 :electric_plug:
|
 :battery:
|
 :calling:
|
 :email:
|
 :mailbox:
|
 :postbox:
|
 :bath:
|
 :bathtub:
|
 :shower:
|
 :toilet:
|
 :wrench:
|
 :nut_and_bolt:
|
 :hammer:
|
 :seat:
|
 :moneybag:
|
 :yen:
|
 :dollar:
|
 :pound:
|
 :euro:
|
 :credit_card:
|
 :money_with_wings:
|
 :e-mail:
|
 :inbox_tray:
|
 :outbox_tray:
|
:envelope:
|
 :incoming_envelope:
|
 :postal_horn:
|
 :mailbox_closed:
|
 :mailbox_with_mail:
|
 :mailbox_with_no_mail:
|
 :door:
|
 :smoking:
|
 :bomb:
|
 :gun:
|
 :hocho:
|
 :pill:
|
 :syringe:
|
 :page_facing_up:
|
 :page_with_curl:
|
 :bookmark_tabs:
|
 :bar_chart:
|
 :chart_with_upwards_trend:
|
 :chart_with_downwards_trend:
|
 :scroll:
|
 :clipboard:
|
 :calendar:
|
 :date:
|
 :card_index:
|
 :file_folder:
|
 :open_file_folder:
|
 :scissors:
|
 :pushpin:
|
 :paperclip:
|
 :black_nib:
|
 :pencil2:
|
 :straight_ruler:
|
 :triangular_ruler:
|
 :closed_book:
|
 :green_book:
|
 :blue_book:
|
 :orange_book:
|
 :notebook:
|
 :notebook_with_decorative_cover:
|
 :ledger:
|
 :books:
|
 :bookmark:
|
 :name_badge:
|
 :microscope:
|
 :telescope:
|
 :newspaper:
|
 :football:
|
 :basketball:
|
 :soccer:
|
 :baseball:
|
 :tennis:
|
 :8ball:
|
 :rugby_football:
|
 :bowling:
|
 :golf:
|
 :mountain_bicyclist:
|
 :bicyclist:
|
 :horse_racing:
|
 :snowboarder:
|
 :swimmer:
|
 :surfer:
|
 :ski:
|
 :spades:
|
 :hearts:
|
 :clubs:
|
 :diamonds:
|
 :gem:
|
 :ring:
|
 :trophy:
|
 :musical_score:
|
 :musical_keyboard:
|
 :violin:
|
 :space_invader:
|
 :video_game:
|
 :black_joker:
|
 :flower_playing_cards:
|
 :game_die:
|
 :dart:
|
 :mahjong:
|
 :clapper:
|
 :memo:
|
:pencil:
|
 :book:
|
 :art:
|
 :microphone:
|
 :headphones:
|
 :trumpet:
|
 :saxophone:
|
 :guitar:
|
 :shoe:
|
 :sandal:
|
 :high_heel:
|
 :lipstick:
|
 :boot:
|
 :shirt:
|
:tshirt:
|
 :necktie:
|
 :womans_clothes:
|
 :dress:
|
 :running_shirt_with_sash:
|
 :jeans:
|
 :kimono:
|
 :bikini:
|
 :ribbon:
|
 :tophat:
|
 :crown:
|
 :womans_hat:
|
:mans_shoe:
|
 :closed_umbrella:
|
 :briefcase:
|
 :handbag:
|
 :pouch:
|
 :purse:
|
 :eyeglasses:
|
 :fishing_pole_and_fish:
|
 :coffee:
|
 :tea:
|
 :sake:
|
 :baby_bottle:
|
 :beer:
|
 :beers:
|
 :cocktail:
|
 :tropical_drink:
|
 :wine_glass:
|
 :fork_and_knife:
|
 :pizza:
|
 :hamburger:
|
 :fries:
|
 :poultry_leg:
|
 :meat_on_bone:
|
 :spaghetti:
|
 :curry:
|
 :fried_shrimp:
|
 :bento:
|
 :sushi:
|
 :fish_cake:
|
 :rice_ball:
|
 :rice_cracker:
|
 :rice:
|
 :ramen:
|
 :stew:
|
 :oden:
|
 :dango:
|
 :egg:
|
 :bread:
|
 :doughnut:
|
 :custard:
|
 :icecream:
|
 :ice_cream:
|
 :shaved_ice:
|
 :birthday:
|
 :cake:
|
 :cookie:
|
 :chocolate_bar:
|
 :candy:
|
 :lollipop:
|
 :honey_pot:
|
 :apple:
|
 :green_apple:
|
 :tangerine:
|
 :lemon:
|
 :cherries:
|
 :grapes:
|
 :watermelon:
|
 :strawberry:
|
 :peach:
|
 :melon:
|
 :banana:
|
 :pear:
|
 :pineapple:
|
 :sweet_potato:
|
 :eggplant:
|
 :tomato:
|
 :corn:
|
Lugares
 :house:
|
 :house_with_garden:
|
|---|---|
 :school:
|
 :office:
|
 :post_office:
|
 :hospital:
|
 :bank:
|
 :convenience_store:
|
 :love_hotel:
|
 :hotel:
|
 :wedding:
|
 :church:
|
 :department_store:
|
 :european_post_office:
|
 :city_sunrise:
|
 :city_sunset:
|
 :japanese_castle:
|
 :european_castle:
|
 :tent:
|
 :factory:
|
 :tokyo_tower:
|
 :japan:
|
 :mount_fuji:
|
 :sunrise_over_mountains:
|
 :sunrise:
|
 :stars:
|
 :statue_of_liberty:
|
 :bridge_at_night:
|
 :carousel_horse:
|
 :rainbow:
|
 :ferris_wheel:
|
 :fountain:
|
 :roller_coaster:
|
 :ship:
|
 :speedboat:
|
 :boat:
|
:sailboat:
|
 :rowboat:
|
 :anchor:
|
 :rocket:
|
 :airplane:
|
 :helicopter:
|
 :steam_locomotive:
|
 :tram:
|
 :mountain_railway:
|
 :bike:
|
 :aerial_tramway:
|
 :suspension_railway:
|
 :mountain_cableway:
|
 :tractor:
|
 :blue_car:
|
 :oncoming_automobile:
|
 :car:
|
:red_car:
|
 :taxi:
|
 :oncoming_taxi:
|
 :articulated_lorry:
|
 :bus:
|
 :oncoming_bus:
|
 :rotating_light:
|
 :police_car:
|
 :oncoming_police_car:
|
 :fire_engine:
|
 :ambulance:
|
 :minibus:
|
 :truck:
|
 :train:
|
 :station:
|
 :train2:
|
 :bullettrain_front:
|
 :bullettrain_side:
|
 :light_rail:
|
 :monorail:
|
 :railway_car:
|
 :trolleybus:
|
 :ticket:
|
 :fuelpump:
|
 :vertical_traffic_light:
|
 :traffic_light:
|
 :warning:
|
 :construction:
|
 :beginner:
|
 :atm:
|
 :slot_machine:
|
 :busstop:
|
 :barber:
|
 :hotsprings:
|
 :checkered_flag:
|
 :crossed_flags:
|
 :izakaya_lantern:
|
 :moyai:
|
 :circus_tent:
|
 :performing_arts:
|
 :round_pushpin:
|
 :triangular_flag_on_post:
|
 :jp:
|
 :kr:
|
 :cn:
|
 :us:
|
 :fr:
|
 :es:
|
 :it:
|
 :ru:
|
 :gb:
|
:uk:
|
 :de:
|
Símbolos
 :one:
|
 :two:
|
|---|---|
 :three:
|
 :four:
|
 :five:
|
 :six:
|
 :seven:
|
 :eight:
|
 :nine:
|
 :keycap_ten:
|
 :1234:
|
 :zero:
|
 :hash:
|
 :symbols:
|
 :arrow_backward:
|
 :arrow_down:
|
 :arrow_forward:
|
 :arrow_left:
|
 :capital_abcd:
|
 :abcd:
|
 :abc:
|
 :arrow_lower_left:
|
 :arrow_lower_right:
|
 :arrow_right:
|
 :arrow_up:
|
 :arrow_upper_left:
|
 :arrow_upper_right:
|
 :arrow_double_down:
|
 :arrow_double_up:
|
 :arrow_down_small:
|
 :arrow_heading_down:
|
 :arrow_heading_up:
|
 :leftwards_arrow_with_hook:
|
 :arrow_right_hook:
|
 :left_right_arrow:
|
 :arrow_up_down:
|
 :arrow_up_small:
|
 :arrows_clockwise:
|
 :arrows_counterclockwise:
|
 :rewind:
|
 :fast_forward:
|
 :information_source:
|
 :ok:
|
 :twisted_rightwards_arrows:
|
 :repeat:
|
 :repeat_one:
|
 :new:
|
 :top:
|
 :up:
|
 :cool:
|
 :free:
|
 :ng:
|
 :cinema:
|
 :koko:
|
 :signal_strength:
|
 :u5272:
|
 :u5408:
|
 :u55b6:
|
 :u6307:
|
 :u6708:
|
 :u6709:
|
 :u6e80:
|
 :u7121:
|
 :u7533:
|
 :u7a7a:
|
 :u7981:
|
 :sa:
|
 :restroom:
|
 :mens:
|
 :womens:
|
 :baby_symbol:
|
 :no_smoking:
|
 :parking:
|
 :wheelchair:
|
 :metro:
|
 :baggage_claim:
|
 :accept:
|
 :wc:
|
 :potable_water:
|
 :put_litter_in_its_place:
|
 :secret:
|
 :congratulations:
|
 :m:
|
 :passport_control:
|
 :left_luggage:
|
 :customs:
|
 :ideograph_advantage:
|
 :cl:
|
 :sos:
|
 :id:
|
 :no_entry_sign:
|
 :underage:
|
 :no_mobile_phones:
|
 :do_not_litter:
|
 :non-potable_water:
|
 :no_bicycles:
|
 :no_pedestrians:
|
 :children_crossing:
|
 :no_entry:
|
 :eight_spoked_asterisk:
|
 :eight_pointed_black_star:
|
 :heart_decoration:
|
 :vs:
|
 :vibration_mode:
|
 :mobile_phone_off:
|
 :chart:
|
 :currency_exchange:
|
 :aries:
|
 :taurus:
|
 :gemini:
|
 :cancer:
|
 :leo:
|
 :virgo:
|
 :libra:
|
 :scorpius:
|
 :sagittarius:
|
 :capricorn:
|
 :aquarius:
|
 :pisces:
|
 :ophiuchus:
|
 :six_pointed_star:
|
 :negative_squared_cross_mark:
|
 :a:
|
 :b:
|
 :ab:
|
 :o2:
|
 :diamond_shape_with_a_dot_inside:
|
 :recycle:
|
 :end:
|
 :on:
|
 :soon:
|
 :clock1:
|
 :clock130:
|
 :clock10:
|
 :clock1030:
|
 :clock11:
|
 :clock1130:
|
 :clock12:
|
 :clock1230:
|
 :clock2:
|
 :clock230:
|
 :clock3:
|
 :clock330:
|
 :clock4:
|
 :clock430:
|
 :clock5:
|
 :clock530:
|
 :clock6:
|
 :clock630:
|
 :clock7:
|
 :clock730:
|
 :clock8:
|
 :clock830:
|
 :clock9:
|
 :clock930:
|
 :heavy_dollar_sign:
|
 :copyright:
|
 :registered:
|
 :tm:
|
 :x:
|
:heavy_exclamation_mark:
|
 :bangbang:
|
 :interrobang:
|
 :o:
|
 :heavy_multiplication_x:
|
 :heavy_plus_sign:
|
 :heavy_minus_sign:
|
 :heavy_division_sign:
|
 :white_flower:
|
 :100:
|
 :heavy_check_mark:
|
 :ballot_box_with_check:
|
 :radio_button:
|
 :link:
|
 :curly_loop:
|
 :wavy_dash:
|
 :part_alternation_mark:
|
 :trident:
|
:black_square: :black_square:
|
:white_square: :white_square:
|
 :white_check_mark:
|
 :black_square_button:
|
 :white_square_button:
|
 :black_circle:
|
 :white_circle:
|
 :red_circle:
|
 :large_blue_circle:
|
 :large_blue_diamond:
|
 :large_orange_diamond:
|
 :small_blue_diamond:
|
 :small_orange_diamond:
|
 :small_red_triangle:
|
 :small_red_triangle_down:
|
:shipit:
|
Usar emoji en tablas
A continuación te dejo un ejemplo de como podemos usar emojis dentro de una tabla:
| Tecleas | Obtienes |
|---|---|
Function | MySQL | PostgreSQL |
|
Pygments: Resaltado de Sintaxis para Código Fuente
Para introducir ejemplos de código fuente en el sitio, habilitar el resaltado (o coloreado) de sintaxis mejora la presentación y legibilidad de los mismos. Existen diversos motores que nos permiten realizar esta función y Pygments es uno de los mejores. Está realizado en Python.
Resaltar código con markdown y Pygments es realmente sencillo, solamente hay que hacer lo mismo que haríamos con markdown, pero añadiendo un lexer de Pygments en la primera línea. Un lexer es un indentificador del lenguaje que queremos resaltar para que el coloreado se haga correctamente. Los lexer se construyen empleando 2 caracteres ‘~’ seguidos del nombre del lexer, por ejemplo, ‘~~~python’ sería el lexer empleado para identificar un fragmento de código en lenguaje Python o en su lugar puede emplear también el acento grave (`).
Lo podemos ver mejor con un ejemplo:
| Tecleas | |
|---|---|
```python |
import lifetine |
A continuación muestro una relación de los lexers más comunes empleados para el resaltado de código fuente.
apache - configuración Apache
<VirtualHost *:80>
DocumentRoot /www/example1
ServerName www.example1.com
# Other directives here
</VirtualHost>
bash y console - Bash y Shell
#!/bin/bash
echo "Hola mundo"
bat - Archivos Batch DOS/Windows
@echo "Hola mundo"
boo - Boo
print "Hello, world"
c - C
#include <stdio.h>
int main()
{
printf("¡Hola, mundo!\n");
return 0;
}
cpp - C++
#include <iostream.h>
using namespace std;
int main() {
cout << "¡Hola, mundo!" << endl;
return 0;
}
csharp - C#
using System;
class MainClass
{
public static void Main()
{
System.Console.WriteLine("¡Hola, mundo!");
}
}
css - Cascade Style Sheet (CSS)
body {
font: 75% georgia, sans-serif;
color: #555753;
background: #fff;
margin: 0;
padding: 5px;
}
diff ó udiff - Diff
--- /path/to/original ''timestamp''
+++ /path/to/new ''timestamp''
@@ -1,3 +1,9 @@
+This is an important
+notice! It should
+therefore be located at
+the beginning of this
+document!
+
This part of the
document has stayed the
same from version to
erlang - Erlang
-module (hola).
-export ([hola_mundo/0]).
hola_mundo() -> io:fwrite("Hola mundo!\n").
go - Go
package main
import "fmt"
func main() {
fmt.Println("Hello World!")
}
haskell - Haskell
holaMundo :: IO ()
holaMundo = putStrLn "Hola mundo!"
html - HTML
<html>
<head>
<title>Hola Mundo</title>
</head>
<body>¡Hola Mundo!
</body>
</html>
java - Java
public class HolaMundo {
public static void main(String[] args) {
System.out.println("¡Hola, mundo!");
}
}
js - javascript
<script type="text/javascript">
document.write("¡Hola, mundo!");
</script>
latex - LaTex
\documentclass[12pt]{article}
\usepackage{lingmacros}
\usepackage{tree-dvips}
\begin{document}
\section*{Notes for My Paper}
cl - Common Lisp
(format t "¡Hola, mundo!")
lua - Lua
print("¡Hola, Mundo!\n")
mysql - MySQL
SELECT '¡Hola Mundo!';
pascal y delphi - Pascal y Delphi
Program HolaMundo;
Begin
Write('¡Hola, Mundo!');
End.
perl - Perl
print "Hola, mundo\n"
php - PHP
<?php print "¡Hola Mundo!"; ?>
python || py || pycon || pytb || python3 || cython - Python
print("¡Hola Mundo!")
ruby - Ruby
puts "Hola Mundo"
scala - Scala
object HelloWorld extends Application{
println("¡Hola Mundo!")
}
scheme - Scheme
(display "¡Hola Mundo!")
smalltalk - Smalltalk
Transcript show: '¡Hola, Mundo!'
sql - SQL
SELECT *
FROM Personas
sqlite3 - sqlite3
sqlite> CREATE TABLE tbl2 (
...> f1 varchar(30) primary key,
...> f2 text,
...> f3 real
...> );
sqlite>
text - Texto simple monoespaciado
Hola mundo
vala - Vala
class Demo.HelloWorld : Glib.Object {
public static int main(string[] args) {
stdout.printf("¡Hola, Mundo!\n");
return 0;
}
}
vbnet - Visual Basic .NET
Private Sub Form_load()
Msgbox "¡Hola, Mundo!"
End Sub
vim - Vim Script
function! ToggleSyntax()
if exists("g:syntax_on")
syntax off
else
syntax enable
endif
endfunction
nmap <silent> ;s :call ToggleSyntax()<CR>
FIN
Sugerencia escribeme:
