¿Qué es Hugo?

Hugo es uno de los generadores de sitios estáticos de código abierto más populares. Los usuarios pueden construir rápidamente sus propios sitios web usando Hugo.

Pasos de Configuración

Instalar Hugo

En Mac, puedes usar el siguiente comando para instalar Hugo:

BASH
brew install hugo
Haz clic para expandir y ver más

install

Después de la instalación, puedes verificar si está instalado correctamente usando hugo version:

hugo_version

Crear un Blog con Hugo

Una vez que Hugo esté instalado, puedes usarlo para crear tu propio blog. Usa hugo new site my-blog para crear un sitio llamado my-blog.

new-blog-site
Después de ejecutar este comando, se creará un directorio llamado my-blog en el directorio actual. Luego, navega a ese directorio e inicialízalo con git.

BASH
cd my-blog
git init
Haz clic para expandir y ver más

Elegir un Tema

Después de crear el sitio web, necesitas elegir un tema. Hay muchos temas disponibles para seleccionar: hugo themes Aquí, estoy eligiendo el tema hugo-theme-even. En este punto, necesita ser agregado como un submódulo bajo themes/even.

BASH
git submodule add https://github.com/olOwOlo/hugo-theme-even.git themes/even
Haz clic para expandir y ver más

pick-theme
Después de eso, copia themes/even/exampleSite/config.toml al directorio actual y sobrescribe hugo.toml

BASH
cp themes/even/exampleSite/config.toml hugo.toml
Haz clic para expandir y ver más

Crear una Publicación de Blog

Una vez que el tema esté configurado, puedes crear tu propia publicación de blog. Usa hugo new content/content/post/my-first-post.md para crear una publicación de blog. Puedes ver que aparecerá un nuevo archivo md bajo content/post/ después de ejecutar este comando.

my-first-blog

Ejecutar Hugo

Una vez que las configuraciones anteriores estén completas, puedes iniciar un servidor Hugo usando hugo server.

Haz clic en el enlace para acceder a la dirección del sitio web del blog.
En este punto, notarás que el blog creado anteriormente no aparece; la razón es que el blog creado anteriormente está configurado como draft, y no se mostrará en el modo hugo server. Para mostrarlo, necesitas usar hugo server -D.

Con esto, puedes completar la configuración de tu sitio web de blog.

Guardar el Blog Local en GitHub

PLAINTEXT
git remote add origin https://github.com/yourusername/myblog.git
git push
Haz clic para expandir y ver más

De esta manera, puedes guardar tu blog en GitHub.

Enlaces de Referencia

  1. https://gohugo.io/getting-started/quick-start/
  2. https://github.com/olOwOlo/hugo-theme-even
  3. https://medium.com/@magstherdev/hugo-in-10-minutes-2dc4ac70ee11

Aviso de derechos de autor

Autor: heyjude

Enlace: https://heyjude.blog/es/posts/how-to-create-blog-with-hugo/

Licencia: CC BY-NC-SA 4.0

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. Please attribute the source, use non-commercially, and maintain the same license.

Comentarios

Comenzar búsqueda

Ingrese palabras clave para buscar artículos

↑↓
ESC
⌘K Atajo