Translate guides to spanish (#253)

* Translate main page to spanish

* Translate main page to spanish

* Translate Quick Start to spanish

* Translate Features to spanish

* Translate Deploy to Github Pages to spanish

* Translate Deploy to Netlify to spanish

* Translate Prepare your Site to spanish

* Translate Automate Theme Updates to spanish

* Translate External Link to spanish

* Translate Site Parameters to spanish

* Translate Configure About in spanish

* Translate Configure Achievements in spanish

* Translate Configuring Education in spanish

* Translate Configure Experiences in spanish

* Translate Configure Projects in spanish

* Translate Configure Recent Posts in spanish

* Translate Configure Skills in spanish

* Translate Traduction to spanish

* Translate Shortcodes to spanish

* Translate Support Links to spanish

* Translate Analytics to spanish

* Translate Comments to spanish

* Translate Markdown Syntax to spanish

* Translate Math to spanish

* Translate Mermaid to spanish

* Translate Organizing to spanish

* Translate Rich Content to spanish

* Translate Emoji to spanish

* Translate Migration V3 to V4 to spanish

* Translate Customizing CSS to spanish

* Translate Customizing Layouts to spanish

* Translate Enable Dark Theme to spanish

* Translate New Section to spanish

* Remove forgotten english lines and fix typos in spanish guides

* Change author in translated posts to spanish

assets/jsconfig.json

@@ -3,7 +3,7 @@
   "baseUrl": ".",
   "paths": {
    "*": [
-    "../../../../../.cache/hugo_cache/modules/filecache/modules/pkg/mod/github.com/hugo-toha/toha/[email protected].0/assets/*"
+    "../../../.cache/hugo_cache/modules/filecache/modules/pkg/mod/github.com/hugo-toha/toha/[email protected].1/assets/*"
    ]
   }
  }

config.yaml

@@ -27,6 +27,9 @@ languages:
   bn:
     languageName: বাংলা
     weight: 3
+  es:
+    languageName: Español
+    weight: 4
 
 # Force a locale to be use, really useful to develop the application ! Should be commented in production, the "weight" should rocks.
 # DefaultContentLanguage: bn

content/posts/_index.es.md

@@ -0,0 +1,3 @@
+---
+title: Publicaciones
+---

content/posts/analytics/index.es.md

