Comment ajouter une capture d'écran aux fichiers README dans le référentiel github?
Est-il possible de placer une capture d'écran dans le fichier README d'un référentiel GitHub? Quelle est la syntaxe?
Si vous utilisez Markdown (README.md):
Si vous avez l'image dans votre rapport, vous pouvez utiliser une URL relative:
Si vous devez intégrer une image hébergée ailleurs, vous pouvez utiliser une URL complète.
GitHub vous recommande d’utiliser des liens relatifs avec le paramètre ?raw=true pour vous assurer que le pointage des retraits avec fourches est correct.
Le paramètre raw=true est présent afin de garantir que l'image à laquelle vous créez un lien sera rendue telle quelle. Cela signifie que seule l'image sera liée, pas l'interface GitHub entière pour ce fichier respectif. Voir ce commentaire pour plus de détails.
Découvrez un exemple: https://raw.github.com/altercation/solarized/master/README.md
Si vous utilisez des SVG, vous devrez alors définir l'attribut sanitize sur true: ?raw=true&sanitize=true. (Merci @EliSherer)
En outre, la documentation sur les liens relatifs dans les fichiers README: https://help.github.com/articles/relative-links-in-readmes
Et bien sûr, les documents de démarques: http://daringfireball.net/projects/markdown/syntax
De plus, si vous créez une nouvelle branche screenshots pour stocker les images, vous pouvez les éviter dans l’arborescence de travail master.
Vous pouvez ensuite les intégrer en utilisant:
Même s'il existe déjà une réponse acceptée, j'aimerais ajouter un autre moyen de télécharger des images à lire sur GitHub.
- Vous devez créer un problème dans votre rapport
- Glissez-déposez dans la zone de commentaire votre image
- Une fois le lien généré pour l'image, insérez-le dans votre fichier Lisez-moi.
Plus de détails vous pouvez trouver ici
J'ai trouvé que le chemin d'accès à l'image dans mon référentiel ne suffisait pas, je devais créer un lien vers l'image du sous-domaine raw.github.com.
Format d'URL https://raw.github.com/{USERNAME}/{REPOSITORY}/{BRANCH}/{PATH}
Exemple de démarquage 
Une ligne ci-dessous devrait être ce que vous cherchez
si votre fichier est dans le référentiel
si votre fichier est dans une autre URL externe
- Téléchargez votre image sur postimage.org
- Obtenir l'URL de github markdown
- Insérer dans votre Readme
La syntaxe de démarquage pour l'affichage des images est en effet:
MAIS: Comment fournir la url?
- Vous ne voulez probablement pas encombrer votre repo avec des captures d'écran, elles n'ont rien à voir avec le code
- vous ne voudrez peut-être pas non plus vous soucier de rendre votre image disponible sur le Web ... (téléchargez-la sur un serveur ...).
Alors ... vous pouvez utiliser ceci astuce géniale pour que github héberge votre fichier image. TDLR:
- créer un problème sur la liste de problèmes de votre rapport
- glissez et déposez votre capture d'écran sur cette question
- copiez le code de démarquage que github vient de créer pour vous pour afficher votre image.
- collez-le sur votre readme (ou où vous voulez)
http://solutionoptimist.com/2013/12/28/awesome-github-tricks/
Beaucoup plus simple que d'ajouter une URL, il suffit de télécharger une image dans le même référentiel, par exemple:
ajouter ceci à README
<div align="center">
<img src="/screenshots/screen1.jpg" width="400px"</img>
</div>
Méthode 1-> Méthode de démarque
Méthode 2 -> HTML
<img src="https://link(format same as above)" width="100" height="100"/>
ou
<img src="https://link" style=" width:100px ; height:100px " />
Note -> Si vous ne souhaitez pas attribuer de style à votre image, redimensionner, supprimez la partie de style.
Markdown: 
- Créer un problème concernant l'ajout d'images
- Ajoutez l'image par glisser-déposer ou par sélecteur de fichier
Puis copiez la source de l'image
Ajoutez maintenant
à votre fichier README.md
Terminé!
Sinon, vous pouvez utiliser un site d'hébergement d'images tel que imgur et obtenir son adresse URL et l'ajouter à votre fichier README.md ou vous pouvez également utiliser un hébergement de fichiers statiques.
Commencez par créer un répertoire (dossier) à la racine de votre référentiel local qui contiendra le screenshots à ajouter. Appelons le nom de ce répertoire screenshots. Placez les images (JPEG, PNG, GIF, `etc.) que vous souhaitez ajouter dans ce répertoire.
Capture d'écran de l'espace de travail Android Studio
Deuxièmement, vous devez ajouter un lien vers chaque image dans votre fichier README. Donc, si j'ai des images nommées 1_ArtistsActivity.png et 2_AlbumsActivity.png dans le répertoire de mes captures d'écran, j'ajouterai leurs liens comme suit:
<img src="screenshots/1_ArtistsActivity.png" height="400" alt="Screenshot"/> <img src=“screenshots/2_AlbumsActivity.png" height="400" alt="Screenshot"/>
Si vous voulez chaque capture d'écran sur une ligne distincte, écrivez leurs liens sur des lignes séparées. Toutefois, il est préférable d’écrire tous les liens sur une seule ligne, séparés par un espace uniquement. Cela n’a peut-être pas l'air très beau, mais GitHub les arrange automatiquement pour vous.
Enfin, validez vos modifications et appuyez dessus!
Pour moi, le meilleur moyen est -
- Créez un nouveau numéro avec ce référentiel sur github puis chargez le fichier au format gif. Pour convertir des fichiers vidéo au format gif, vous pouvez utiliser ce site Web http://www.online-convert.com/
- Soumettez le problème nouvellement créé.
- Copier l'adresse du fichier téléchargé
- Enfin dans votre fichier README put! [Demo] (ADRESSE COPIÉE)
J'espère que cela aidera.