Publicar contenido Obsidian vía Web (gratis) por Inma Gijón
Table of Contents:
- Intro - Ejemplo de Digital Garden
- Paso 1 - Github y Template "Obsidian Digital Garden Deploy"
- Paso 2 - Deployar con Vercel y Github
- Paso 3 - Generar y editar contenido con Obsidian (Plugin)
- Paso 4 - Instalar y Configurar el Obsidian Plugin
- Paso 5 - Publicar Notas con el Plugin
Intro - Ejemplo de Digital Garden
Objetivos de un Digital Garden
Paso 1 - Github y Template "Obsidian Digital Garden Deploy"
Para iniciar necesitamos tener lista una cuenta en Github
Luego vamos al siguiente repositorio (Obsidian Digital Garden Deploy):
https://github.com/oleeskild/digitalgarden
Ahora damos click en la opcion "Deploy"
Y nos direcciona a la pagina de Vercel
https://vercel.com/new/clone?repository-url=https://github.com/oleeskild/digitalgarden
Vercel (al igual que Netifly) es una plataforma en la nube para sitios web estáticos
¿Que funciones tiene?
Se usa para aplicaciones sin servidor, que permite alojar sitios web, se implementan al instante, escalan automáticamente y no requieren ninguna supervisión o mucha configuración.
Paso 2 - Deployar con Vercel y Github
Como estamos usando Github, iniciamos sesion en Vercel con nuestra cuenta
Para asegurar que tú puedes actualizar tu proyecto después de desplegarlo fácilmente se va a generar un repositorio en GitHub, entonces cada vez que nosotros desplegamos estará actualizando ese repositorio.
Para este ejemplo, vamos a crear un repositorio privado de Github desde la pagina de Vercel
Ahora, en automatico, se va a clonar la plantilla de Obsidian Digital Garden Deploy
Una vez clonada esa plantilla, se va a desplegar esa plantilla en una URL en Vercel
Vamos a verlo, si yo entro en mi sitio, me ha generado una URL que se llama https://[REPO NAME HERE].vercel.app/
(esto se podría cambiar luego) y ahora mismo no tenemos todavía contenido aquí
Tambien en Github, podemos ver el repositorio que se genero
Y vemos que es un clon de la plantilla
Paso 3 - Generar y editar contenido con Obsidian (Plugin)
Ahora vamos a trabajar con Obsidian...
Una Obsidian Vault ya configurada se ve así:
Pero en este tutorial, vamos a aprender a configurar la Obsidian Vault desde cero.
Por ejemplo,
Vamos a iniciar con una Obsidian Vault sencilla (que se llama Mi conocimiento), que solo tiene unas cuantas notas:
Paso 4 - Instalar y Configurar el Obsidian Plugin
Ahora vamos a instalar un Plugin en esta Obsidian Vault, abrimos la ventana y configuración y buscamos:
Lo activamos, y vamos a Opciones.
Paso 4.1 - Github Token
En Opciones, empezamos a llenar la info solicitada, como el nombre del repositorio que clonamos y nuestra cuenta de Github.
En la siguiente opcion nos pide generar un Token de seguridad, para dar permiso a modificar nuestro repo y cargar/modificar contenido.
Damos click en la opcion que nos da Obsidian para generar el Token
Nos abre una ventana del explorador, y configuramos los permisos del Token
Dejamos las demas opciones en blanco y generamos el Token
Una vez generado el Token, lo copiamos,
Y lo pegamos en Obsidian,
El Token da permisos para modificar el repositorio y editar nuestra pagina web, no se debe compartir con nadie este Token.
Paso 4.2 - URL
Ahora nos pide agregar el URL de nuestra pagina, que en nuestro caso es de Vercel
Recuerda que la puedes copiar desde Vercel en el explorador,
Paso 4.3 - Features
Ahora vamos a configurar las opciones que se muestran en nuestra pagina cuando publicamos una nota, en la siguiente sección:
Recuerda que en nuestro ejemplo se muestra:
- El grafico
- El directorio de notas
- los backlinks
- etc.
Nosotros vamos a activar estas opciones:
La ultima no la activamos ya que algunos comandos usando YAML podrian romper nuestra pagina. Solo debe ser usada por usuarios mas experimentados.
Paso 4.4 - Appearance
Ahora vamos a editar la apariencia:
Nosotros por lo pronto vamos a activar esto, pero puedes editarlo a tu gusto
Y para aplicar los cambios es importante ir hasta abajo y aceptar los cambios
Paso 5 - Publicar Notas con el Plugin
Con el Plugin instalado y configurado, ahora vemos el siguiente icono:
Paso 5.1 - Crear una pagina de Home y Publicarla
Creamos una Carpeta, por ejemplo, Web site. Y creamos una nota de Home con un poco de text (posteriormente podemos seguir editando y mejorando la nota de Home)
Ahora pulsamos Ctrl + p (o en MAC cmd + p), abrimos las opciones de comando de Obisidian
Ahora buscamos "digital garden" para ver los comandos disponibles, y seleccionamos la opcion de "Add publish flag"
Y vemos que se agrega en nuestra nota de Home, el encabezado YAML que permite incluir la nota a nuestra pagina Web
Ahora nosotros manualmente agregamos que sea la pagina de HOME
Ahora abrimos las opciones de Publicacion del Plugin
Y vemos que dentro de las opciones, tenemos una nota sin publicar, es la pagina de Home que ahora esta reconocida por el Plugin gracias al YAML que agregamos,
Damos click en Publish y esperamos a que se apliquen los cambios...