- Después de escribir localmente con Obsidian, se puede desplegar un blog personal rápido y gratuito con la combinación de Hugo + tema Bear Blog + Cloudflare Pages
- La gestión de versiones a través de GitHub y el despliegue automático hacen que sea muy cómodo de mantener. Basta con escribir, guardar y hacer commit para que la publicación quede lista de inmediato
- La configuración inicial requiere algo de conocimiento de desarrollo, pero después el flujo de trabajo se vuelve muy simple
- Es ideal para quienes buscan una forma ligera y sostenible de bloguear
Configuración detallada
- Se usa Obsidian para escribir todas las publicaciones
- Como guarda los archivos localmente, todos los datos son propiedad del usuario
- El tema Minimal ofrece una interfaz limpia y sin distracciones
- Es posible sincronizar sin límites entre varios dispositivos mediante iCloud (también se puede con Dropbox o Google Drive)
- Publicación
- Hugo: generador de sitios estáticos ultrarrápido
- Tema Bear Blog: tema de blog minimalista y rápido
- GitHub + Cloudflare Pages: permite desplegar un sitio web gratis
- Ventajas: sin suscripción, sin dependencia de proveedor y sin riesgo por cambios de políticas de la plataforma
Configuración del sistema
- Después de instalar Hugo, se crea un sitio nuevo
hugo new site myblog
cd myblog
- Agregar el tema Bear Blog
git init
git submodule add https://github.com/janraasch/hugo-bearblog.git themes/hugo-bearblog
- Configurar el archivo
config.toml para usar el tema Bear Blog
theme = 'hugo-bearblog'
- Conectar Obsidian con Hugo
- Escribir las publicaciones en la carpeta
content/blog de Hugo
- En Obsidian, usar la función "Open folder as vault" para vincular esa carpeta
- Así, lo que se escriba en Obsidian se conecta directamente como publicaciones del sitio en Hugo
- Agregar en la parte superior de cada texto escrito en Obsidian una plantilla de Front Matter para Hugo
+++
title= "Your Post Title"
date= YYYY-MM-DD
tags= ["post"]
draft= true
+++
- Cuando esté listo para publicar, cambiar
draft a false
- Usar el servidor local de Hugo para previsualizar el contenido en el navegador
hugo server -D
- Crear un nuevo repositorio en GitHub y conectar el proyecto local
git remote add origin https://github.com/yourusername/yourblog.git
git add .
git commit -m "Initial commit"
git push -u origin main
- Después de registrarse en Cloudflare, crear un proyecto de Pages
- Conectar el repositorio de GitHub y aplicar la siguiente configuración de build
- Comando de build:
hugo --minify
- Directorio de salida:
public
Flujo de publicación
- Escribir una publicación en Obsidian
- Cambiar
draft: true a draft: false en la plantilla de Front Matter
- Hacer commit y push a GitHub
git add . git commit -m "Publish new post" git push
- Cloudflare Pages detecta automáticamente los cambios y vuelve a compilar el sitio para aplicarlos en 1 o 2 minutos
11 comentarios
Yo también manejo un blog con Hugo.
Después de escribir en Obsidian, uso un método en el que el
pushal repositorio de GitHub dispara el hosting en Cloudflare Pages.Y además le metí el servicio de búsqueda de Algolia; cada vez que escribo una entrada nueva, hice un archivo
shpara el indexado y ahí metí de golpe todos los comandos vinculados degit, indexado, etc., así que publico las entradas ejecutando ese comandosh.Uso principalmente Obsidian por lo entretenido que es revisar de vez en cuando los textos que escribí agrupados en la vista de grafo.
Yo también lo hice de forma similar, pero ahora escribo directamente en el repositorio de github.com. (usando la función de GitHub Pages que compila Jekyll automáticamente)
https://plan9.kr/
¡Vaya! ¿Eres la persona que hizo Text Battle?
Lo vi en la comunidad hace tiempo y me divertí mucho jajaja, qué gusto verte por aquí
¡Qué bueno, yo también estoy haciendo un blog con Hugo!
También pensé en usar Obsidian como editor principal, pero si estás en un entorno con computadora, creo que VSCode es mejor.
Como los cambios se reflejan en milisegundos, la verdad no le vi mucha necesidad a Obsidian.
No entiendo por qué habría que conectar Hugo y Obsidian.
Si usas Hugo, me parece que VSCode es una opción más natural.
Esto es realmente interesante.
El plugin digital garden también es práctico.
Gracias por compartir el contenido. Recién estoy empezando a usar Obsidian, así que creo que también voy a probar usarlo junto con eso.
Gracias por la buena información. Últimamente he estado usando mucho Obsidian y me parece que es una combinación que me queda muy bien.
Hace unos días justo armé un blog con Hugo, así que me da mucho gusto ver este contenido.
Yo lo tengo configurado para que se despliegue en GitHub Pages cada vez que hago push. jaja
También me encanta Obsidian, pero les recomiendo usar en VS Code una extensión llamada
Front Matter.Ofrece funciones básicas de CMS; no es perfecta, pero la verdad no está nada mal.
Opiniones en Hacker News