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

Este trabajo está bajo una licencia Attribution-NonCommercial-NoDerivatives 4.0 International.

¿Me invitas a un café?

Así sigo escribiendo sin publicidad ni muros de pago.

Comentarios

Todavía no hay ningún comentario.

Sigue leyendo

Visitantes en tiempo real

Estás solo: 🐱