docsify this
v1.9.16: Merge pull request #161 from hibbitts-design
Esta aplicación web de origen abierto, creada con el generador de sitios de documentación mágica Docsify, le permite publicar archivos de markdown en línea como páginas web sin configurar su propio sitio web.
¡Consulte lo que Docsify-esto puede hacer al ver este archivo ReadMe como una página web con una barra lateral opcional que incluye encabezados de hasta 4 niveles!
Figura 1. Docsify-This.NET Web Pagder Builder.
¿Has probado docsify-este? Comparta sus comentarios sobre docsify-este
Docsify-esto proporciona una manera fácil de mostrar y compartir contenido de Markdown en varios contextos, sin que se requiera un proceso de configuración del sitio web o proceso de compilación. Al alojar sus archivos de Markdown en GitHub o CodeBerg, también puede aprovechar el control de versiones (la capacidad de rastrear y revertir los cambios) y habilitar la colaboración.
Con docsify-esto puede:
Docsify-este es un sitio de kit de inicio de Publishing Publishing personalizado configurado para representar archivos de markdown remotos a través de parámetros de URL en el siguiente formato:
https://docsify-this.net?basePath=URLpath&homepage=filename.md
El parámetro BasePath Docsify es la ruta de URL que contiene el archivo de marca fuente sin procesar para renderizar. Si el archivo se nombra el readMe.md predeterminado esperado, entonces no se requieren otro parámetro, de lo contrario, el parámetro de documentos de la página de inicio también debe incluirse establecido en el nombre del archivo para renderizar. Un ejemplo de Docsify-This URL sería: https://docsify-this.net/?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-one-page-article/main&homepage=home.md
Docsify-esto puede representar archivos desde cualquier lugar para que el contenido de un archivo de markdown se pueda ver dentro de un navegador web, que incluya:
Para representar directamente un archivo almacenado en un repositorio público de GitHub cuando no usa el constructor de páginas web anteriores, debe usar la URL de origen sin procesar de ese archivo (es decir, raw.githubuserContent.com) tocando el botón sin procesar al ver un archivo. También es posible representar un archivo almacenado en un repositorio privado de GitHub activando las páginas GitHub dentro de ese repositorio y luego utilizando la URL de las páginas GitHub de ese archivo (es decir, username.github.io).
La aparición de archivos de Markdown renderizados se puede personalizar mediante parámetros de URL opcionales y un pequeño conjunto de clases CSS disponibles dentro de los archivos de marcas de origen. Además de soportar los diagramas estándar de Markdown, Incrust.ly, H5P, Latex y Mermaid se incluyen. Opcionalmente, la anotación de la página con hipótesis. Se puede habilitar.
¿Busca una introducción general para la publicación con Docsify-este? Echa un vistazo a Markdown Publishing con Docsify-este.
Estoy impresionado solo por el hecho de que pongas una URL (archivo de Markdown) en Docsify, esta y luego obtienes una URL para una página web ... ¡Hecho! Tome la URL y vaya. Es tan fluido.
-J. Groom, Reclamar Today Episodio 39 (cofundador, Reclamo Hosting)
He estado usando Docsify-Este para mi curso de producción de Publishing Publishing, en parte para explorar nuevos modelos en Markdown Publishing, pero en parte también para domesticar el lienzo, que me parece incómodo y engorroso. Mantener todas las notas de mi curso como archivos de texto sin formato e implementarlos a través de Github y Docsify, esto es fácil y hace que mi desarrollo del curso sea muy fácil. Además, mantengo todos mis materiales localmente y puedo usar reutilizarlos sin depender del lienzo.
- J. Maxwell (director y profesor asociado en el programa de publicación de la Universidad Simon Fraser)
La mejor herramienta que he encontrado en años: esta es una de esas creaciones que se hace bien, hasta el núcleo.
- D. Malawey (Coordinador de laboratorio multidisciplinario, Universidad de Texas A&M)
Docsify-esto ha mejorado significativamente mis temas de WordPress al poder incrustarse sin problemas en la interfaz la misma documentación que uso en el repositorio de GitHub. ¡Esto a su vez me ha llevado a escribir mejores documentos! Apenas he arañado la superficie de lo que Docsify-esto puede hacer como una herramienta de publicación web simple de usar.
- A. Levine, también conocido como Cogdog (tecnólogo educativo independiente)
Docsify-Este ha sido reconocido como finalista en la categoría de infraestructura abierta para los Premios de Educación Abierta 2024 por excelencia: gracias a todos los mantenedores y colaboradores de Docsify.js.org, y a otros editores abiertos, educadores y creadores que comparten su contenido abierto con el resto del mundo a través de Docsify-This.
La apariencia visual de un archivo de Markdown en línea que se muestra como una página web por Docsify, esto se puede alterar de dos maneras:
Por ejemplo, para mostrar el archivo de Markdown ubicado en https://raw.githubusercontent.com/hibbitts-design/docsify-this-one-page-article/main/home.md con una barra lateral docsify que incluye títulos de hasta 3 niveles, el Docsify-This URL es:
https://docsify-this.net/?basePath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-one-page-article/main&homepage=home.md&sidebar=true&maxLevel=3Y así es como docsify-this.net muestra la misma URL:
La página web que se muestra por docsify-this.net, que muestra el archivo Markdown con una barra lateral que incluye encabezados de hasta 3 niveles, según lo especificado por la URL Docsify-esta.
Obtenga más información sobre cada uno de los parámetros básicos de Docsify, estos a continuación, y descubra lo que es posible al combinar los parámetros de URL y los archivos de reducción en línea con un conjunto de plantillas Docsify-this Markdown listas para usar.
Parámetros de URL básicos (incluidos en el constructor de páginas web estándar)
Establezca un título personalizado en la pestaña del navegador para sus páginas web con el parámetro opcional del titular del navegador , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/paulhibbitts/demograv-open-matter-course-hub/master/pages/04.resources=page=page.md&browser-tab-title=resources por favor use títulos con los títulos con títulos con los títulos con los títulos con los títulos con los títulos con títulos con los títulos con los títulos con los títulos, por favor, se deben usar títulos con SpaceS "Mi página" sería "mi%20page".
Muestre un enlace "Editar esta página" (la ubicación predeterminada es la parte inferior de la página) con el parámetro Opcional Edit-Link , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starte r-kit/main & edit-link = https: //github.com/hibbitts-design/docsify-open-publishing-starter-kit/blob/main/readme.md
Cambie el texto predeterminado para un enlace "Editar esta página" con el parámetro Opcional Edit-Link-Text , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starter-kit/main&edit-li nk = https: //github.com/hibbitts-design/docsify-open-publishing-starter-kit/blob/main/readme.md&edit-link-text=view%20AS%20markdown Tenga en cuenta para usar el texto con espacios que deben estar codificados, por lo que "ver como markdown" sería "ver%20As%20Markdown".
Cambie la ubicación del enlace "Editar esta página" desde la parte inferior de las páginas para ser la parte superior de las páginas con el parámetro Opcional Edit-Link-Top , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starter-kit/main&toc = True & Edit-Link = https: //github.com/hibbitts-design/docsify-open-publishing-starter-kit/blob/main/readme.md&edit-link-top=true
Establezca una fuente personalizada para sus páginas web con el parámetro opcional de la familia Font-Family , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starter-kit/main/docs&heMepage=resources.md&font-family=helvetica,sans-sarif. Este parámetro puede ser particularmente valioso cuando se trata de igualar mejor la presentación visual del contenido integrado con su plataforma de destino. Tenga en cuenta para usar fuentes con espacios en sus nombres, deben estar codificadas, por lo que "Courier New" sería "Courier%20New".
Establezca un tamaño de fuente personalizado para sus páginas web con el parámetro opcional de tamaño de fuente , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-trourse-starter-kit/main/docs&homepage=resources.md&font-tize=1. Este parámetro puede ser particularmente valioso cuando se trata de igualar mejor la presentación visual del contenido integrado con su plataforma de destino. Tenga en cuenta que el tamaño de la fuente está configurado en unidades REM.
Establezca un peso de fuente de encabezado personalizado (el valor predeterminado es 400 - regular) para sus páginas web con el parámetro opcional de peso encabezado , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-trourse-starter-kit/main/docs&homepage=resources.md&header-weight=600.
Oculte los créditos que generalmente se muestran en la parte inferior de cada Docsify mostrado: esta página con el parámetro Opcional Hide-Recedits , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-trourse-starter-kit/main/docs&homepage=resources.md&hide-credits=true.
Habilitar la anotación de la página con hipótesis. Es con el parámetro de hipótesis opcional, por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-trourse-starter-kit/main/docs&homepage=resources.md&hypothesis=true.
Establezca una altura de línea personalizada para sus páginas web con el parámetro opcional de altura de línea , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-trourse-starter-kit/main/docs&homepage=resources.md&line-hreight=1.5.
Establezca un color personalizado para todos los enlaces, definido utilizando el formato hexadecimal estándar sin el símbolo '#' con el parámetro opcional de color del enlace , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starter-kit/main/docs&homepage=resources.md&link-color=cc0000.
Establezca el nivel máximo de encabezado de la barra lateral Docsify con el parámetro Opcional MaxLevel DocSify, por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishing-starter-kit/main/docs&homepage=introduction.md&sidebar=true&
Muestre una barra lateral de docsify con el parámetro de barra lateral opcional, por ejemplo:
https://docsify-this.net?
Muestre una tabla de contenido de página con el parámetro TOC opcional, por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishing-starter-kit/main/docs&homepage=introduction.md&toc=true
Establezca los niveles de encabezado de la página (es decir, H1, H2, etc.) que se incluirán en la tabla de contenido de la página con el parámetro Opcional TOC-Headings , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishing-starter-kit/main/docs&homepage=introduction.md&toc=true&toc-headings=h1,h2,h3.
Use una tabla de contenido de página menos amplia con el parámetro Opcional TOC-Narrow , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishing-starter-kit/main/docs&homepage=introduction.md&toc-narrow=true. Este parámetro puede ser particularmente valioso al incorporar contenido donde es probable un área de pantalla más pequeña.
Habilitar el zoom de imagen (tocar las imágenes de la página para ampliarlas) con el parámetro Opcional Zoom-Images DocSify, por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/paulhibbitts/docsify-this-markdown-content-demo/main&zaom-images=true. Para excluir imágenes, use  .
Los siguientes parámetros de URL adicionales están disponibles para su uso en Docsify, estas URL, y se incluyen en el constructor de páginas web avanzadas a menos que se indique lo contrario.
Parámetros de URL suplementarios (incluidos en el constructor de páginas web avanzadas)
Mostrar una cobertura personalizada de Docsify con el parámetro de cubierta opcional, por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishing-starter-kit/main/docs&homepage=home.md&coverpage=_coverpage.md
Establezca un color personalizado para la cubierta con el parámetro opcional de color de cobertura , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishing-starter-kit/main/docs&homepage=home.md&coverpage=_coverpage.md&coverpage-coro
Establezca un color personalizado para la cubierta en modo oscuro con el parámetro opcional de modo de color-color-dark , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishing-starter-kit/main/docs&homepage=home=home .MD & Dark-Mode = True & Link-Color = CC0000 & Link-Color-Dark-Mode = FF9E9E & CoverPage = _CoverPage.md & CoverPage-Color = CC0000 & Coverpage-Color-Dark-Mode = 4D0000
Cambie automáticamente el tema de luz/oscuro basado en la preferencia de nivel del sistema operativo del sistema, por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishing-starter-kit/main/docs&homepage=introduction.md&dark-mode=true
Cambie el emoji predeterminado para un enlace "Editar esta página" con el parámetro Opcional Edit-Link-Emoji (no incluido en el constructor de páginas web avanzado), por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starter-kit/main&edit-link=htps://git Hub.com/hibbitts-design/docsify-open-publishing-starter-kit/blob/main/readme.md&edit-link-text=view%20on%20github&edit-link-emoji=:file_folder:
Habilite la carga perezosa de imágenes por navegadores con el parámetro opcional de imágenes de carga perezosa (no incluida en el constructor de páginas web avanzadas), por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishing-starter-kit/main/docs&homepage=introduction.md&lazy-load-images=true por favor, tenga en cuenta que la carga de la carga de las imágenes. Por ejemplo, por la barra lateral de Docsify, etc.
Establezca un color personalizado para todos los enlaces en modo oscuro, definido utilizando el formato hexadecimal estándar sin el símbolo '#' con el parámetro opcional de modo de color-color-moderno , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course- Starter-kit/main/docs & homePage = recursos.md & link-color = CC0000 & Dark-Mode = True & Link-Color-Dark-Mode = FF9E9E.
Establezca un color de desplazamiento personalizado para todos los enlaces, definido utilizando el formato hexadecimal estándar sin el símbolo '#' con el parámetro opcional de color-color de enlace , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-trourse-starter-kit/main/docs&homepage=resources.md&link-hover-color=cc0000.
Establezca un color de desplazamiento personalizado para todos los enlaces en modo oscuro, definido utilizando el formato hexadecimal estándar sin el símbolo '#' con el parámetro opcional de modo de color-hover-dark-mode , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-sta-sta rter-kit/main/docs & homePage = recursos.md & link-color = CC0000 & Dark-Mode = True & Link-Hover-Color-Dark-Mode = FF9E9E.
Establezca una decoración de texto personalizada para todos los enlaces, con el parámetro de decoración de texto de enlace opcional, por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-trourse-starter-kit/main/docs&homepage=resources.md&link-decoration=none
Establezca una decoración de texto de ciervo personalizado para todos los enlaces, con el parámetro opcional de y text-decoración-decoración-balance , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starter-kit/main/docs&homepage=resources.md&link-tecoration-dover=underline
Puede establecer un Favicon personalizado en el archivo de imagen que se pasa del parámetro Opcional LoadFavicon , por ejemplo:
https://docsify-this.net?
Cargue un pie de página Docsify desde el archivo de Markdown en el directorio actual aprobado con el parámetro Opcional LoadFooter Docsify, por ejemplo: https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishing-starter-kit/main/docs&homepage=introduction.md&loadfooter=_footer.md
Cargue una barra de navegación personalizada DocSify desde el archivo de Markdown aprobado con el parámetro Opcional LoadNavbar Docsify, por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishing-starter-kit/main/docs&homepage=introduction.md&eronavbar=_navbar.md
Cargue una barra lateral personalizada Docsify desde el archivo de Markdown aprobado con el parámetro Opcional LoadSideBar DocSify, por ejemplo:
https://docsify-this.net/?basepath=https://raw.githubusercontent.com/paulhibbitts/docsify-this-cmpt-363-222-site/main&homepage=home.md&sidebar=true&loadsidebar=_sesbar-withhome.md
Muestre una imagen de logotipo para el sitio web en una barra lateral personalizada Docsify (es decir, el archivo 'logo.png) con el parámetro Opcional Logo DocSify, por ejemplo:
https://docsify-this.net/?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-multiple-page-course- Site/Main & HomePage = Home.md & SideBar = True & LoadSideBar = _sidebar.md & Loadnavbar = _navbar.md & name = CPT-363 & logo =/images/logo.png Se debe proporcionar la ruta de carpeta completa y el nombre de archivo. También se debe proporcionar un nombre de sitio web y se utilizará como texto alternativo para el logotipo.
Fusione los elementos de Navbar en la parte superior de la barra lateral en pantallas más pequeñas con el parámetro Opcional Mergenavbar Docsify, por ejemplo: https://docsify-this.net/? E-Site/Main & HomePage = Home.md & SideBar = True & LoadSideBar = _sideBar.MD & Loadnavbar = _navbar.md & MerGenAvBar = True & name = CPT-363
Muestre el nombre del sitio web en una barra lateral personalizada Docsify (es decir, el archivo '_sidebar.md) con el nombre de Nombre opcional Docsify, por ejemplo:
https://docsify-this.net/?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-multiple-page-co URSE-SITE/Main & HomePage = Home.md & SideBar = True & LoadSideBar = _sideBar.MD & Loadnavbar = _navbar.md & Search = True & name = CPT-363 Cuando se proporciona este parámetro, también se utilizará automáticamente como título de la pestaña del navegador.
Establezca un título de página personalizado en la parte superior de sus páginas web con el parámetro opcional del título de página , por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/paulhibbitts/demograv-open-matter-course-hub/master/pages/04.resources=page=page.md&page-title=Resources por favor nota para usar titular La página "sería" mi%20page ".
Mostrar botones de paginación en el área de contenido de la página (requerido la barra lateral personalizada de Docsify) con el parámetro de paginación opcional, por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-multiple-page-cour SE-Site/Main & HomePage = Home.md & SideBar = True & LoadSideBar = _sideBar.MD & Loadnavbar = _navbar.md & Search = True & Pagination = True = True
Habilite el complemento de búsqueda de docsify (que actualmente incluye coincidencias para texto y marcado) en múltiples sitios de página, incluida una barra lateral personalizada con el parámetro Opcional SearchBox DocSify, por ejemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-multiple-pag e-Course-site/main & homePage = home.md & sidebar = true & loadSideBar = _sidebar.md & Loadnavbar = _navbar.md & Searchbox = True
Establezca los niveles máximos de encabezado de la tabla automática de contenido en la barra lateral personalizada docsify (es decir, el archivo '_sidebar.md) con el parámetro Opcional submaxlevel docsify, por ejemplo:
https://docsify-this.net/?basePath=https://raw.githubusercontent.com/paulhibbitts
Use la versión SVG de Font Awesome Icons en lugar de fuentes web con el parámetro SVG-ICON opcional (no incluido en el Builder avanzado de la página web), por ejemplo:
https://v2.preview.docsify-this.net/?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-lms-content-pages/main&homepage=schedule.md&svg-icons=true
Incorporar contenido en lienzo
Ejemplo de código de iframe, incluidos los parámetros de URL para que coincidan sin problemas con Docsify, este contenido con el lienzo:
< p > < iframe style =" overflow: hidden; border: 0px #ffffff none; background: #ffffff; " src =" https://docsify-this.net?basePath=https://raw.githubusercontent.com/paulhibbitts/cmpt-363-222-pages/main&homepage=home.md&font-family=Lato%20Extended,Lato,Helvetica%20Neue,Helvetica,Arial,sans-serif&font-size=1&hide-credits=true " width =" 800px " height =" 1400px " allowfullscreen =" allowfullscreen " > </ iframe > </ p >Si hay una barra de desplazamiento, es posible que desee volver a editar su código de iframe y ajustar el valor de "altura".
¿Cómo agrego una URL externa como elemento de módulo?
Ejemplo de enlace externo del módulo, con la tabla de contenido de la página:
https://docsify-this.net?basePath=https://raw.githubusercontent.com/paulhibbitts/cmpt-363/main/docs/222&homepage=week-02.md&toc-narrow=true&font-family=Lato%20Extended,Lato,Helvetica%20Neue,Helvetica,Arial,sans-serif&font-size=1&hide-credits=true Creación de un enlace personalizado en la navegación de su curso utilizando la herramienta de redirección
Ejemplo de campo de URL de redirigir:
https://docsify-this.net/?basePath=https://raw.githubusercontent.com/paulhibbitts/cmpt-363-222-pages/main&homepage=resources.md&edit-link=https://github.com/paulhibbitts/cmpt-363-222-pages/blob/main/resources.md&font-family=Lato%20Extended,Lato,Helvetica%20Neue,Helvetica,Arial,sans-serif&font-size=1&hide-credits=trueiframe (para incrustar contenido dentro de las páginas)
Herramienta externa (para agregar un enlace a la navegación o elementos del curso)
Si bien todo lo que necesita para poner en marcha con Docsify, este es un archivo de Markdown básico, a continuación se encuentran algunas plantillas que puede usar que muestran lo que es posible con Markdown, imágenes, parámetros de URL e incluso algunos fragmentos HTML.
Para usar estas plantillas, generalmente haría lo siguiente (las instrucciones específicas de la plantilla se incluyen con cada plantilla):
Inicie sesión en GitHub o cree una cuenta si aún no tiene una.
Toque Use esta plantilla en el repositorio de plantilla elegido (botón verde superior derecha) y luego elija Crear un nuevo repositorio
Elija el nombre de su nuevo repositorio para contener los archivos y luego toque Crear repository para copiar los archivos de plantilla a su propia cuenta GitHub
Vea un archivo de Markdown incluido, por ejemplo, Home.md , y copie su URL.
Vaya a https://docsify-this.net y pegue la URL copiada en el campo de URL del archivo Markdown
Seleccione las opciones de página que desee (por ejemplo, la barra lateral de Docsify) y toque la publicación como un botón de página web para ver su archivo de Markdown como una página web para compartir o integrar
Para editar un archivo en GitHub, toque el icono del lápiz (editar archivo) en la parte superior derecha al ver el archivo, realizar sus cambios y luego toque el botón Cambios de confirmación ... para guardar esos cambios.
Artículo de una página Home.md File mostrado por Docsify-este como A:
Un curso de curso de una página Home.md File mostrado por Docsify-este como A:
Múltiple archivo de sitio de página home.md, incluido el uso del header-image-full-width , mostrado por Docsify-this AS:
Múltiples páginas Open Publishing Site Home.md File, incluido el uso de un archivo de barra lateral personalizada Docsify, que se muestra por Docsify-este como:
Sitio del curso de múltiples páginas Home.md Archivo, incluido el uso de un archivo de barra lateral personalizada Docsify y el archivo de NAVBAR personalizado Docsify, que se muestra por Docsify-this AS:
Páginas de ejemplo, incluido el uso de los parámetros de URL de font-family , font-size y hide-credits para la incrustación de contenido perfecto dentro del lienzo LMS, como se muestra por docsify-este:
Vea un sitio de ejemplo de Canvas LMS usando Docsify-This Content en https://canvas.sfu.ca/courses/76692.
Docsify-this.net Abrir y colaborar el flujo de trabajo utilizando archivos GitHub Markdown.
Docsify-this.net Workflow usando los archivos de Markdown WebServer.
Cuando se usa Docsify-este para mostrar archivos de Markdown ubicados en servicios basados en Git, como GitHub o CodeBerg, puede descargar archivos (clon) a su escritorio para la edición local y luego la carga (PUSH) vuelve a los archivos en línea.
Por ejemplo, para editar archivos de Markdown GitHub en su escritorio, haría lo siguiente:
Obtenga más información sobre cómo comenzar con GitHub Desktop.
Las siguientes clases de CSS están disponibles al autorizar su propio contenido de Markdown.
< div class =" accordion " >
< details >
< summary > Topic One </ summary >
Topic one details here.
</ details >
< details >
< summary > Topic Two </ summary >
Topic two details here.
</ details >
</ div > < span class =' badge ' > Tue Jun 12th 11:59pm PDT </ span > < span class =' badge ' style =' --badge-bg-color: #0164db; ' > Tue Jun 12th 11:59pm PDT </ span > < span class =' badge ' style =' --badge-bg-color: #e7c500; --badge-text-color: #000; ' > Tue Jun 12th 11:59pm PDT </ span > < span class =' badge ' > [Tue May 16 2:30pm PT](https://www.timeanddate.com/worldclock/fixedtime.html?msg=CMPT-363+Blackboard+Mini-lectures+and+Activities&iso=20220516T1430&p1=256&ah=1&am=50) </ span > Recortado a la altura de 250px en pantallas grandes, 125px en pantallas pequeñas.
![ UX - User Experience ] ( images/12650723674_d5c85af332_k.jpg ' :class=banner-image ') Recortado a la altura de 350px en pantallas grandes, 175px en pantallas pequeñas.
![ UX - User Experience ] ( images/12650723674_d5c85af332_k.jpg ' :class=banner-tall-image ') [ Required Reading Quiz due Jun 4th ] ( https://canvas.sfu.ca/courses/44038/quizzes/166553 ' :class=button ') [ : fa fa-download fa-fw : Download ] ( https://creativecommons.org/wp-content/uploads/2019/02/ccheart_black.svg_.zip ' :class=button ') < a class =" button " href =" https://creativecommons.org/wp-content/uploads/2019/02/ccheart_black.svg_.zip " target =" _blank " > < i class =" fa fa-download fa-fw " > </ i > Download </ a > [ Required Reading Quiz due Jun 4th ] ( https://canvas.sfu.ca/courses/44038/quizzes/166553 ' :class=button-rounded ') [ : fa fa-download fa-fw : Download ] ( https://creativecommons.org/wp-content/uploads/2019/02/ccheart_black.svg_.zip ' :class=button-rounded ') < a class =" button-rounded " href =" https://creativecommons.org/wp-content/uploads/2019/02/ccheart_black.svg_.zip " target =" _blank " > < i class =" fa fa-download fa-fw " > </ i > Download </ a > [ Required Reading Quiz due Jun 4th ] ( https://canvas.sfu.ca/courses/44038/quizzes/166553 ' :class=button-secondary ') [ : fa fa-download fa-fw : Download ] ( https://creativecommons.org/wp-content/uploads/2019/02/ccheart_black.svg_.zip ' :class=button ') < a class =" button-secondary " href =" https://creativecommons.org/wp-content/uploads/2019/02/ccheart_black.svg_.zip " target =" _blank " > < i class =" fa fa-download fa-fw " > </ i > Download </ a > [ Required Reading Quiz due Jun 4th ] ( https://canvas.sfu.ca/courses/44038/quizzes/166553 ' :class=button-secondary-rounded ') [ : fa fa-download fa-fw : Download ] ( https://creativecommons.org/wp-content/uploads/2019/02/ccheart_black.svg_.zip ' :class=button-secondary-rounded ') < a class =" button-secondary-rounded " href =" https://creativecommons.org/wp-content/uploads/2019/02/ccheart_black.svg_.zip " target =" _blank " > < i class =" fa fa-download fa-fw " > </ i > Download </ a > Para vistas previas de artículos vinculados, diapositivas/videos integrados, etc.
< a class =" embedly-card " data-card-controls =" 0 " data-card-align =" left " href =" https://blog.prototypr.io/defining-usability-e7bf42e8abd0 " > Defining usability </ a > Ancho sugerido de 1200px a 2000px.
![ Photo of Mountain ] ( images/mountain.jpg ' :class=header-image-fade ') El ancho sugerido de 1200px a 2000px, y la visualización de la tabla de contenido no está disponible.
![ Photo of Mountain ] ( images/mountain.jpg ' :class=header-image-fade-full-width ') Tamaño sugerido de 1200px a 2000px de ancho y 400px a 600px de altura, y la visualización de la tabla de contenido no está disponible.
![ Photo of Mountain ] ( images/mountain.jpg ' :class=header-image ') Imágenes de escala a %.
![ Photo of Mountain ] ( images/mountain.jpg ' :class=image-75 ') Escala de imágenes con borde al %.
![ Photo of Mountain ] ( images/mountain.jpg ' :class=image-75-border ') ![ Photo of Mountain ] ( images/mountain.jpg ' :class=image-border ') ![ Photo of Mountain ] ( images/mountain.jpg ' :class=image-border-rounded ') [ GitHub ] ( https://github.com/hibbitts-design/docsify-this ' :class=navpill ') [ : fab fa-github fa-fw : GitHub ] ( https://github.com/hibbitts-design/docsify-this ' :class=navpill ') < a class =" navpill " href =" https://github.com " target =" _blank " > < i class =" fab fa-github fa-fw " > </ i > GitHub </ a > Haga imágenes HTML en bruto que incluyan dimensiones de tamaño receptivas.
< img src =" https://raw.githubusercontent.com/hibbitts-design/publishing-with-docsify-this/main/images/docsify-this-web-page-builder.jpg " width =" 910 " height =" 682 " class =" responsive image-border " alt =" Docsify-This Web Page Builder " > < div class =" row " >
< div class =" column " >
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</ div >
< div class =" column " >
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</ div >
</ div > < div class =" row reverse-columns " >
< div class =" column " >
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</ div >
< div class =" column " >
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</ div >
</ div > < div class =" row " >
< div class =" column " >
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</ div >
< div class =" column-right " >
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</ div >
</ div > < div class =" video-container-4by3 " > < div class =" video-container-16by9 " > < iframe width =" 560 " height =" 315 " src =" https://www.youtube.com/embed/lJIrF4YjHfQ " > </ iframe > </ div > Se agregó automáticamente a todos los iFrames con los dominios de origen 'YouTube.com' o 'docs.google.com'.
< div class =" video-container-16by9 " > < iframe width =" 560 " height =" 315 " src =" https://www.youtube.com/embed/lJIrF4YjHfQ " > </ iframe > </ div > Además de las clases de Markdown CSS compatibles con Docsify-este, también puede definir sus propias clases personalizadas dentro de sus archivos de Markdown mostrados, por ejemplo:
CSS en el archivo Markdown:
<style >
. markdown-section . mybutton , . markdown-section . mybutton : hover {
cursor : pointer;
color : # CC0000 ;
height : auto;
display : inline-block;
border : 2 px solid # CC0000 ;
border-radius : 4 rem ;
margin : 2 px 0 px 2 px 0 px ;
padding : 8 px 18 px 8 px 18 px ;
line-height : 1.2 rem ;
background-color : white;
font-family : -apple-system , "Segoe UI" , "Helvetica Neue" , sans-serif;
font-weight : bold;
text-decoration : none;
}
< / style >Reducción:
[ Required Reading Quiz due Jun 4th ] ( https://canvas.sfu.ca/courses/44038/quizzes/166553 ' :class=mybutton ') Docsify-este fue diseñado para mostrar rápida y fácilmente uno o más archivos de Markdown alojados remotamente. Para una mayor personalización de la representación de archivos y para garantizar una disponibilidad consistente, incluso si la instancia pública docsify-this.net ya no estaba disponible, puede alojar su propia instancia de docsify-este.
To host your own instance on GitHub Pages, which also supports the option of a custom domain, fork or clone the Docsify-This repository to your GitHub account. Then, enable GitHub Pages using the /docs folder.
You can also have an instance of Docsify-This run on Codeberg such as https://docsify-this.codeberg.page by creating a new repository called pages , then choosing paulhibbitts/docsify-this-app in the template dropdown menu, choosing the Git Content (Default Branch) option and then tapping the Create Repository button.
Alternatively, you can upload the files in the Docsify-This /docs folder into a newly created Codeberg repository and then manually enable Codeberg Pages. An example Docsify-This instance running on Codeberg is available at https://codeberg.org/paulhibbitts/docsify-this-app, which uses a Branch renamed to pages .
If you want to run Docsify-This on your own Websever, create a destination folder on your server and then copy the files within the Docsify-This folder /docs to your newly created server folder. You could also use this docs folder as a custom domain root.
A more future-friendly setup would be to fork the Docsify-This repository (to support getting upstream updates) and use a GitHub Action such as FTP-Deploy to deploy all changed repository files to a webserver.
You can limit the domains which remote files can be rendered from by locating the line var allowedDomains = ''; within the index.html file and include your list of allowed domains separated by commas, for example var allowedDomains = 'codeberg.org,raw.githubusercontent.com,hibbittsdesign.org'; .
If you want to further customize and control the presentation of your Markdown content, especially when rendering multiple page sites, you can install your own Docsify Open Publishing Starter Kit (that this hosted web app is based on) and store all Markdown files within that site. You can learn more about the capabilities of Docsify itself at Docsify.js.org.
Looking for some help with getting a Docsify custom-This instance up and running for your organization? Paul provides a range of professional services related to Docsify-This - contact him to learn more.
The display of Font Awesome Free icons within Markdown content is supported with the following format:
: fas fa-home fa-fw :
The above Markdown is equivalent to the HTML markup <i class="fas fa-home fa-fw" aria-hidden="true"></i> .
When using the above shortcode for Font Awesome icons, it is assumed to be for decorative purposes, and so for improved accessibility an aria-hidden="true" attribute is automatically added to the icon. For semantic purposes, it is recommended you refer to the Font Awesome Icons and Accessibility guidelines.
The following style prefixes are available with Docsify-This:
GitHub Training Manual Working Locally with Git Markdown file, displayed by Docsify-This as a:
Easy Markdown to Github Pages linked set of Markdown files, displayed by Docsify-This as:
A Collection of GitHub Markdown files used as course content within an SFU CMPT-363 Canvas LMS site.
A Collection of GitHub Markdown files with inline CSS used as a multiple page SFU CMPT-363 course site with SFU visual branding and the Docsify Search plugin enabled, multiple page SFU CMPT-363 course site with SFU visual branding and website logo, and an example single Markdown file with default visual styling for embeddeding.
GitHub Markdown Content Demo file, displayed by Docsify-This as a Web Page with 'Edit this Page' link using the new GitHub.dev web editor (currently in Beta).
GitHub Markdown Content Demo file, displayed by Docsify-This as a Web Page with 'View raw Markdown' link.
Codeberg Markdown Content Demo file, displayed by Docsify-This as a Web Page with 'View raw Markdown' link.
GitHub's LaTeX Support Examples Markdown file, displayed by Docsify-This as a Web Page with an 'Edit this Page' link.
Mermaid-Docsify Example GitHub Markdown file, displayed by Docsify-This as a Web Page with an 'Edit this Page' link.
Docsify-This Multi-language Site Template, displayed by Docsify-This as a:
Docsify-This Simple Visual Portfolio Template (based on Notion Portfolio Template), displayed by Docsify-This as a:
Docsify-This Visual Portfolio Template (based on Notion Portfolio Template), displayed by Docsify-This as a:
A simple Markdown Student Portfolio Starter Template (based on Markdown Student Portfolio Template by Justin Thoreson) which is viewable on both GitHub and with Docsify-This.net, displayed by Docsify-This as:
Introduction to Docsify–This
Introductory, beginner to intermediate.
An introduction of Markdown publishing using the open source project Docsify–This.
Self-Publishing with Docsify–This
Intermediate, with a mix of basic and advanced aspects.
An overview to self-publishing with Markdown using the open source project Docsify–This, with a focus on digital literacy.
Use a page inspector to identify the font family and font size used in the platform you are embedding Docsify-This content in, and then pass that font family using the font-family (encoded, where spaces are replaced with '%20') and font-size (REM units) URL parameters to Docsify-This. For example, to match fonts with the Canvas LMS:
https://docsify-this.net?basePath=https://raw.githubusercontent.com/paulhibbitts/cmpt-363-222-pages/main&homepage=topics.md&font-family=Lato%20Extended,Lato,Helvetica%20Neue,Helvetica,Arial,sans-serif&font-size=1
If you want to include a Page Table of Contents with embedded Docsify-This content, but the destination platform screen area is not very wide, you might want to try the optional toc-narrow display option. For example, to use a narrower Table of Contents area that includes a smaller screen breakpoint: https://docsify-this.net?basePath=https://raw.githubusercontent.com/paulhibbitts/cmpt-363/main/docs/222&homepage=week-01.md&toc-narrow=true
Using Prismjs code blocks with syntax highlighting is supported for the languages included with Docsify and as well Bash, Go, Java, Kotlin, PHP, Python and Swift. To embed a code block use the Markdown standard of triple backticks and start the block with the name of the language, for example to embed a block of Javascript code with syntax highlight the following would be used:
```javascript
function test() {
console.log("Hello world!");
}
`` `` ``
Which would then appear as:
function test ( ) {
console . log ( "Hello world!" ) ;
} The content of external Markdown files can be embedded into Docisfy-This web pages with the following:
[ included Markdown from same source location ] ( example.md ' :include ') [ included Markdown from URL ] ( https://raw.githubusercontent.com/paulhibbitts/Markdown-File-Tests/main/itworks.md ' :include ')For additional examples of including external content, view Docsify Embeded Files.
WikiLinks format for links and images are supported, as also found in the desktop editor Obsidian and other platforms.
The display of AsciiDoc files ('.adoc' extension) via DownDoc is possible by manually passing the relevant filenames within a Docsify-This URL (not available in the Docisfy-This.net Web Page Builder), for example: https://docsify-this.net/?basePath=https://raw.githubusercontent.com/asciidoctor/asciidoctor-pdf/main/examples&homepage=basic-example.adoc&edit-link=https://github.com/asciidoctor/asciidoctor-pdf/blob/main/examples/basic-example.adoc
You can support the display of AsciiDoc files in the Web Page Builder of your own instance of Docsify-This by locating the function getAllowedFileExtensions() within the index.html file and add the file extension '.adoc' to the return statement, for example return ".md,.adoc"; .
The display of HedgeDoc files containing basic Markdown (as well as Mermaid and MathJax elements) is possible by manually using 'download' for the homepage URL parameter within a Docsify-This URL (not available in the Docisfy-This.net Web Page Builder), for example: https://docsify-this.net/?basePath=https://demo.hedgedoc.org/crN3ispNQdejWkUXXIXYQA&homepage=download
Here is an additional example, using the HedgeDoc file https://demo.hedgedoc.org/oisWMy9ZS36PE6TvYhJC4A?both (seen in split-screen view) and and rendered as a web page by Docsify-This https://docsify-this.net/?basePath=https://demo.hedgedoc.org&homepage=oisWMy9ZS36PE6TvYhJC4A/download&edit-link=https://demo.hedgedoc.org/oisWMy9ZS36PE6TvYhJC4A?both&toc=true&edit-link-text=Edit%20this%20Page%20in%20HedgeDoc
You can support HedgeDoc URLs (eg https://demo.hedgedoc.org/ip4SRxZYTEKa6JHr62XTiA) in the Web Page Builder of your own instance of Docsify-This by locating the line var hedgedocInstances = ''; within the index.html file and include your HedgeDoc instances separated by commas, for example var hedgedocInstances = 'demo.hedgedoc.org'; . Try out a demo instance of Docsify-This with support for demo.hedgedoc.org files at https://hibbitts-design.github.io/hedgedoc-docsify-this.
You can use camel case instead of hyphens for the names of Docsify-This URL parameters if prefered. Por ejemplo, https://docsify-this.net?basePath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-one-page-article/main&homepage= home.md&toc=true&toc-headings=h2,h3&edit-link=https://github.com/hibbitts-design/docsify-this-one-page-article/blob/main/home.md y https://docsify-this.net?basePath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-one-page-article/main&homepage =home.md&toc=true&tocHeadings=h2,h3&editLink=https://github.com/hibbitts-design/docsify-this-one-page-article/blob/main/home.md are equilivent.
To use the new GitHub.dev web editor (currently in Beta) for 'Edit this Page' links, change github.com to github.dev for GitHub.com files entered into the Web Page Builder Markdown File URL field.
There are multiple ways to get a raw Markdown file available online, here are three options to help you get started:
GitHub or Codeberg:
Gist (GitHub Gists):
.md (eg myfile.md )Personal or Organizational Website:
Some text editors, such as Microsoft Visual Studio (including the online GitHub.dev web editor), have the ability to link your own CSS so Markdown previews are more visually accurate. If your editor supports this ability, the below CSS files can be used.
Docsify-This (based on the Docsify Open Publishing Starter Kit) CSS:
https://docsify-this.net/assets/css/editor.css
FontAwesome CSS:
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css
Enhanced Previews with Microsoft Visual Studio
For an even closer visual representation of your Docsify-This pages in Microsoft Visual Studio, do the following:
docs folderTIP: If you change the VSCode setting for Workbench › Editor: Show Tabs to single then the docsify preview area will remain in place as you edit multiple Markdown files.
You can load custom default settings in the Docsify-This Web Page Builder using URL parameters. This ability is especially helpful for Docsify-This online sessions, workshops, or when users collaborate and assist one another. Along with the standard Docsify-This URL parameters, the Web Page Builder also offers the following specific parameters:
https://docsify-this.net/?url-field=https://codeberg.org/paulhibbitts/docsify-this-one-page-course/src/branch/main/home.mdhttps://docsify-this.net/?url-field=empty You can even just type docsify-this.net? in front of an online Markdown file URL that you are viewing (such as files hosted on GitHub, Codeberg, or raw source files) to instantly set up the Docsify-This Web Page Builder with that file. Once the Web Page Builder loads, press the Return key — no need to leave the keyboard — to see Docsify-This display the Markdown file as a web page! For example, https://docsify-this.net?https://github.com/hibbitts-design/docsify-this-one-page-course/blob/main/home.md .
https://docsify-this.net/?url-field=https://codeberg.org/paulhibbitts/docsify-this-one-page-course/src/branch/main/home.md&edit-link-checkbox=truehttps://docsify-this.net/?show-page-options=truehttps://docsify-this.net/?advanced=true For example, the following URL will display the Advanced Web Page Builder, with the Markdown file URL set to https://github.com/hibbitts-design/docsify-this-multiple-page-course-site/blob/main/home.md , the site name 'CPT-363' along with a Docsify custom Sidebar and Navbar to be included: https://docsify-this.net/?url-field=https://github.com/hibbitts-design/docsify-this-multiple-page-course-site/blob/main/home.md&sidebar=true&loadSidebar=true&loadNavbar=true&name=CPT-363
The quickest way to create such a shareable URL is to use the Docsify-This Web Page Builder to generate a Docisfy-This web page URL, and then replace the URL parameter basepath with url-field using the full path of the source Markdown file URL. For example, the URL https://docsify-this.net/?basePath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-one-page-article/main&homepage=home.md&sidebar=true&maxLevel=3 would be changed to https://docsify-this.net/?url-field=https://github.com/hibbitts-design/docsify-this-one-page-article/blob/main/home.md&homepage=home.md&sidebar=true&maxLevel=3.
The provided basePath parameter and/or optional homepage parameter may not be correct, verify that these items lead to accessible content. This error message may also result from a Cross-Origin Resource Sharing (CORS) policy, which restricts resources on a web page to be requested from another domain. If possible, relocate files to a domain that supports cross-origin requests or alternatively if the domain in question is under your control explore re-configuring CORS related settings. You can confirm the cause of the 404 message by viewing the errors displayed in the Browser Javascript Console.
When displaying GitHub Markdown files, the branch name is assumed to be main , and other paths will likely cause a 404 file not found message. When displaying Codeberg Markdown files, the path is assumed to contain /src/branch/main and other paths will likely cause a 404 file not found message.
Due to not being able to update Navbar or custom Sidebar links before page rendering, 'Edit this Page' links cannot be automatically updated to their correct target pages. Manually pass a URL pointing to the Git Repository using the URL parameter edit-link as a workaround, for example https://docsify-this.net?basePath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-multiple-page-site/main&homepage=home .md&loadNavbar=_navbar&edit-link=https://github.com/hibbitts-design/docsify-this-multiple-page-site&edit-link-text=GitHub%20Repository y https://docsify-this.net/?basePath=https://raw.githubusercontent.com/paulhibbitts/docsify-this-cmpt-363-222-site/main&homepage=home.md&loadNavbar=_navbar.m d&sidebar=true&loadSidebar=_sidebar.md&edit-link=https://github.com/paulhibbitts/docsify-this-cmpt-363-222-site/tree/main&edit-link-text=GitHub%20Repository
Docsify is likely displaying the last cached version. To ensure the most recent version of a file is loaded, do a hard refresh of your Browser cache.
The most likely cause for embedded images in Markdown not being displayed as expected is the use of relative paths (ie  ) - review image paths and ensure the full path to each image is used (ie  ). Likewise, if images in HTML are not being displayed as expected the likely cause is again the use of relative paths (ie <img src="images/filename.jpg" alt="Alt Text"> ) - use absolute URLs for HTML image sources (ie <img src="https://raw.githubusercontent.com/user/repository/main/images/filename.jpg" alt="Alt Text"> ).
Due to iframe cross-domain issues embedded content may not be able to be displayed. Use the included rich media embed service embed.ly as a workaround.
For example, the following iFrame HTML:
< iframe src =" https://docs.google.com/presentation/d/e/2PACX-1vRnnRFelgw1ksq_p8Eryg3dnyLCRRLPf5fBgdwdv9p-tCIwcxqWvzDGrGbjxGHL7HqEJVpmV26ntk3a/embed?start=false&loop=false&delayms=3000 " frameborder =" 0 " width = 780 " height="585" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" > </ iframe >Would be changed to:
< a class =" embedly-card " data-card-controls =" 0 " data-card-align =" left " data-card-width =" 100% " href =" https://docs.google.com/presentation/d/1BLaaOTsGxDmNcAhg6pdx3hl9IvI8NErg8Oe5ceh83fw/edit?usp=sharing " > Grav and Docsify Slides Placeholder </ a > When displaying a Docsify Sidebar or custom Sidebar, it is expected that page header levels start with a H1 level header.
When the search field is enabled in a Docsify custom Sidebar, only pages listed and linked in the Sidebar will be indexed for the search. Any pages linked in an optional Navbar will not be included in searches.
Docsify-This (as with Docsify itself) will only execute the first script included in a Markdown page, as described in the Docsify documentation.
Have you tried out Docsify-This? Share your feedback about Docsify-This
By leveraging his extensive UX design expertise and systems-oriented approach, Paul helps teams and individuals utilize open content in a range of education and publication settings, especially in connection with his Markdown-based Docsify and Grav CMS open-source projects. Professional services include user experience and workflow consulting, premium support subscriptions, workshops, and custom development. Sound of interest? Send a note to [email protected].
This open source project is by Paul Hibbitts of HibbittsDesign.org.
??♂️Special Thanks
Beau Shaw for his Remote Docsify example.
Alan Levine for the inspiration of a consolidated ReadMe collection.
