¿Cómo mostrar imágenes en archivos Markdown en Github?

82

Quiero mostrar algunas imágenes en un archivo Markdown en Github. Encontré que funciona de esta manera:

![Figure 1-1](https://raw.github.com/username/repo/master/images/figure 1-1.png "Figure 1-1")

Pero necesito colaborar con otros, por lo que no quiero que el nombre de usuario y el nombre del repositorio estén codificados.

Traté de usar esto:

![Figure 1-1](images/figure 1-1.png "Figure 1-1")

Funciona en mi disco local pero no funciona en Github.

¿Alguien sabe sobre este tema?

WoooHaaaa
fuente

Respuestas:

139

Yo mismo encontré la respuesta.

Simplemente agregue ? Raw = true a la URL de la imagen y hará el truco:

![](images/table 1-1.png?raw=true)
WoooHaaaa
fuente
2
Esto funciona para mí cuando veo los archivos Markdown directamente en GitHub, pero no para el archivo README.markdown que se muestra en la página principal del proyecto.
jmohr
@jmohr Creo que los archivos README en la página principal deben tratarse como una excepción.
WoooHaaaa
Esto funcionó en el archivo README en la página principal para mí.
Mike Grace
1
Github todavía no permite SVG incluso con archivos raw. stackoverflow.com/questions/13808020/…
Yeo
20

Simplemente tuve el mismo problema y resultó ser causado por el espacio en la URL. URL que codifica manualmente el espacio como lo %20arregla.

Entonces, usando tu ejemplo, cambié:

![](images/table 1-1.png)

a:

![](images/table%201-1.png)

Editar: Le pregunté a github sobre esto y es un comportamiento esperado desde que se mudaron a una nueva especificación para renderizar Markdown. La especificación no permite explícitamente espacios en URI, porque ahora se usa un espacio para separar el URI de un título de imagen opcional. La parte relevante de la especificación está aquí:

https://github.github.com/gfm/#example-471 : el destino no puede contener espacios ni saltos de línea, incluso si está entre corchetes puntiagudos

foz
fuente