Skip to content

Commit

Permalink
Translate Site Parameters to spanish
Browse files Browse the repository at this point in the history
  • Loading branch information
BernatBC committed Jan 13, 2024
1 parent 5456418 commit c91e490
Show file tree
Hide file tree
Showing 3 changed files with 184 additions and 1 deletion.
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
---
175 changes: 175 additions & 0 deletions content/posts/configuration/site-parameters/index.es.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,175 @@
---
title: "Configurando parámetros del sitio web"
date: 2020-06-08T06:20:55+06:00
menu:
sidebar:
name: Parámetros del sitio
identifier: configuration-site-parameters
parent: configuration
weight: 105
---

Después de instalar este tema, cuando ejecutas tu sitio web por primera vez, se iniciará con los parámteros predeterminados. Debería parecerse a este sitio de ejemplo, pero sin secciones en la página de inicio. No te preocupers, puede añadir estas secciones proporcionando los archivos de datos necesarios.

En las próximas publicaciones, le guiaré sobre cómoañadir estas secciones y personalizar tu sitio web. Pero primero, empezaremos cambiando los parámetros del sitio. Puedes modificar el fondo, el logo, la información del autor y habilitar/deshabilitar varias funcionalidades.

Para obtener una lista completa de los parámetros de configuración disponibles, consulte el [sitio de ejemplo](https://github.com/hugo-toha/hugo-toha.github.io/tree/main).

### Añade un Fondo

Para empezar, vamos a establecer un fondo a tu sitio web. Pone la imagen de fondo que desee en el directorio `assets/images`. Después, añade lo siguiente en la sección `params` del archivo `config.yaml`.

```yaml
background: "images/nombre_de_tu_imagen_de_fondo.jpg"
```
### Añade un Logo
Para añadir logos para tu sitio, necesitas dos logos diferentes: uno para la barra de navegación transparente, y otro para la barra de navegación no-transparente. Pone tus logos dentro del directorio `assets/images` y añade las siguientes líneas debajo de la sección `params` del archivo `config.yaml`.

```yaml
# El logo invertido será usado para la barra de navegación transparente.
# El logo principal será usado para la barra de navegación no-transparente.
logo:
main: images/logo-principal.png
inverted: images/logo-invertido.png
favicon: images/favicon.png
```

### Habilita publicaciones de Blog

Para habilitar publicaciones de blog en tu sitio web, necesitarás aplicar unos cambios en el archivo `config.yaml`. Localiza la sección `params.features` y añada el siguiente código.

```yaml
# Habilita y configura publicaciones de Blog
blog:
enable: true
```

### Habilita `Tabla de Contenido`

Ahora, si quiere mostrar la sección `Tabla de Contenido` en tu publicación de blog, tienes que habilitarlo en la sección `params.features` del archivo `config.yaml`.

```yaml
toc:
enable: true
```

También puedes controlar los niveles de tu Tabla de Contenido añadiendo la siguiente configuración en la sección de `markup` de tu archivo `config.yaml`.

```yaml
markup:
tableOfContents:
startLevel: 2
endLevel: 6
ordered: false
```

Aquí, hemos configurado nuestra Tabla de Contenido para mostrar todos los encabezados desde `h2` hasta `h6`.

### Habilita el botón `<Mejorar esta página>`

Si quieres permitir que los lectores mejoren facilmente una publicación haciendo correcciones como faltas de ortografía o identación, puedes habilitar el botón `<Mejorar esta página>`. Para hacerlo, añada su URL del repositorio de git en la sección `params` del archivo `config.yaml`.

```yaml
gitRepo: <URL de tu repositorio de Github del sitio>
```

Esto añadirá un botón con la etiqueta `Mejorar esta página` al final de cada publicación de blog. El botón dirigirá al usuario directamente a la página de edición respectiva en Github.

Si tu rama por defecto no tiene el nombre de `main`, necesitarás especificar tu rama por defecto de git en la sección `params` en el archivo `config.yaml`.

```yaml
gitBranch: <nombre de tu rama por defecto de git>
```

### Habilita Boletin Informativo

Para habilitar la funcionalidad de boletín informativo, necesitarás proveer los parámetros necesarios debajo de la sección `params.footer` en el archivo `config.yaml`. Ahora mismo, el boletin informativo solo es suportado por el proveedor Mailchimp. Aquí hay un ejemplo de como debería ser:

```yaml
newsletter:
enable: true
provider: mailchimp
mailchimpURL: https://github.us1.list-manage.com/subscribe/post?u=19de52a4603135aae97163fd8&amp;id=094a24c76e
```

Para deshabilitar la funcionalidad de boletin informativo, puedes establecerlo con la siguiente configuración.

```yaml
newsletter:
enable: false
```

### Habilita RAW HTML en los archivos de Markdown

Si quiere incluir RAW HTML en tus archivos de markdown, necesitarás habilitar el rendering inseguro. Sin habilitarlo, Hugo no podrá renderizar HTML. Para habilitar rendering inseguro de markdown, añade la siguiente configuración de `goldmark` en la sección `markup` del archivo `config.yaml`.

```yaml
markup:
goldmark:
renderer:
unsafe: true
```

### Añade información del autor

Ahora, crea un archivo `author.yaml` dentro del directorio `/data/es/` y añade tu información como a continuación:

```yaml
# Alguna información sobre ti
name: "Jane Doe"
nickname: "Jane"
image: "images/avatar.png"
# mensaje de saludo antes de tu nombre. El valor predeterminado será "Hi!, I am" si no se proporciona.
greeting: "Hola, soy"
# da tu información de contacto. Se utilizará en el pie de página
contactInfo:
email: "[email protected]"
phone: "+0123456789"
stack-overflow:
icon: stack-overflow
url: "https://stackoverflow.com/users/1/exampleUser"
text: "ExampleUser"
# Un pequeño resumen de lo que haces
summary:
- Soy un desarrollador
- Trabajo con Go
- Me gusta trabajar en proyectos divertidos
```

> Nota: Los parámetros de `contactInfo` usarán el campo `icon` para buscar el respectivo icon. Asegúrase que el campo `icon` coincide con los nombres de la fuente awesome. Puedes encontrar ejemplos [aquí](https://fontawesome.com/search?o=r&f=brands).

### Añade un aviso de derechos de autor

Para añadir un aviso de erechos de autor en tu sitio, crea un archivo `site.yaml` dentro del directorio `/data/es`. Añada la siguiente sección al archivo:

```yaml
copyright: © 2024 Copyright.
```

### Descripción del sitio

Para añadir una descripción de tu sitio web que ayudará a los motores de búsqueda a encontrar tu sitio, necesitarás añadir una sección de `description` en tu archivo `site.yaml`.

```yaml
# Meta descripción de su sitio. Esto ayudará a los motores de búsqueda a encontrar su sitio.
description: Página de ejemplo del tema de hugo Toha.
```

### Añade Menús personalizados

Para añadir menús personalizados en la barra de navegación, puedes modificar el archivo `site.yaml`. Por defecto, los menús personalizados son visibles en la barra de navegación. Para esconder un menú personalizado, establece la propiedad `hideFromNavbar` a `true`. Por defecto, los menús personalizafos estan ocultos del área del pie de página. Para mostrar un elemento de menú personalizado en el pie de página, establece la propiedad `showOnFooter` a `true`. Esto es particularmente útil cuando desea añadir un enlace a otro sitio en la barra de navegación.

```yaml
customMenus:
- name: Notes
url: https://hossainemruz.gitbook.io/notes/
hideFromNavbar: false
showOnFooter: true
```

Ahora, puedes ejecutar tu sitio y ver los cambios. En las siguientes publicaciones, te guiaré en cómo añadir secciones a tu página de inicio y personalizar aún más su sitio.
2 changes: 1 addition & 1 deletion content/posts/getting-started/prepare-site/index.es.md
Original file line number Diff line number Diff line change
Expand Up @@ -191,7 +191,7 @@ Ahora, crea un archivo `author.yaml` dentro del directorio `/data/es/` y añade
name: "John Doe"
nickname: "John"
# mensaje de saludo antes de tu nombre. El valor predeterminado será "Hi!, I am" si no se proporciona.
greeting: "Hi, I am"
greeting: "Hola, soy"
image: "images/author/john.png"
# da tu información de contacto. Se utilizará en el pie de página
contactInfo:
Expand Down

0 comments on commit c91e490

Please sign in to comment.