docsify this
v1.9.16: Merge pull request #161 from hibbitts-design
Este aplicativo da web de código aberto, criado com o gerador de site de documentação mágica docsify, permite publicar arquivos de marcação on-line como páginas da web sem configurar seu próprio site.
Confira o que o DocSify-isso pode fazer ao visualizar esse arquivo ReadMe como uma página da Web com uma barra lateral opcional que inclui títulos de até 4 níveis!
Figura 1. Docsify-This.Net Web Page Builder.
Você já experimentou docsify-isso? Compartilhe seu feedback sobre docsify-isso
O DOCSify-isso fornece uma maneira fácil de exibir e compartilhar o conteúdo de marcação em vários contextos, sem a necessidade de configuração ou criação de sites. Ao hospedar seus arquivos de marcação no Github ou Codeberg, você também pode aproveitar o controle da versão (a capacidade de rastrear e reverter alterações) e permitir a colaboração.
Com docsify-isso você pode:
Docsify-este é um site de kit de partida de publicação aberto personalizado, configurado para renderizar arquivos de marcação remota por meio de parâmetros de URL no seguinte formato:
https://docsify-this.net?basePath=URLpath&homepage=filename.md
O parâmetro BasePath Docsify é o caminho da URL que contém o arquivo de marcação de fonte bruta para renderizar. Se o arquivo for denominado o esperado, readme.md , não será necessário outro parâmetro, caso contrário, o parâmetro da página inicial docsify também deverá ser incluído definido como o nome do arquivo para renderizar. Um exemplo docsify-este seria: https://docsify-this.net/?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-one-page-article/main&homepage=home.md
Docsify-isso pode renderizar arquivos de qualquer lugar que o conteúdo de um arquivo de marcação possa ser visualizado em um navegador da web, incluindo:
Para renderizar diretamente um arquivo armazenado em um repositório público do GitHub quando não estiver usando o construtor de páginas da web acima, você precisa usar o URL de origem bruto desse arquivo (ou seja, Raw.githubusecontent.com) tocando no botão bruto ao visualizar um arquivo. Também é possível renderizar um arquivo armazenado em um repositório particular do GitHub ativando páginas do GitHub dentro desse repositório e usando o URL do GitHub Pages desse arquivo (ou seja, usuário.github.io).
A aparência dos arquivos de marcação renderizada pode ser personalizada por parâmetros opcionais de URL e um pequeno conjunto de classes CSS disponíveis nos arquivos de marcação de origem. Além de suportar os diagramas de remarca padrão, os diagramas H5p, Latex e Sereia estão incluídos. Opcionalmente, a anotação de página com hipóteses.is pode ser ativada.
Procurando uma introdução geral à publicação com o DOCSIFY-ESTE? Confira o Markdown Publishing com o Docsify-este.
Fico impressionado com o fato de você colocar um URL (arquivo de marcação) no docsify-isso e então você recebe um URL de volta para uma página da web ... feito! Pegue o URL e vá. É tão perfeito.
-J. Groom, Recupenda Today Episódio 39 (co-fundador, recuperação de recuperação)
Eu tenho usado o DOCSIFY-ESTE para o meu curso de produção de pós-graduação, em parte para explorar novos modelos na publicação do Markdown, mas em parte também para domar a tela, que acho estranho e pesado. Manter todas as notas do meu curso como arquivos de texto sem formatação e implantá-los através do Github e Docsify-isso é fácil e facilita o desenvolvimento do meu curso. Além disso, mantenho todos os meus materiais localmente e posso usá-los reutilizá-los sem depender da tela.
- J. Maxwell (diretor e professor associado do programa de publicação da Universidade Simon Fraser)
Melhor ferramenta que encontrei em anos - essa é uma daquelas criações que são feitas bem, até o núcleo.
- D. Malawey (Coordenador de Laboratório Multidisciplinar, Universidade do Texas A&M)
Docsify-isso melhorou significativamente meus temas do WordPress, sendo capaz de incorporar perfeitamente na interface a mesma documentação que eu uso no repositório do GitHub. Por sua vez, isso me levou a escrever documentos melhores! Eu mal arranhei a superfície do que o Docsify-isso pode fazer como uma ferramenta de publicação da web simples de usar.
- A. Levine Aka Cogdog (Tecnólogo Educacional Independente)
Docsify-isso foi reconhecido como finalista na categoria de infraestrutura aberta para o 2024 Open Education Awards for Excellence-obrigado a todos os mantenedores e colaboradores e colaboradores do Docsify.js.org e a colegas editores, educadores e criadores abertos que compartilham seu conteúdo aberto com o resto do mundo através do Docsify-This.
A aparência visual de um arquivo de marcação on-line exibido como uma página da Web pelo Docsify-isso pode ser alterado de duas maneiras:
Por exemplo, para exibir o arquivo de marcação localizado em https://raw.githubusercontent.com/hibbitts-design/docsify-this-one-page-article/main/home.md com uma barra lateral Docsify, incluindo títulos de até 3 níveis, o docsify-this url é:
https://docsify-this.net/?basePath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-one-page-article/main&homepage=home.md&sidebar=true&maxLevel=3E eis como o docsify-this.net exibe o mesmo URL:
A página da web exibida por docsify-this.net, mostrando o arquivo de marcação com uma barra lateral que inclui títulos de até 3 níveis, conforme especificado pelo DOCSIFY-ESTE URL.
Saiba mais sobre cada um dos documentos básicos-esses parâmetros da URL abaixo e descubra o que é possível ao combinar parâmetros de URL e arquivos de marcação on-line com um conjunto de DOCSify pronto para uso-esses modelos de marcação.
Parâmetros básicos de URL (incluídos no construtor de páginas da web padrão)
Defina um título personalizado na guia Browser para suas páginas da web com o parâmetro opcional do navegador-tab-title , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/paulhibbitts/demo-grav-open-matter-course-hub/master/pages/04.resources&homepage=page.md&browsaster/pages/044 Então, "minha página" seria "minha%20PAGE".
Exiba um link "Editar esta página" (o local padrão é inferior da página) com o parâmetro opcional Edit-Link , por exemplo:
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
Altere o texto padrão para um link "Editar esta página" com o parâmetro opcional Edit-Link-Text , por exemplo:
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-publishishing-starter-kit/blob/main/readme.md&edit-link-text=view%20as%20markdown Observe o uso do texto com espaços que eles devem ser codificados; portanto, "a visualização como marcação" seria "Visualizar%20As%20Markdown".
Altere a localização do link "Editar esta página" da parte inferior das páginas para ser a parte superior das páginas com o parâmetro opcional Edit-Link-top , por exemplo:
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-publishishing-starter-kit/blob/main/readme.md&edit-link-top=true
Defina uma fonte personalizada para suas páginas da web com o parâmetro opcional -família , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starter-kit/main/docs&homepage=resources.md-sder. Esse parâmetro pode ser particularmente valioso ao tentar corresponder melhor à apresentação visual do conteúdo incorporado com sua plataforma de destino. Observe que use fontes com espaços em seus nomes que eles devem ser codificados; portanto, "Courier New" seria "Courier%20New".
Defina um tamanho de fonte personalizado para suas páginas da web com o parâmetro opcional de tamanho de fonte , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starter-kit/main/docs&homepage=resources.md&font-size=1. Esse parâmetro pode ser particularmente valioso ao tentar corresponder melhor à apresentação visual do conteúdo incorporado com sua plataforma de destino. Observe que o tamanho da fonte está definido nas unidades REM.
Defina um peso da fonte de cabeçalho personalizado (o padrão é de 400 - regular) para suas páginas da web com o parâmetro opcional do cabeçalho , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starter-kit/main/docs&homepage=resources.md&header-kit=600.
Ocultar os créditos geralmente mostrados na parte inferior de todos os docesify exibidos-esta página com o parâmetro opcional de credos de esconderijo , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starter-kit/main/docs&homepage=resources.md&hide-kit/main/docs&homepage=resourceces.md&hide-kit/credits.
Ativar anotação de página com hipóteses.is com o parâmetro de hipótese opcional, por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starter-kit/main/docs&homepage=resources.md&hypothesis=true.
Defina uma altura de linha personalizada para suas páginas da web com o parâmetro opcional de altura de linha , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starter-kit/main/docs&homepage=resources.md&line-hin-kit=1.5.
Defina uma cor personalizada para todos os links, definidos usando o formato hexadecimal padrão sem o símbolo '#' com o parâmetro de link-color opcional, por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starter-kit/main/docs&homepage=resources.md&link-clor=cc0000.
Defina o nível máximo de cabeçalho da barra lateral Docsify com o parâmetro opcional de Docsify Docsify , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishishing-starter-kit/main/docs&homepage=introduction.md&sidebarter3
Exiba uma barra lateral Docsify com o parâmetro opcional da barra lateral , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starter-kit/main&sidebar=true
Exiba um índice de tabela de página com o parâmetro opcional TOC , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishishing-starter-kit/main/docs&homepage=introduction.md&toc=true
Defina os níveis de cabeçalho da página (ou seja, H1, H2, etc.) a ser incluído no índice da página com o parâmetro opcional do tocado , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishishing-starter-kit/main/docshome&homepage=introduction.mdhhe.
Use um índice de mesa menos amplo com o parâmetro opcional TOC-Narrow , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishishing-starter-kit/main/docs&homepage=introduction.md&toc-kit=true. Esse parâmetro pode ser particularmente valioso ao incorporar conteúdo, onde é provável uma área de tela menor.
Ativar Zoom da imagem (tocando imagens na página para ampliá-las) com o parâmetro opcional Zoom-Images Docsify, por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/paulhibbitts/docsify-this-markdown-content-demo/main&zoom-images=True. Para excluir imagens, use  .
Os seguintes parâmetros adicionais de URL estão disponíveis para uso nos Docsify-esses URLs e estão incluídos no Advanced Web Page Builder, a menos que indicado de outra forma.
Parâmetros Suplementares de URL (incluídos no Advanced Web Page Builder)
Exiba uma página de cobertura personalizada do DOCSIFY com o parâmetro opcional da página de cobertura , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishishing-starter-kit/main/docs&homepage=home.md&coverpage=_Coverppage.Docs&homepage=home.md&coverpage=_Coverppage.d
Defina uma cor personalizada para a página de cobertura com o parâmetro opcional de cor de cobertura , por exemplo:
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-color=cc0000
Defina uma cor personalizada para a página de cobertura no modo escuro com o parâmetro opcional de coverpage-cor-dark-mode , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishishing-starter-kit/main/docs&homepage=home .md & escuro-mode = true & link-color = cc0000 & link-color-dark-mode = ff9e9e & coverPage = _coverpage.md & coverPage-color = cc0000 & coverpage-cor-dark-mode = 4d0000
Alterne automaticamente o tema claro/escuro com base na preferência no nível do sistema operacional do sistema, por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishishing-starter-kit/main/docs&homepage=introduction.md&dark-kit/main/docs&homepage=introduction.md&dark-kit/main/docs&homepage=introduction.md&dark-kit/main
Altere o link de emoji padrão para um link "Editar esta página" com o parâmetro opcional Edit-Link-Emoji (não incluído no Advanced Web Page Builder), por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starter-kit/main&edit-link=https://git hub.com/hibbitts-design/docsify-open-publishishing-starter-kit/blob/main/readme.md&edit-link-text=view%20on%20github&edit-link-emoji=:file_folder:
Habilite o carregamento preguiçoso de imagens por navegadores com o parâmetro opcional Lazy-Largo-Images (não incluído no Advanced Web Page Builder), por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishish-starter-kit/main/docs&homepage=introduction.mderlrazy-kit-mages=true/docs&homepage=introduction.mderlazy-kit-mages Por exemplo, pela barra lateral do docsify etc.
Defina uma cor personalizada para todos os links no modo escuro, definido usando o formato hexadecimal padrão sem o símbolo '#' com o parâmetro opcional Link-Color-Dark-Mode , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course- starter-kit/main/docs & homepage = Resources.md & link-color = cc0000 e modo escuro = true & link-color-dark-mode = ff9e9e.
Defina uma cor de pairar personalizada para todos os links, definida usando o formato hexadecimal padrão sem o símbolo '#' com o parâmetro opcional Link-hover-cors , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starter-kit/main/docs&homepage=resources.md&link-kit/main/docs&homepage=resourceces.md&link-kit=cco
Defina uma cor de mouse personalizada para todos os links no modo escuro, definido usando o formato hexadecimal padrão sem o símbolo '#' com o parâmetro opcional Link-Hover-Color-Dark-Mode , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-sta rter-kit/main/docs & homepage = Resources.md & link-color = cc0000 e modo escuro = true & link-hover-cor-dark-mode = ff9e9e.
Defina uma decoração de texto personalizada para todos os links, com o parâmetro opcional Link-Text-Decoration , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starter-kit/main/docs&homepage=resources.md&link-kit-textorning=nONE
Defina uma decoração de texto em pairar personalizada para todos os links, com o parâmetro opcional Link-Text-Decoration Wover , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-course-starter-kit/main/docs&homepage=resourceces.md&link-kit/main-tecorning----ing----ing--ment--ment--ment--ment--ment--ment-ment-ment-mentmentmentpagementpgementgompagement
Você pode definir um favicon personalizado a partir do arquivo de imagem passado do parâmetro opcional loadfavicon , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/paulhibbitts/docsify-this-markdown-content-demo/main&loadfavicon=open-access.png
Carregue um rodapé docsify do arquivo de marcação no diretório atual aprovado com o parâmetro opcional loadfooter docsify, por exemplo: https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishishing-starter-kit/main/docs&homepage=introduction.md&loaderfooter=foterMerm.
Carregue um Docsify Navbar personalizado do arquivo de marcação passado com o parâmetro opcional loadnavbar docsify, por exemplo:
https://docsify-this.net?basePath=https://raw.githubusercontent.com/hibbitts-design/docsify-open-publishing-starter-kit/main/docs&homepage=introduction.md&loadNavbar=_navbar.md
Carregue uma barra lateral personalizada DOCSIFY do arquivo de marcação passado com o parâmetro opcional loadsidebarbar docsify, por exemplo:
https://docsify-this.net/?basepath=https://raw.githubusercontent.com/paulhibbitts/docsify-this-cmpt-363-222-site/main&home=home.md-hsidebar=ithload&adruge/main&homepage=home.md-hidebar=tueload.
Exiba uma imagem de logotipo para o site em uma barra lateral personalizada do DOCSIFY (IE FILE 'logo.png) com o parâmetro Opcional Logo Docsify, por exemplo:
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 =/imagens/logo.png O caminho completo da pasta e o nome do arquivo devem ser fornecidos. O nome de um site também deve ser fornecido e será usado como texto ALT para o logotipo.
Mesclar os itens da barra naval na parte superior da barra lateral em telas menores com o parâmetro opcional Mergenavbar docsify, por exemplo: https://docsify-this.net/?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-multiple-page-cours E-Site/Main & Homepage = home.md & Sidebar = true & loadsidebar = _sidebar.md & loadnavbar = _navbar.md & MerGenavbar = true & Name = CPT-363
Exiba o nome do site em uma barra lateral personalizada do DOCSIFY (ou seja, arquivo '_sidebar.md) com o nome opcional Docsify Parâmetro, por exemplo:
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 Quando este parâmetro for fornecido, ele também será usado automaticamente como o título da guia do navegador.
Defina um título de página personalizado na parte superior de suas páginas da web com o parâmetro opcional de título de página , por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/paulhibbitts/demo-grav-open-matter-course-hub/master/pages/04.resources&homepage=page.md&page-title-title=resoursinSources&homepage=page.md&page-title-title=r. Página "Seria" My%20Page ".
Exiba os botões de paginação na área de conteúdo da página (a barra lateral personalizada do docsify necessária) com o parâmetro de paginação opcional, por exemplo:
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 & paginação = true
Ativar o plug -in de pesquisa do DocSify (que atualmente inclui correspondências para texto e marcação) em vários sites de páginas, incluindo uma barra lateral personalizada com o parâmetro opcional de pesquisa de pesquisa docsify, por exemplo:
https://docsify-this.net?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-multiple-pag E-Course-site/main & homepage = home.md & latebar = true & loadsidebar = _sidebar.md & loadnavbar = _navbar.md & searchbox = true
Defina os níveis máximos de cabeçalho automático de tabela de tabela na barra lateral DOCSIFY (IE FILE '_SEDERBAR.MD) com o parâmetro opcional SubmAxlevel Docsify, por exemplo:
https://docsify-this.net/?basepath=https://raw.githubusercontent.com/paulhibbitts/docsify-this-cmpt-363-222-site/main&home=home.mderbarbarbarloadja-site/Main&home=home.mdberbarbarloadja
Use a versão SVG dos ícones impressionantes da fonte em vez de fontes da web com o parâmetro opcional SVG-icons (não incluído no avançado construtor de páginas da web), por exemplo:
https://v2.preview.docsify-this.net/?basepath=https://raw.githubusercontent.com/hibbitts-design/docsify-this-lms-content-pages/main&homepage=schedule.md&svg-icnsgontrue
Incorporar conteúdo em tela
Exemplo de código do iframe, incluindo parâmetros de URL para corresponder perfeitamente ao DOCSIFY-esse conteúdo da tela:
< 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 >Se uma barra de rolagem estiver presente, convém reeditar o código do iFrame e ajustar o valor "altura".
Como adiciono um URL externo como um item de módulo?
Exemplo de link externo do módulo, com o índice de página de 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 Criando um link personalizado na navegação do seu curso usando a ferramenta de redirecionamento
Redirecionar Exemplo de campo de URL:
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 incorporar conteúdo nas páginas)
Ferramenta externa (para adicionar um link para navegação ou elementos do curso)
Embora tudo o que você precisa para continuar com o DocSify-este é um arquivo de marcação básico, abaixo estão alguns modelos que você pode usar que mostram o que é possível com markdown, imagens, parâmetros de URL e até alguns trechos HTML!
Para usar esses modelos, você geralmente faria o seguinte (instruções específicas do modelo estão incluídas em cada modelo):
Faça login no Github ou crie uma conta se ainda não tiver uma.
Toque em usar este modelo no repositório de modelo escolhido (botão verde superior direito) e escolha Criar um novo repositório
Escolha o nome do seu novo repositório para conter os arquivos e toque em Criar repositório para copiar os arquivos do modelo para sua própria conta do GitHub
Veja um arquivo de marcação incluído, por exemplo, home.md , e copie seu URL.
Vá para https://docsify-this.net e cole o URL copiado no campo URL do arquivo de marcação
Selecione as opções de página desejadas (por exemplo, Docsify Side Bar) e toque na publicação como um botão da página da web para visualizar seu arquivo de marcação como uma página da web para compartilhar ou incorporar
Para editar um arquivo no github, toque no ícone do lápis (editar arquivo) no topo direito ao visualizar o arquivo, faça suas alterações e toque no botão Alterações do Committer ... para salvar essas alterações.
Artigo de uma página Home.md Arquivo exibido por docsify-isso como um:
Arquivo de uma página Home.md exibido por docsify-isso como um:
Arquivo do site de várias páginas Home.md, incluindo o uso da classe CSS da classe CSS header-image-full-width , exibida por Docsify-isso como:
Múltiplos páginas Open Publishing Site Home.md File, incluindo o uso de um arquivo da barra lateral Custom da DOCSIFY, exibida por Docsify-isso como:
Arquivo do site do curso de múltiplas páginas Home.md, incluindo o uso de um arquivo de barra lateral do DocSify e Docsify NavBar File, exibido pelo DOCSIFY-isso como:
Exemplo de páginas, incluindo o uso dos parâmetros de URL font-family , font-size e hide-credits para o conteúdo contínuo incorporado no LMS de tela, conforme exibido pelo Docsify-isso:
Veja um exemplo de site LMS Canvas usando o conteúdo DOCSIFY-Este em https://canvas.sfu.ca/courses/76692.
Docsify-This.net Open e colaborativo fluxo de trabalho usando arquivos de marcação do GitHub.
Docsify-This.net Fluxo de trabalho usando arquivos de marcação do servidor da web.
Ao usar o DocSify-este para exibir arquivos de marcação localizados em serviços baseados em Git, como o Github ou Codeberg, você pode baixar arquivos (clone) na sua área de trabalho para edição local e depois fazer upload (push) de volta aos arquivos online.
Por exemplo, para editar os arquivos do GitHub Markdown na sua área de trabalho, você faria o seguinte:
Saiba mais sobre como começar o Github Desktop.
As seguintes classes CSS estão disponíveis ao criar seu próprio conteúdo de remarca.
< 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 > Crotou até a altura de 250px em telas grandes, 125px em telas pequenas.
![ UX - User Experience ] ( images/12650723674_d5c85af332_k.jpg ' :class=banner-image ') Crotou até a altura de 350px em telas grandes, 175px em telas pequenas.
![ 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 visualizações de artigos vinculados, slides/vídeos incorporados, etc.
< a class =" embedly-card " data-card-controls =" 0 " data-card-align =" left " href =" https://blog.prototypr.io/defining-usability-e7bf42e8abd0 " > Defining usability </ a > Largura sugerida de 1200px a 2000px.
![ Photo of Mountain ] ( images/mountain.jpg ' :class=header-image-fade ') A largura sugerida de 1200px a 2000px e a exibição do índice não está disponível.
![ Photo of Mountain ] ( images/mountain.jpg ' :class=header-image-fade-full-width ') Tamanho sugerido de largura de 1200 px a 2000px e altura de 400px a 600px, e a exibição do índice não está disponível.
![ Photo of Mountain ] ( images/mountain.jpg ' :class=header-image ') Escala imagens para %.
![ Photo of Mountain ] ( images/mountain.jpg ' :class=image-75 ') Escala imagens com borda para %.
![ 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 > Torne imagens HTML cruas que incluam dimensões de tamanho responsivas.
< 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 > Adicionado automaticamente a todos os iframes com os domínios de origem 'youtube.com' ou 'docs.google.com'.
< div class =" video-container-16by9 " > < iframe width =" 560 " height =" 315 " src =" https://www.youtube.com/embed/lJIrF4YjHfQ " > </ iframe > </ div > Além das classes CSS de Markdown suportadas pelo DOCSIFY-ESTE, você também pode definir suas próprias classes personalizadas em seus arquivos de marcação exibidos, por exemplo:
CSS no arquivo de marcação:
<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 >Markdown:
[ Required Reading Quiz due Jun 4th ] ( https://canvas.sfu.ca/courses/44038/quizzes/166553 ' :class=mybutton ') O DOCSify-isso foi projetado para exibir rápida e facilmente um ou mais arquivos de marcação hospedados remotamente. Para uma maior personalização da renderização de arquivos e para garantir a disponibilidade consistente, mesmo que a instância pública docsify-this.net não estivesse mais disponível, você pode hospedar sua própria instância do 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 exemplo, 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 e 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 e 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.
