Un generador de sitios estáticos con el que documentar proyectos con Markdown.
Docsify es una herramienta con la que podrás redactar la documentación de tus proyectos, generando una web a partir de dicha documentación. Podrás redactar texto con Markdown y luego subir la web resultante a Vercel, Netlify o GitHub Pages.
Docsify generará la documentación de tus proyectos al vuelo, al contrairo de lo que hacen aplicaciones como GitHub Pages o Docusaurus. Los archivos Markdown se parsearán cuando sean requeridos, mostrándose como una web. No se generarán archivos HTML estáticos, siendo a su vez una aplicación ligera.
Docsify soporta una gran cantidad de plugins, algunos de los cuales se incluyen en el código base, como la API de búsqueda. Podrás personalizar el aspecto de la interfaz y configurar los menús fácilmente. También incorpora por defecto tablas de contenido, por lo que no necesitarás crearlas manualmente.
Docsify cincluye varios temas por defecto, aunque también podrás crear tu propio tema.
Para usar Docsify necesitas tener tanto el gestor de paquetes npm como Node.js instalado en tu sistema. Si no lo tienes, consulta el tutorial de instalación de Node.js.
Lo más recomendable según la documentación oficial es que instales el paquete docsify-cli
globalmente para así poder inicializar proyectos con facilidad. Para instalar esta herramienta, abre una ventana de terminal y usa este comando:
npm i docsify-cli -g
Si nunca has usado la línea de comandos y tienes tiempo, puedes aprender a usarla consultando el tutorial de introducción a la línea de comandos.
Una vez instalado el paquete docsify-cli
, para crear un proyecto basta con que uses el comando docsify init
seguido del directorio donde quieres crear el proyecto. Por ejemplo.
docsify init ./docs
Una vez creado, accede al directorio reción creado y usa el siguiente comando para inicializar el servidor de desarrollo y mostar el proyecto en tu navegador:
docsify serve docs
Ahora podrás editar los archivos Markdown del proyecto o crear nuevos archivos para crear tu documentación. Los directorios que crees, se corresponderán con la estructura organizativa y URLs de tu documentación.
Para más información, puedes consultar la documentación de Docsify.
Docsify soporta los siguientes elementos de la sintaxis básica y avanzada de Markdown:
Elemento | Soporte | Notas |
---|---|---|
Encabezados | Sí | |
Párrafos | Sí | |
Saltos de línea | Sí | |
Negrita | Sí | |
Cursiva | Sí | |
Citas | Sí | |
Listas ordenadas | Sí | |
Listas no ordenadas | Sí | |
Código | Sí | |
Línea horizontal | Sí | |
Enlaces | Sí | |
Imágenes | Sí | |
HTML | Sí | |
Tablas | Sí | |
Bloques de código avanzados | Sí | |
Resaltado de sintaxis | Sí | |
Notas al pié | No | |
IDs de cabecera | Parcial | No podrás personalizarlos, pero se generan automáticamente. |
Listas de definiciones | No | |
Texto tachado | No | |
Listas de tareas | No | |
Emojis (copiar y pegar) | Sí | |
Emojis (shortcodes) | Sí | |
Enlaces automáticos | Sí | |
Deshabilitar enlaces automáticos | Sí |
Docsify también soporta los siguientes elementos de la sintaxis avanzada de Markdown:
Elemento | Markdown | HTML | Resultado |
---|---|---|---|
Resaltado |
|
| texto resaltado |
Si prefieres usar un generador de sitios estático, tienes también disponibles otras herramientas con las que podrás generar tu documentación.
Por ejemplo, podrías usar Docusaurus, que es una aplicación con la que podrás crear sitios estáticos con React y Markdown para luego generar una web estática que podrás subir a Vercel o Netlify. Si nunca has usado React, puedes aprender a usarlo desde cero con este tutorial de introducción a React.
Otra buena alternativa podría ser GitHub Pages, que tal y como puedes deducir, se integra como un guante con GitHub.
Si prefieres un concepto diferente, también puedes probar MkDocs, que es otra herramienta creada con Python que te permite generar sitios web estáticos.
Consulta los siguientes enlaces para obtener más información acerca de Docsify:
👋 Hola! Soy Edu, me encanta crear cosas y he redactado este tutorial. Si te ha resultado útil, el mayor favor que me podrías hacer es el de compatirlo en Twitter.
Sígueme en Twitter para estar al día con mi contenido. 😊