Tutorial para escritorxs

En esta guía hablaremos acerca de cómo funciona el sistema de escritura del software que utilizamos (WriteFreely), con el objetivo de facilitar su aprendizaje.

Además, se incluyen algunas herramientas libres recomendadas para insertar contenido externo (imágenes, videos, etc), las que permiten cuidar de la privacidad de sxs usuarixs.

Adaptación del tutorial en inglés y otros recursos.


I. Agregar un título

Añade un título a tu publicación, utilizando el símbolo “#” , un espacio y luego el título. Reemplazará el título por defecto (fecha de publicación) y aparecerá como un encabezado grande.

# Título de mi post

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut viverra, nibh id mollis rutrum, lectus dolor tempus eros, ut consectetur ante elit sit amet sapien. Aliquam erat volutpat. Ut viverra metus diam, at congue nibh ultrices ac. Donec euismod erat turpis, quis gravida metus blandit et.

Título de mi post

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut viverra, nibh id mollis rutrum, lectus dolor tempus eros, ut consectetur ante elit sit amet sapien. Aliquam erat volutpat. Ut viverra metus diam, at congue nibh ultrices ac. Donec euismod erat turpis, quis gravida metus blandit et.


II. Personalizar el formato del texto

Esta plataforma utiliza un tipo especial de sintaxis llamada “Markdown”, la cual utiliza caracteres especiales para dar formato al texto. A continuación, se ejemplifican las distintas formas que existen para que puedas personalizar el contenido publicado en tu blog.

Encabezados:

# Este es el encabezado más grande  (título, h1)
## Segundo encabezado (h2)
### Tercer encabezado (h3)
#### Cuarto encabezado (h4)
##### Quinto encabezado (h5)
###### Encabezado más pequeño (h6)

Este es el encabezado más grande (título, h1)

Segundo encabezado (h2)

Tercer encabezado (h3)

Cuarto encabezado (h4)

Quinto encabezado (h5)
Encabezado más pequeño (h6)

Énfasis (estilos de texto):

*Esto es italic*

**Esto es negrita**

***Esto es negrita e italic***

~~Texto tachado~~

**Ejemplo de texto mixto:** Lorem ipsum *dolor sit amet*, consectetur ~~adipiscing elit~~. Ut viverra, nibh id **mollis rutrum**, lectus dolor ***tempus eros***, ut consectetur ante elit sit ~~amet sapien~~. Aliquam erat volutpat. ~~***Ut viverra metus diam***~~, at congue nibh ultrices ac. *Donec* euismod **erat** turpis, quis ***gravida*** metus blandit et.

Esto es italic

Esto es negrita

Esto es negrita e italic

Texto tachado

Ejemplo de texto mixto: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut viverra, nibh id mollis rutrum, lectus dolor tempus eros, ut consectetur ante elit sit amet sapien. Aliquam erat volutpat. Ut viverra metus diam, at congue nibh ultrices ac. Donec euismod erat turpis, quis gravida metus blandit et.


III. Colores

Puedes modificar el color y el fondo del texto de tu blog. Para ello, puedes usar estos tres códigos que se encuentran a continuación:

Color de texto:
<span style="color:red"> ''Texto''' </span>
<span style="color:yellow"> ''Texto''' </span>
<span style="color:blue"> ''Texto''' </span>

Fondo:
<span style="background:red">Texto</span>
<span style="background:yellow">Texto</span>
<span style="background:blue">Texto</span>

Fondo y color de texto:
<span style="color:yellow;background:violet">Texto</span>
<span style="color:black;background:red">Texto</span>
<span style="color:white;background:black">Texto</span>

Color de texto: ''Texto''' ''Texto''' ''Texto'''

Fondo: Texto Texto Texto

Fondo y color de texto: Texto Texto Texto

Puedes reemplazar el color por el que más te guste. Para ver una lista completa de la gama de colores disponibles, haz click aquí.


IV. Listas

Con puntos:

* Hola
* Mari Mari
  * Ciao
  * Goodbye
  * Arrivederci

Numerada:

1. Primero esto
2. Segundo eso
3. Tercero aquello
  1. Primero esto
  2. Segundo eso
  3. Tercero aquello

V. Imágenes, audios y videos

Se mega-recomienda utilizar Software Libre para insertar contenido en tu blog. Mientras más lejos nos encontremos de las GAFAM, más cuidaremos de la privacidad de lxs usuarixs de nuestra plataforma.

Herramienta recomendadas:

Imágenes: Pixelfed

Plataforma alternativa a Instagram. Puedes registrarte en una de las siguientes páginas y subir todas las imágenes que quieras compartir en tu blog.

Pixelfed.de Pixelfed.tokyo Pixel.nogafam.es

Para insertar una imagen (de este sitio u otro), debes hacer click derecho y seleccionar “copiar dirección de imagen”. Una vez hecho eso, el código para insertarla es:

![Cosmic](dirección de la imagen)

Importante: No dejar espacios entre medio.

Ejemplo:

![Cosmic](https://pixelfed.de/storage/m/_v2/289397079279800320/f0dc18d95-4ec9d0/8NMibAzvhiN9/xGazFt18cPXgTCU4fKX7fbARS0pU7lTxwmooDdfF.jpg)

Se verá así:

Cosmic

Audios:

Para insertar un audio, necesitaremos del siguiente código:

<audio controls> <source src="linkdelaudio"</audio>

Ejemplo: 

<audio controls> <source src="https://notyoutube.org/latest_version?id=ZSXV9DPPI4s&itag=140&local=true"</audio>

Se verá así:

Videos:

Invidious Front-end (cliente) de YouTube alternativo, el cual resguarda la privacidad de sus usuarixs.

Notyoutube.org (instancia del proyecto weblibre.org)

Para insertar un video, debes hacer click en “compartir” y/o buscar la opción “embed/insertar”. Encontrarás un link similar a este:

<iframe id='ivplayer' width='640' height='360' src='https://notyoutube.org/embed/ZSXV9DPPI4s' style='border:none;'></iframe>

Después de copiar y pegar el código, se verá así:

PeerTube Plataforma alternativa a YouTube. Puedes registrarte en una de las siguientes páginas y subir todas los videos que quieras compartir en tu blog.

Per.tube Tube.p2p

Para insertar un video, debes hacer click en “compartir” y/o buscar la opción “embed/insertar”. Encontrarás un link similar a este:

<iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups" src="https://pertur.be/videos/embed/d38b8445-fa0a-4cf9-b2f6-ebdfad1b8b9c" frameborder="0" allowfullscreen></iframe>

Después de copiar y pegar el código, se verá así:


VI. Citas

Para citar una frase o un texto, puedes agregar el símbolo “>” como en el ejemplo a continuación:

> Envuélvete en mi cariño,
> deja la vida volar.

Envuélvete en mi cariño, deja la vida volar.


Para agregar un link, puedes copiarlo y pegarlo textualmente, como también, puedes editar su aspecto:

Este es link que quieres ocupar: https://writefreely.org/

[Texto personalizado del link](https://writefreely.org/

Y se verá así:

Texto personalizado del link


Si deseas sugerir alguna modificación o incorporar algún elemento a esta guía, puedes escribir a contacto@dejalavidavolar.org.