É possível fazer um link relativo para a imagem em um arquivo markdown em um gist?

94

Eu tenho um resumo que contém um arquivo markdown e uma imagem.

Existe uma maneira de fazer um link relativo para esta imagem? Algo como em ![My image](image.png)vez de![My image](https://gist.github.com/user/605560c2961cb3025038/raw/b75d2...6e8/img.png)

Aqui está um exemplo

github markdown gist alienlebarge
fonte

Respostas:

162

A partir de agora, links de imagens relativas estão funcionando para mim, tanto em um repositório quanto em um wiki. Estou usando uma sintaxe como esta:

![Kiku](images/Kiku.jpg)

Aqui está um exemplo:

https://github.com/mark-anders/relative-image-url

markand
fonte
obrigado! Fiquei frustrado tentando usar imagens locais, mas funcionou!
Dom
Meu erro foi ter um espaço entre o ]e(
incomum
1
Pelo menos para o Github, acabei de descobrir que você não pode ter espaços em seus nomes de arquivo ou o GitHub não consegue reconhecer imagens locais (não tenho certeza se adicionar aspas resolverá isso)
Xiaoyong Zhu
5
Isso pode funcionar em repositórios regulares do Github, mas não no Gists ( gist.github.com ).
Beni Cherniavsky-Paskin
1
Se houver caracteres especiais no caminho relativo da imagem que você está tentando vincular, certifique-se de que está codificado para url.
felixperreault
3

De acordo com http://blog.rodneyrehm.de/archives/35-Including-Data-From-Github.html , o problema em usar https: //gist.github.com/user/605560c2961cb3025038/raw/b75d2 ... 6e8 / img.png

é que a b75d2...6e8parte varia por arquivo (uma rápida experimentação confirma que é o id do git blob). No entanto, você pode descartar essa parte resultando em um URL apontando para a versão mais recente:

https://gist.github.com/user/605560c2961cb3025038/raw/img.png

ou para dar um exemplo prático:

https://gist.githubusercontent.com/cben/46d9536baacb7c5d196c/raw/dodgetocat_v2.png

Caminho relativo?

Isso também funciona como caminho relativo raw/dodgetocat_v2.png!
No entanto (no final de 2017) o github pode processar a mesma essência a partir de 2 URLs:

[ATUALIZADO em dezembro de 2017. Problemas anteriores de arquivos brutos serviram como atributos de Content-Type: application/octet-streamreescrita srcde imagens para camo.githubusercontent.comnão acontecer mais, pelo menos não para imagens da mesma essência.]

Infelizmente, não podemos simplesmente usar o primeiro URL e confiar que ele sempre funcionará.

  • Atualmente, nenhum formulário retorna um redirecionamento, nem fornece um link rel = canonical. Eu não apostaria no Github para nunca mudar isso!
  • Todos os links de essência internos (por exemplo, da página do usuário https://gist.github.com/cben/ ) omitem a barra final :-(
  • Os pontos essenciais nos resultados de pesquisa do Google omitem a barra final :-(

(Você poderia usar o caminho relativo 46d9536baacb7c5d196c/raw/dodgetocat_v2.pngque funcionaria apenas sem barra final, mas essa também é uma ideia questionável e menos vale a pena - não é realmente mais flexível do que o URL completo.)

Usando um proxy?

Ambos podem ser contornados com um proxy que fixa o Content-Type, por exemplo, Rawgit ou Bl.ocks.org (não pelo Github, não abuse deles). Infelizmente Rawgit não renderiza Markdown, apenas exibe arquivos como estão, e Bl.ocks.org renderiza markdown, mas a estrutura da URL é tal que os links relativos não funcionam. Isso significa que você pode fazer referência a URL externo completo no Markdown ou relativo em HTML :-(

Consulte https://gist.github.com/cben/46d9536baacb7c5d196c/ bifurcado em sua essência e seu index.html visualizado via:

Beni Cherniavsky-Paskin
fonte
2

Sim, o link relativo está funcionando para mim. Estou usando o pancake.io para hospedar minhas páginas. http://pancake.io/2c8aa8/topics/cpp/cpp.md

As imagens dessa página estão na cpppasta.

O código de redução usado para a primeira imagem é

![C++ Var Types](basic_cpp_var_types.png)

O código de redução (na verdade, html) usado para a segunda imagem é

<div style='float: center'>
  <img style='width: 600px' src="prefixpostfixincrement.png"></img>
</div>

NOTA: Eu perdi a parte principal. Experimente o método html se o gist não suportar a sintaxe do caminho relativo da imagem de markdown.

Kaushal Modi
fonte
O método HTML não funciona. É mais um problema de Gist do que de Markdown
alienlebarge
2

testei agora mesmo ... não consegui usar urls relativos no wiki do github.

Tive que adicionar a imagem ao repositório do wiki, em seguida, navegue no repositório e faça com que o github o mostre para mim (para que eu pudesse pegar o url). em seguida, use o url completo na marcação. mas, felizmente, os urls são simples de prever:https://github.com/*username*/*reponame*/wiki/*imagename.png*

Enviei este isse para o suporte do github.

xero
fonte