Eu sei que posso exibir uma imagem com a seguinte sintaxe:
![](/imagepath)
No entanto, também é possível incorporar diretamente uma imagem no documento para compartilhar o documento Markdown com o arquivo de imagem contido diretamente nele?
Sim, é possível, usando data:
URIs e base64. Terrivelmente ineficiente:
![Hello World](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAUCAAAAAAVAxSkAAABrUlEQVQ4y+3TPUvDQBgH8OdDOGa+oUMgk2MpdHIIgpSUiqC0OKirgxYX8QVFRQRpBRF8KShqLbgIYkUEteCgFVuqUEVxEIkvJFhae3m8S2KbSkcFBw9yHP88+eXucgH8kQZ/jSm4VDaIy9RKCpKac9NKgU4uEJNwhHhK3qvPBVO8rxRWmFXPF+NSM1KVMbwriAMwhDgVcrxeMZm85GR0PhvGJAAmyozJsbsxgNEir4iEjIK0SYqGd8sOR3rJAGN2BCEkOxhxMhpd8Mk0CXtZacxi1hr20mI/rzgnxayoidevcGuHXTC/q6QuYSMt1jC+gBIiMg12v2vb5NlklChiWnhmFZpwvxDGzuUzV8kOg+N8UUvNBp64vy9q3UN7gDXhwWLY2nMC3zRDibfsY7wjEkY79CdMZhrxSqqzxf4ZRPXwzWJirMicDa5KwiPeARygHXKNMQHEy3rMopDR20XNZGbJzUtrwDC/KshlLDWyqdmhxZzCsdYmf2fWZPoxCEDyfIvdtNQH0PRkH6Q51g8rFO3Qzxh2LbItcDCOpmuOsV7ntNaERe3v/lP/zO8yn4N+yNPrekmPAAAAAElFTkSuQmCC)
Infelizmente Super User não permite data:
URIs, ficaria assim:
Se isso vai funcionar, é claro, depende do que você está usando para (pré) visualizar o documento. Tem que suportar e permitir data:
URIs.
![My image up in the page][1]
seguido em algum ponto por[1]: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...
Não, um documento do Markdown é apenas um arquivo de texto, e os editores de texto (mesmo os que usam o Markdown) não saberiam o que fazer com um blob de dados de imagens binárias no meio de um arquivo de texto.
Existem métodos como MIME e base64 para codificar dados binários em um arquivo de texto em um sentido, mas a maioria dos editores de texto e renderizadores do Markdown não saberiam o que fazer com um documento codificado em MIME que contenha uma parte de texto Markdown e uma imagem codificada em base64 parte.
fonte
Eu fiz alguns testes e incorporação geralmente funciona com editores de marcação on-line como dillinger.io, jbt.github.io, stackedit.io , então este tópico não é tão preto e branco como @Spiff escreveu acima.
Esta é uma captura de tela de dois blocos base64 inseridos usando 1) uma referência interna e 2) uma inserção de imagem comum (veja o código abaixo).
1) o bloco base64 referenciado deixa de ser analisado no ponto onde começa 'um novo pedaço de imagem', a parte verde
... So4Z4wxkXa7KukmKul2dDvd ...
2) passando o bloco diretamente obtemos toda a imagem
código
Isso foi testado com http://tmpvar.com/markdown.html . Eu não sei como isso se comporta no github. A questão já foi bem discutida.
fonte