@@ -0,0 +1,97 @@
+---
+title: "Analíticas"
+date: 2020-06-08T06:00:23+06:00
+description: Añadiendo analíticas del tema de hugo Toha
+author:
+  name: BernatBC
+  image: images/author/bernatbc.png
+menu:
+  sidebar:
+    name: Analíticas
+    identifier: analytics
+    weight: 600
+---
+
+## Analíticas
+
+Este tema tiene soporte para varias herramientas de analíticas. Actualmente, soporta las siguientes analíticas:
+
+- [GoatCounter](https://www.goatcounter.com/)
+- [counter.dev](https://counter.dev/)
+- [Google Analytics](https://analytics.google.com)
+- [Matomo](https://matomo.org/)
+
+Para una lista completa de las analíticas soportadas, puede consultar el archivo de ejemplo [config.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/config.yaml).
+
+{{< alert type="warning" >}}
+Advertencia: Al añadir analíticas, debe considerar la legislación local para ver si se requiere un banner de privacidad para informar a los usuarios sobre el seguimiento de los datos personales. En general (no asesoramiento legal), los métodos anónimos y respetuosos de la privacidad, como [counter.dev](https://counter.dev) y [GoatCounter](https://www.goatcounter.com/), no necesitan un banner, ya que no recopilan datos de identificación personal.
+{{< /alert >}}
+
+### Goat Counter
+
+[GoatCounter](https://www.goatcounter.com/) son las analíticas que soporta Toha más completas, simples y respetuosas con la privacidad. Su script rastrea las páginas más vistas, el número total de usuarios, dispositivos y mucho más, ¡todo mientras es de código abierto!
+
+Para habilitar las analíticas de GoatCounter en tu sitio, tienes dos opciones: acceder a [goatcounter.com](https://www.goatcounter.com) y obtener un código para tu sitio web, y el segundo es self-hostear una instancia de GoatCounter. Después, tienes que añadir la sección `analytics` debajo de la sección `params.features` de tu archivo `config.yaml`, como a continuación:
+
+```yaml
+analytics:
+  enable: true
+  services:
+    # GoatCounter
+    goatCounter:
+      code: <tu código de GoatCounter>  # Sin self-hostear (Primera opción)
+      instance: <your GoatCounter instance url>  ## Para self-hosteat (Segunda opción). Sólo uses un método
+```
+
+### counter.dev
+
+[counter.dev](https://counter.dev) es un sitio web de análisis de código abierto, sencillo y respetuoso con la privacidad que le permite realizar un seguimiento del recuento total de usuarios, la primera página visitada y algunas otras métricas de su sitio web. Desafortunadamente, para simplificar las cosas (y gratis), no muestran una clasificación de las páginas más visitadas, sino de aquellas a las que se accede primero.
+
+Puedes habilitarlo añadiendo el email que te has registrado a la página de counter.dev debajo de la sección `params.features` de tu archivo `config.yaml`, como a continuación:
+
+```yaml
+analytics:
+  enable: true
+  services:
+    counterDev:
+      id: <su id de counter.dev>
+```
+
+El código de seguimiento automáticamente será añadido a tu sitio web.
+
+Nota: En algunos sitios, aparece [an error has been detected](https://github.com/ihucos/counter.dev/issues/37), donde solo el directorio raíz ("/") se pasa a counter.dev, por lo que el seguimiento no mostrará nada en la sección "pages". Para solucionar este problema, se puede añadir `referrerPolicy: no-referrer-when-downgrade` como parámetro en la sección "counterDev", asegurando que las nuevas visitas a la página siempre se pasen correctamente a counter.dev.
+
+### Google Analytics
+
+{{< alert type="danger" >}}
+Tenga en cuenta que, según la [jurisprudencia reciente](https://www.euractiv.com/section/politics/short_news/use-of-google-analytics-violates-eu-law-austrian-authority-rules/), Google Analytics podría ser ilegal en la Unión Europea
+{{< /alert >}}
+
+Puedes habilitar Google Analytics en tu sitio añadiendo tu id de rastreo debajo de la sección `params.features` de tu archivo `config.yaml`, como a continuación:
+
+```yaml
+analytics:
+  enable: true
+  services:
+    # Google Analytics
+    google:
+      id: <tu id de rastreo de Google Analytics>
+```
+
+Puede utilizar el ID de seguimiento tanto V3 como V4. El tema detectará automáticamente la versión de seguimiento, y añadirá los scripts respectivos de acuerdo a tu sitio web.
+
+Para configuraciones de privacidad adicionales de Google Analytics, puedes proveer la sección `privacy.googleAnalytics` dentro del archivo `config.yaml` descrito [aquí](https://gohugo.io/about/hugo-and-gdpr/#all-privacy-settings).
+
+### Matomo
+
+Puedes habilitar Matomo (antes Piwik) en tu sitio añadiendo tu configuración de matomo debajo de la sección `params.features` de tu archivo `config.yaml`, como a continuación:
+
+```yaml
+analytics:
+  enable: true
+  services:
+    # Matomo / Piwik
+    matomo:
+      instance: matomo.example.com
+      siteId: 1 # Número generado después de agregar tu sitio a tu instancia
+```

content/posts/comments/index.es.md

@@ -0,0 +1,90 @@
+---
+title: "Comentarios"
+date: 2022-03-14T06:00:23+06:00
+description: Añadiendo Comentarios en el tema de hugo Toha
+author:
+  name: BernatBC
+  image: images/author/bernatbc.png
+menu:
+  sidebar:
+    name: Comentarios
+    identifier: comments
+    weight: 650
+---
+## Comentarios
+
+Este tema tiene soporte para comentarios en las publicaciones. Actualmente, soporta las siguientes extensiones de comentarios:
+
+- [Disqus](https://disqus.com/)
+- [Valine](https://valine.js.org/)
+- [Utterances](https://utteranc.es/)
+- [Giscus](https://giscus.app/)
+
+Para una lista completa de las extensiones de comentarios soportadas, puede consultar el archivo de ejemplo [config.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/config.yaml).
+
+### Disqus
+
+Disqus es una extensión de comentarios popular. Después de acceder a [Disqus](https://disqus.com/) necesitarás proveer tu shortname debajo de la sección `params.features` de tu archivo `config.yaml`, como a continuación:
+
+```yaml
+comment:
+  enable: true
+  services:
+    disqus:
+      shortName: ejemplo-de-sitio-de-toha
+```
+
+### Valine
+
+[Valine](https://valine.js.org/) resulta ser una extensión de comentarios chino. Puedes habilitar la extensión de comentarios valine añadiendo la sección `valine` debajo de la sección `params.features` de tu archivo `config.yaml`, como a continuación: 
+
+```yaml
+comment:
+  enable: true
+  services:
+    valine:
+      appId: id-de-la-aplicación
+      appKey: clave-de-la-aplicación
+      avatar: retro
+      placeholder: Comparte tu pensamiento.
+      lang: en
+      recordIP: true
+      enableQQ: true
+```
+
+### Utterances
+
+Para habilitar la extensión de comentarios Utterances, necesitarás ir primero a [utteranc.es](https://utteranc.es/). En la sección de `Configuration`, provee la información necesaria. Te dará un script para incluir en tu sitio. Solo necesitarás extraer la información respectiva del script, y proveerla debajo de la sección `params.features` de tu archivo `config.yaml`, como a continuación: 
+
+```yaml
+comment:
+  enable: true
+  services:
+    utteranc:
+      repo: tu-repositorio/nombre
+      issueTerm: title
+      theme: github-light
+```
+
+### Giscus
+
+Giscus está basado en Utterances, pero usa [GitHub Discussions](https://docs.github.com/en/discussions) como backend. Esto requiere tener un repositorio público, y permitir que la aplicación Giscus use tu repositorio. Las instrucciones de configuración se pueden encontrar en [Giscus home page](https://giscus.app/).
+
+Para habilitar la extensión de comentarios Utterances, necesitarás ir primero a [giscus.app](https://giscus.app/). En la sección de `Configuration`, provee la información necesaria. Te dará un script para incluir en tu sitio. Solo necesitarás extraer la información respectiva del script, y proveerla debajo de la sección `params.features` de tu archivo `config.yaml`, como a continuación: 
+
+```yaml
+comment:
+  enable: true
+  services:
+    giscus:
+      repo: tu-repositorio/nombre
+      repoID: ide-de-tu-repositorio
+      category: tu-categoría
+      categoryID: tu-ide-de-categoría
+      theme: light
+      map: url
+      reaction: 1
+      metadata: 0
+      inputPosition: bottom
+      crossOrigin: anonymous
+```

content/posts/configuration/_index.es.md

@@ -0,0 +1,8 @@
+---
+title: Configuración
+menu:
+  sidebar:
+    name: Configuración
+    identifier: configuration
+    weight: 100
+---

content/posts/configuration/sections/_index.es.md

@@ -0,0 +1,9 @@
+---
+title: Secciones
+menu:
+  sidebar:
+    name: Secciones
+    identifier: sections
+    parent: configuration
+    weight: 110
+---

content/posts/configuration/sections/about/index.es.md

@@ -0,0 +1,158 @@
+---
+title: "Configurando la sección Sobre mi"
+date: 2020-06-08T06:20:50+06:00
+author:
+  name: BernatBC
+  image: images/author/bernatbc.png
+menu:
+  sidebar:
+    name: Sección Sobre mi
+    identifier: about-section
+    parent: sections
+    weight: 110
+---
+
+El propósito de la sección `Sobre mi` es proveer una breve introducción sobre ti en tu sitio web. En esta publicación, te guiaré en cómo configurar la sección `Sobre mi`. Para obtener una referencia completa, consulte el archivo de ejemplo [about.yaml](https://github.com/hugo-toha/hugo-toha.github.io/blob/main/data/en/sections/about.yaml).
+
+Para empezar, crea un archivo `about.yaml` dentro del directorio `data/es/sections` de tu sitio web. Después sigue las instrucciones de abajo.
+
+### Añade la información de la sección
+
+```yaml
+section:
+  name: Sobre mi # Título de la sección (predeterminado: "")
+  id: about # id del url de la sección *se requiere*
+  enable: true # Booleano que determina si la sección está activada (predeterminado: false)
+  weight: 1 # Orden de la sección (predeterminado: alfabeticamente seguida del peso)
+  showOnNavbar: true # Booleano que determina si el enlace de esta sección debe aparecer en la barra de navegación
+  template: sections/about.html # Permite apuntar a una plantilla específica
+```
+
+#### Configuración de la plantilla
+
+Tienes la opción de personalizar el "partial" usado para esta sección especificando la propiedad `template.` Simplemente, guarde la nueva plantilla en el directorio `layout/partials`.
+
+### Añade tu información de trabajo
+
+Para incluir detalles sobre tu trabajo actual, puedes añadir la siguiente sección en el archivo `about.yaml`:
+
+```yaml
+# Tu designación
+designation: Ingeniero de Software
+# Información de tu empresa
+company:
+  name: Example Co.
+  url: "https://www.example.com"
+```
+
+### Añade un resumen sobre ti
+
+Para proporcionar una descripción general concisa de su experiencia profesional, añadimos una sección de resumen. Esto les dará a los visitantes una idea rápida de lo que haces. Añade la siguiente sección al archivo `about.yaml`:
+
+```yaml
+# Un resumen sobre ti
+summary: 'Soy un ingeniero de software apsionado con x años de experiencia. He creado herramientas OSS para [Kubernetes](https://kubernetes.io/) utilizando Go. Mis herramientas ayudan a personas a desplegar sus workloads en Kubernetes. A veces trabajo en projectos divertidos como crear un tema, etc.'
+```
+
+Intenta que sea lo más breve posible. No lo hagas demasiado largo. Tenemos otras secciones que brindan más información sobre su experiencia.
+
+>Puedes usar la sintáctica de markdown en el campo `summary`.
+
+### Añade tus links de redes sociales
+
+Para añadir enlaces de tus perfiles de plataformas como LinkedIn, Twitter y Github, incluye esta sección `socialLinks` en tu archivo `about.yaml`.
+
+```yaml
+# tus links de redes sociales
+# da tantos como quieras. Utilitza font-awesome para los iconos.
+socialLinks:
+- name: Email
+  icon: "fas fa-envelope"
+  url: "[email protected]"
+
+- name: Github
+  icon: "fab fa-github"
+  url: "https://www.github.com/example"
+
+- name: Stackoverflow
+  icon: "fab fa-stack-overflow"
+  url: "#"
+
+- name: LinkedIn
+  icon: "fab fa-linkedin"
+  url: "#"
+
+- name: Twitter
+  icon: "fab fa-twitter"
+  url: "#"
+
+- name: Facebook
+  icon: "fab fa-facebook"
+  url: "#"
+```
+
+Puedes usar cualquier icono gratis de [Font Awesome](https://fontawesome.com/icons?d=gallery) en este campo.
+
+### Añade un Currículum
+
+Para añadir un currículum, pon tu archivo PDF dentro del directorio `files` localizado dentro del directorio `static`. Después incluye la siguiente sección en el archivo `about.yaml`:
+
+```yaml
+# tu currículum. Este archivo debe ser relativo a tu directorio "static"
+resourceLinks:
+- title: "Mi Curríulum"
+  url: "files/curriculum.pdf"
+```
+
+### Añade tus competencias sociales
+
+Ahora, vamos a añadir tus competencias sociales y un indicador para diversas habilidades sociales como liderazgo, comunicación, trabajo en equipo, etc. Incluye la siguiente sección dentro del archivo `about.yaml`:
+
+```yaml
+# Muestra tus certificaciones
+# Puedes mostrar tus certificaciones verificables de https://www.credly.com.
+# También puedes mostrar una barra circular indicando el nivel de experiencia en una habilidad determinada
+badges:
+- type: certification
+  name: Especialista Certificado de Seguridad de Kubernetes
+  url: "https://www.credly.com/org/the-linux-foundation/badge/exam-developer-certified-kubernetes-security-specialist"
+  badge: "https://images.credly.com/size/680x680/images/f4bf92ed-8985-40b2-bc07-2f9308780854/kubernetes-security-specialist-logo-examdev.png"
+
+- type: certification
+  name: Istio and IBM Cloud Kubernetes Service
+  url: "https://www.credly.com/org/the-linux-foundation/badge/exam-developer-certified-kubernetes-security-specialist"
+  badge: "https://images.credly.com/size/680x680/images/8d34d489-84bf-4861-a4a0-9e9d68318c5c/Beyond_basics_of_Istio_on_Cloud_v2.png"
+
+- type: certification
+  name: Inteligencia Artificial y Aprendizaje Automático
+  url: "https://www.credly.com/org/grupo-bancolombia/badge/artificial-intelligence-and-machine-learning"
+  badge: "https://images.credly.com/size/680x680/images/e027514f-9d07-4b29-862f-fe21a8aaebf1/ae.png"
+
+
+- name: Liderazgo
+  percentage: 85
+  color: blue
+- name: Trabajo en equipo
+  percentage: 90
+  color: yellow
+- name: Comunicación
+  percentage: 85
+  color: pink
+```
+
+Actualmente, el porcentaje de habilidades debe estar entre 0 y 100 y debe ser divisible por 5. Los siguientes colores están disponibles para el indicador de porcentaje de habilidades,
+
+- blue
+- yellow
+- pink
+- green
+- sky
+- orange
+
+>También puedes usar cualquier código de color HEX en el campo `color`.
+
+{{< vs 2 >}}
+
+La siguiente imagen muestra cómo el contenido de `about.yaml` está distribuido en la sección `Sobre mi`. (La porción de configuración de la imagen está obsoleta y la sección de habilidades sociales han sido reemplazadas por certificaciones)
+
+{{< img src="images/about.png" >}}