¿Es posible hacer un enlace relativo a la imagen en un archivo de rebajas en una esencia?

98

Tengo una esencia que contiene un archivo de rebajas y una imagen.

¿Hay alguna forma de hacer un enlace relativo a esta imagen? Algo como en ![My image](image.png)lugar de![My image](https://gist.github.com/user/605560c2961cb3025038/raw/b75d2...6e8/img.png)

Aquí hay un ejemplo

extraterrestre
fuente

Respuestas:

168

A partir de ahora, los enlaces de imágenes relativas funcionan para mí, tanto en un repositorio como en una wiki. Estoy usando una sintaxis como esta:

![Kiku](images/Kiku.jpg)

He aquí un ejemplo:

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

marcan
fuente
¡Gracias! Estaba frustrado al intentar usar imágenes locales, ¡pero esto funcionó!
dom
Mi error fue tener un espacio entre ]y(
Poco común
1
Al menos para Github, acabo de descubrir que no puede tener espacios en los nombres de sus archivos, o que GitHub no puede reconocer imágenes locales (aunque no estoy seguro de que agregar comillas resolverá esto)
Xiaoyong Zhu
5
Esto puede funcionar en repositorios de Github normales, pero no en Gists ( gist.github.com ).
Beni Cherniavsky-Paskin
1
Si hay caracteres especiales en la ruta relativa de la imagen que está intentando vincular, asegúrese de que esté codificada en URL.
felixperreault
3

Según http://blog.rodneyrehm.de/archives/35-Incluyendo-Data-From-Github.html , el problema al usar https: //gist.github.com/user/605560c2961cb3025038/raw/b75d2 ... 6e8 / img.png

es que la b75d2...6e8parte varía según el archivo (una experimentación rápida confirma que es el id de git blob). Sin embargo, puede eliminar esa parte, lo que da como resultado una URL que apunta a la última versión:

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

o para tomar un ejemplo práctico:

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

¿Camino relativo?

¡Esto también funciona como ruta relativa raw/dodgetocat_v2.png!
Sin embargo (a finales de 2017) github puede representar la misma esencia de 2 URL:

[ACTUALIZADO en diciembre de 2017. Los problemas anteriores de archivos sin procesar sirvieron como atributos de Content-Type: application/octet-streamreescritura srcde imágenes para que camo.githubusercontent.comya no ocurran, al menos no para imágenes de la misma esencia.]

Por desgracia, no podemos simplemente usar la primera URL y confiar en que siempre funcionará.

  • Actualmente, ningún formulario devuelve una redirección ni sirve un enlace rel = canonical. ¡No apostaría a que Github nunca cambie esto!
  • Todos los enlaces de esencia interna (por ejemplo, de la página del usuario https://gist.github.com/cben/ ) omiten la barra al final :-(
  • Los elementos esenciales en los resultados de búsqueda de Google omiten la barra al final :-(

(Puede usar una ruta relativa 46d9536baacb7c5d196c/raw/dodgetocat_v2.pngque solo funcionaría sin una barra diagonal, pero esa también es una idea cuestionable y menos vale la pena, no es realmente más flexible que la URL completa).

¿Utilizas un proxy?

Ambos se pueden solucionar con un proxy que corrija el tipo de contenido, por ejemplo, Rawgit o Bl.ocks.org (no por Github, no abuse de ellos). Desafortunadamente, Rawgit no procesa Markdown, solo sirve archivos tal como están, y Bl.ocks.org procesa Markdown, pero la estructura de la URL es tal que los enlaces relativos no funcionarán. Esto significa que puede hacer referencia a la URL externa completa en Markdown o relativa en HTML :-(

Ver https://gist.github.com/cben/46d9536baacb7c5d196c/ bifurcó su esencia y su index.html se ve a través de:

Beni Cherniavsky-Paskin
fuente
2

Sí, el vínculo relativo me funciona. Estoy usando pancake.io para alojar mis páginas. http://pancake.io/2c8aa8/topics/cpp/cpp.md

Las imágenes de esa página están en la cppcarpeta.

El código de descuento utilizado para la primera imagen es

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

El código de descuento (en realidad, HTML) utilizado para la segunda imagen es

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

NOTA: me perdí la parte esencial. Pruebe la forma html si gist no admite la sintaxis de ruta de imagen relativa de rebajas.

Kaushal Modi
fuente
La forma HTML no funciona. Es más un problema de Gist que de Markdown
alienlebarge
2

probado ahora ... no pude usar URL relativas en la wiki de github.

Tuve que agregar la imagen al repositorio wiki, luego navegar por el repositorio y hacer que github me lo mostrara (para que pudiera tomar la URL). luego use la URL completa en la rebaja. pero afortunadamente, las URL son fáciles de predecir:https://github.com/*username*/*reponame*/wiki/*imagename.png*

Envié este isse al soporte de github.

xero
fuente