Publicaciones

Personalización de la Disposición

Si personalizas la disposición de un componente existente, no recibirás actualizaciones futuras para ese componente una vez el tema sea actualizado. Necesitarás actualizar ese componente en tu repositorio. En este tutorial, te guiaré en cómo personalizar la disposición de un tema. Yo personalmente he pasado por el proceso y compartiré mis ideas para ponértelo más fácil. Paso 1: Cambia el archivo de Disposición Para personalizar la disposición de una sección, página o componente existente, necesitarás localizar el archivo correspondiente en el directorio layout del tema. Una vez encuentre el archivo, cópialo y ponlo en la misma estructura de directorio dentro del directorio layouts de tu sitio.

sábado, 7 de agosto de 2021 | 2 minutos Leer

Prepare su sitio web

En esta publicación, vamos a crear un sitio de hugo desde cero. Después, lo configuraremos con el tema Toha, lo haremos plurilingüe, y añadiremos publicaciones de ejemplo. Al final de esta publicación, deberías poder ejecutar un sitio hugo con el tema Toha totalmente funcional localmente. Si quieres un atajo, puedes simplemente hacer un fork del repositorio hugo-toha/hugo-toha.github.io, renombrarlo y actualizarlo con tus datos. Este repositorio ya está configurado para el despliegue en Github Pages y Netlify.

lunes, 8 de junio de 2020 | 8 minutos Leer

Despliegue el sitio en Github Pages

En esta publicación, vamos a desplegar el sitio que hemos creado en la pasada publicación en Github Pages. Para empezar, debemos asegurarnos que el nombre de su repositorio es <tu usuario>.github.io. Después, haz commit de todos los cambios no publicados y haz push a Github. Crea una rama gh-pages Para empezar, crea una nueva rama llamada gh-pages. Github automáticamente establecerá las respectivas configuraciones para Github pages cuando vea la rama con este nombre.

lunes, 8 de junio de 2020 | 3 minutos Leer

Despliegue el sitio en Netlify

Netlify ofrece un excelente y fácil proceso para desplegar un sitio de hugo estático. Puedes desplegar su sitio web en cuestión de unos solos clics. A diferencia de Github Pages, puedes nombrar su repositorio como quieras. También puede personalizar el URL del sitio. En esta publicación, mostraremos paso a paso el proceso de despliegue de un sitio hugo con netlify. Añade configuración de Netlify Para empezar, cree un archivo netlify.toml a la raíz de su repositorio y añade las siguientes configuraciones:

lunes, 8 de junio de 2020 | 3 minutos Leer

Automatiza las actualizaciones del tema

Para garantizar que su sitio se beneficie de las funciones y correcciones más recientes, es fundamental mantenerlo actualizado con la última versión del tema. Este artículo te guiará a través del proceso de establecimiento de un GitHub workflow que actualizará automáticamente la versión del tema. Esta acción realizará comprobaciones diarias de cualquier actualización del tema. Si se detecta una actualización, se generará un Pull Request para actualizar su sitio a la versión más reciente del tema.

lunes, 8 de junio de 2020 | 2 minutos Leer

Características

Enlace de prueba Este tema ha sido diseñado desde un punto de preferencia personal. Como desarrollador, quiero organizar mi portfolio de manera que refleje de la mejor manera mis habilidades. Entonces, este tema puede o no satisfacer sus necesidades, pero estaré encantado de tener tu feedback. Esta publicación daré una descripción general de las características que este tema incorpora. Diseño minimalista Este tema ha sido diseñado con la intención de ser minimalista y hermoso. El esquema de colores ha sido escogido para ser simple pero potente. Esta página de publicación ha sido diseñada para tener las menos distracciones posibles. Gracias a Anup Deb por su guía en el diseño.

lunes, 8 de junio de 2020 | 2 minutos Leer

Los Shortcodes

Esta es una publicación de ejemplo con el objetivo de testear lo siguiente: Imagen de hero determinada. Los distintos shortcodes. Alerta Las siguientes alertas están disponibles en este tema. Éxito Código: {{< alert type="success" >}} Esto es un ejemplo de alerta con `type="success"`. {{< /alert >}} Resultado: Esto es un ejemplo de alerta con type="success". Peligro Código: {{< alert type="danger" >}} Esto es un ejemplo de alerta con `type="danger"`. {{< /alert >}} Resultado:

lunes, 8 de junio de 2020 | 3 minutos Leer

Configurando parámetros del sitio web

Después de instalar este tema, cuando ejecutas tu sitio web por primera vez, se iniciará con los parámetros predeterminados. Debería parecerse a este sitio de ejemplo, pero sin secciones en la página de inicio. No te preocupes, puede añadir estas secciones proporcionando los archivos de datos necesarios. En las próximas publicaciones, le guiaré sobre cómo añ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.

lunes, 8 de junio de 2020 | 5 minutos Leer

Configurando la sección Sobre mi

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. 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 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.

lunes, 8 de junio de 2020 | 4 minutos Leer

Configurando la sección de Habilidades

La sección de Habilidades ha sido diseñada para mostrar sus habilidades y proporcionar información sobre su experiencia en cada habilidad. Esta guía lo guiará a través del proceso de configuración de la sección de Habilidades en su sitio web. Para obtener una referencia completa, puede consultar el archivo de ejemplo skills.yaml. Para empezar, crea un nuevo archivo llamado skills.yaml dentro del directorio data/es/sections de tu sitio web. Después, sigue las instrucciones de abajo.

lunes, 8 de junio de 2020 | 2 minutos Leer

Configurando la sección de Educación

La sección de Educación ha sido diseñada para mostrar su formación académica. En esta publicación, le guiaré a través del proceso de configuración de la sección de Educación en su sitio web. Para obtener una referencia completa, puede consultar el archivo de ejemplo education.yaml. Para empezar, crea un nuevo archivo llamado education.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 Añade la siguiente sección de metadatos en el archivo education.yaml:

lunes, 8 de junio de 2020 | 2 minutos Leer

Configurando la sección de Experiencia

La sección de Experiencia ha sido diseñada para mostrar su trayectoria profesional y resalte las responsabilidades que ha asumido a lo largo de su trayectoria profesional. En esta publicación, le guiaré a través del proceso de configuración de la sección de Experiencia en su sitio web. Para obtener una referencia completa, puede consultar el archivo de ejemplo experiences.yaml. Para empezar, crea un nuevo archivo llamado experiences.yaml dentro del directorio data/es/sections de tu sitio web. Después, sigue las instrucciones de abajo.

lunes, 8 de junio de 2020 | 3 minutos Leer