È possibile creare un collegamento relativo all'immagine in un file markdown in un gist?


94

Ho una sintesi che contiene un file markdown e un'immagine.

C'è un modo per creare un collegamento relativo a questa immagine? Qualcosa di simile ![My image](image.png)invece di![My image](https://gist.github.com/user/605560c2961cb3025038/raw/b75d2...6e8/img.png)

Ecco un esempio

Risposte:


162

A partire da ora, i collegamenti alle immagini relative funzionano per me, sia in un repository che in un wiki. Sto usando la sintassi come questa:

![Kiku](images/Kiku.jpg)

Ecco un esempio:

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


Grazie! Ero frustrato cercando di usare immagini locali ma ha funzionato!
domenica

Il mio errore è stato quello di avere uno spazio tra ]e(
Non comune

1
Almeno per Github, ho appena scoperto che non puoi avere spazi nei nomi dei file, o GitHub non può riconoscere le immagini locali (non sono sicuro che l'aggiunta di virgolette risolverà questo problema)
Xiaoyong Zhu

5
Questo può funzionare su normali repository Github, ma non su Gists ( gist.github.com ).
Beni Cherniavsky-Paskin

1
Se sono presenti caratteri speciali nel percorso relativo dell'immagine che stai cercando di collegare, assicurati che sia codificato nell'URL.
felixperreault

3

Secondo http://blog.rodneyrehm.de/archives/35-Including-Data-From-Github.html , il problema nell'utilizzo di https: //gist.github.com/user/605560c2961cb3025038/raw/b75d2 ... 6e8 / img.png

è che la b75d2...6e8parte varia in base al file (una rapida sperimentazione conferma che è l'id del blob git). Tuttavia puoi rilasciare quella parte risultando in un URL che punta alla versione più recente:

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

o per fare un esempio funzionante:

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

Percorso relativo?

Funziona anche come percorso relativo raw/dodgetocat_v2.png!
Tuttavia (a partire dalla fine del 2017) github può eseguire il rendering della stessa sintesi da 2 URL:

[AGGIORNATO dicembre 2017. I problemi precedenti dei file raw servivano come Content-Type: application/octet-streame gli srcattributi di riscrittura delle immagini camo.githubusercontent.comnon si verificavano più, almeno non per le immagini dalla stessa sintesi.]

Purtroppo, non possiamo semplicemente usare il primo URL e fidarci che funzioni sempre.

  • Attualmente né il modulo restituisce un reindirizzamento, né fornisce un collegamento rel = canonical. Non scommetterei su Github per non cambiarlo mai!
  • Tutti i link alla sintesi interna (ad esempio dalla pagina dell'utente https://gist.github.com/cben/ ) omettono la barra finale :-(
  • Gli elenchi nei risultati di ricerca di Google omettono la barra finale :-(

(È possibile utilizzare il percorso relativo 46d9536baacb7c5d196c/raw/dodgetocat_v2.pngche funzionerebbe solo senza la barra finale, ma è anche un'idea discutibile e ne vale meno la pena, non molto più flessibile dell'URL completo.)

Usi un proxy?

Entrambi possono essere aggirati con un proxy che fissa il Content-Type, ad esempio Rawgit o Bl.ocks.org (non da Github, non abusarne). Sfortunatamente Rawgit non esegue il rendering di Markdown, serve solo i file così come sono e Bl.ocks.org esegue il rendering del markdown ma la struttura dell'URL è tale che i collegamenti relativi non funzioneranno. Ciò significa che puoi fare riferimento a un URL esterno completo in Markdown o relativo in HTML :-(

Vedi https://gist.github.com/cben/46d9536baacb7c5d196c/ biforcando il tuo sommario e il suo index.html visualizzato tramite:


2

Sì, il relativo collegamento funziona per me. Sto usando pancake.io per ospitare le mie pagine. http://pancake.io/2c8aa8/topics/cpp/cpp.md

Le immagini in quella pagina sono nella cppcartella.

Il codice markdown utilizzato per la prima immagine è

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

Il codice markdown (in realtà html) utilizzato per la seconda immagine è

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

NOTA: ho perso la parte essenziale. Prova il metodo html se gist non supporta la sintassi del percorso relativo dell'immagine markdown.


La modalità HTML non funziona. È più un problema di Gist che di Markdown
alienlebarge il

2

testato solo ora ... non sono riuscito a utilizzare gli URL relativi sul wiki di github.

ho dovuto aggiungere l'immagine al repository wiki, quindi navigare nel repository e farlo mostrare a github (in modo da poter prendere l'URL). quindi utilizza l'URL completo nel markdown. ma fortunatamente, gli URL sono semplici da prevedere:https://github.com/*username*/*reponame*/wiki/*imagename.png*

ho inviato questo isse al supporto github.


Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.