Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Translate guides to spanish #253

Merged
merged 37 commits into from
Jan 14, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
37 commits
Select commit Hold shift + click to select a range
2299c1b
Translate main page to spanish
BernatBC Jan 13, 2024
21f7b57
Translate main page to spanish
BernatBC Jan 13, 2024
a7a6e46
Translate Quick Start to spanish
BernatBC Jan 13, 2024
0d552c8
Translate Features to spanish
BernatBC Jan 13, 2024
ff4782c
Translate Deploy to Github Pages to spanish
BernatBC Jan 13, 2024
b0a27cd
Translate Deploy to Netlify to spanish
BernatBC Jan 13, 2024
1694083
Translate Prepare your Site to spanish
BernatBC Jan 13, 2024
c7a9ec7
Translate Automate Theme Updates to spanish
BernatBC Jan 13, 2024
8549e39
Merge branch 'hugo-toha:main' into main
BernatBC Jan 13, 2024
5456418
Translate External Link to spanish
BernatBC Jan 13, 2024
c91e490
Translate Site Parameters to spanish
BernatBC Jan 13, 2024
cd7bf69
Translate Configure About in spanish
BernatBC Jan 14, 2024
b7aa5ad
Translate Configure Achievements in spanish
BernatBC Jan 14, 2024
dcc7256
Translate Configuring Education in spanish
BernatBC Jan 14, 2024
f88355b
Translate Configure Experiences in spanish
BernatBC Jan 14, 2024
68dbaf1
Translate Configure Projects in spanish
BernatBC Jan 14, 2024
99f421f
Translate Configure Recent Posts in spanish
BernatBC Jan 14, 2024
cc44294
Translate Configure Skills in spanish
BernatBC Jan 14, 2024
b20d238
Translate Traduction to spanish
BernatBC Jan 14, 2024
b0adc8c
Translate Shortcodes to spanish
BernatBC Jan 14, 2024
5087861
Translate Support Links to spanish
BernatBC Jan 14, 2024
3723c14
Translate Analytics to spanish
BernatBC Jan 14, 2024
678f51e
Translate Comments to spanish
BernatBC Jan 14, 2024
59a4344
Translate Markdown Syntax to spanish
BernatBC Jan 14, 2024
9ee2c70
Translate Math to spanish
BernatBC Jan 14, 2024
4f22862
Translate Mermaid to spanish
BernatBC Jan 14, 2024
db05c6a
Translate Organizing to spanish
BernatBC Jan 14, 2024
de038d0
Translate Rich Content to spanish
BernatBC Jan 14, 2024
fc5923c
Translate Emoji to spanish
BernatBC Jan 14, 2024
d7c384d
Merge branch 'hugo-toha:main' into main
BernatBC Jan 14, 2024
17619dd
Translate Migration V3 to V4 to spanish
BernatBC Jan 14, 2024
5513141
Translate Customizing CSS to spanish
BernatBC Jan 14, 2024
aba7ce3
Translate Customizing Layouts to spanish
BernatBC Jan 14, 2024
6cdd053
Translate Enable Dark Theme to spanish
BernatBC Jan 14, 2024
7e218a0
Translate New Section to spanish
BernatBC Jan 14, 2024
65a7795
Remove forgotten english lines and fix typos in spanish guides
BernatBC Jan 14, 2024
e3d3fc9
Change author in translated posts to spanish
BernatBC Jan 14, 2024
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added assets/images/author/bernatbc.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion assets/jsconfig.json
Original file line number Diff line number Diff line change
Expand Up @@ -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/*"
]
}
}
Expand Down
3 changes: 3 additions & 0 deletions config.yaml
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
3 changes: 3 additions & 0 deletions content/posts/_index.es.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
---
title: Publicaciones
---
97 changes: 97 additions & 0 deletions content/posts/analytics/index.es.md
Original file line number Diff line number Diff line change
@@ -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
```
90 changes: 90 additions & 0 deletions content/posts/comments/index.es.md
Original file line number Diff line number Diff line change
@@ -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
```
8 changes: 8 additions & 0 deletions content/posts/configuration/_index.es.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
---
title: Configuración
menu:
sidebar:
name: Configuración
identifier: configuration
weight: 100
---
9 changes: 9 additions & 0 deletions content/posts/configuration/sections/_index.es.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
---
title: Secciones
menu:
sidebar:
name: Secciones
identifier: sections
parent: configuration
weight: 110
---
158 changes: 158 additions & 0 deletions content/posts/configuration/sections/about/index.es.md
Original file line number Diff line number Diff line change
@@ -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" >}}
Loading
Loading