Saltar al contenido

¿Cómo agregar una captura de pantalla a los archivos READMEs en el repositorio de github?

Solución:

Si usa Markdown (README.md):

Siempre que tenga la imagen en su repositorio, puede usar una URL relativa:

![Alt text](/relative/path/to/img.jpg?raw=true "Optional Title")

Si necesita incrustar una imagen alojada en otro lugar, puede usar una URL completa

![Alt text](http://full/path/to/img.jpg "Optional title")

GitHub recomienda que uses enlaces relativos con el ?raw=true parámetro para garantizar que los repositorios bifurcados apunten correctamente.

los raw=true El parámetro está ahí para garantizar que la imagen a la que enlaza se renderice como está. Eso significa que solo se vinculará la imagen, no toda la interfaz de GitHub para ese archivo respectivo. Vea este comentario para más detalles.

Vea un ejemplo: https://raw.github.com/altercation/solarized/master/README.md

Si usa SVG, deberá establecer el atributo de desinfección en true así como: ?raw=true&sanitize=true. (Gracias @EliSherer)

Además, la documentación sobre enlaces relativos en archivos README: https://help.github.com/articles/relative-links-in-readmes

Y, por supuesto, los documentos de rebajas: http://daringfireball.net/projects/markdown/syntax

Además, si crea una nueva rama screenshots para almacenar las imágenes puede evitar que estén en el master árbol de trabajo

Luego puede incrustarlos usando:

![Alt text](/../<branch name>/path/to/image.png?raw=true "Optional Title")

Aunque ya existe una respuesta aceptada, me gustaría agregar otra forma de subir imágenes al archivo Léame en GitHub.

  • Necesitas crear un problema en tu repositorio
  • Arrastra y suelta en el área de comentarios tu imagen
  • Después de generar el enlace para la imagen, insértelo en su archivo Léame.

Más detalles puedes encontrar aquí

Descubrí que la ruta a la imagen en mi repositorio no era suficiente, tuve que vincular a la imagen en el raw.github.com subdominio.

Formato de URL https://raw.github.com/{USERNAME}/{REPOSITORY}/{BRANCH}/{PATH}

Ejemplo de Markdown ![Settings Window](https://raw.github.com/ryanmaxwell/iArrived/master/Screenshots/Settings.png)

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *