Gemtext o sintaxis de Gemini con sus equivalencias HTML

Read in English

A continuación dejo un Gemtext cheatsheet o resumen de la sintaxis a la hora de construir sitios para el protocolo Gemini. Puedes tomarlo como una guía rápida para personas que conocen HTML y quieren aprender Gemtext.

Si no conoces el protocolo, puedes leer una breve introducción a Gemini.

Avisos importantes

  • Los archivos deben tener una extensión de .gmi y el índice debe llamarse index.gmi.
  • No cortes los párrafos con saltos de línea manuales, el navegador ya se encargará de ajustarlos al ancho de la pantalla. Cada línea se considera un párrafo.
  • Las líneas en blanco se respetan.

Párrafos

Cada línea es un párrafo.

Hola Gemini!

Hipervínculos

Equivalente a <a>. Se inicia con => seguido de la URL y el texto que representará el hipervínculo.

=> dominio.com Texto que representa el hipervínculo

Imágenes

No existe un equivalente a <img>. Sin embargo, todo hipervínculo que apunte a una imagen podrá ser visualizado en línea al ser pulsado. Debes empezar la línea con => seguido de la URL de la imagen y el texto que representará la imagen.

=> imagen.jpg Pulsa para ver

Algunos navegadores muestran la imagen en línea, otros la abren en una página aparte y otros la descargan.

Cabeceras

Igual a trabajar con Markdown.

# Cabecera principal, similar a <h1>

## Sub-cabecera, similar a <h2>

### Sub-subcabecera, similar a <h3>

Listas

Sería equivalente a <ul> con sus <li>. La sintaxis es igual a Markdown.

* Mercury
* Gemini
* Apollo

Cita

Podría ser similar a <q> o <blockquote>, salvo que no poseería saltos de línea. Se inicia con >.

> I contend that text-based websites should not exceed in size the major works of Russian literature.

Preformato

Equivalente a <pre>. Debe estar entre una apertura y cierre de ```. Muy utilizado para realizar ASCII art o para mostrar código.


                                  ++#+%%@%===+
                                *#@@@@@@@@@@%@@@#*
                              #@@@@@@@@@@@@@@@@@@@%#*+
                             +@@@@@@@@@@@@@@@@@@@@@@@%+
                            =#@@@@@@@@@@@@@@@@@@@@@@@@%#
                            +@@@@@@@@@%%%%@@@@@@@@@@@@%%+
                            #@@@**==++====*##%@@@@@@@@%#+
                            =%@*..........:==+**#%@@@@%%+
                            =%@* .  .......:--==+#@@@@##
                             *@*:-::......:--==--*@@@%#+
                              #+++#%#-..-#%%%%%*.-@@%#*+
                              +-.-=++- .=##*%%#+: #*=++-
                               - ....  .-==---==..*===-
                               :       :=+=:::-: :-=::
                               -   ....:===::--....::-
                                : :*%%%%@%*#==- ..-
                                +:%*-:-=##%@%++: .
                                 *%-::-=+*#@@%#-
                                 *%*#%%%%%@@@#- :
                                :-%%%%%%@@@@#--.:
                                 :.=#%@@%%#+++

Y eso es todo. Con estos elementos puedes construir un sitio web en Gemini. Si quieres aprender más, puedes leer la especificación de Gemini.

Sigue leyendo sobre Gemini

Ayúdame a seguir escribiendo

Cada café me da un empujón para escribir el siguiente artículo.

Comentarios

Todavía no hay ningún comentario.

Sigue leyendo