Comment append une capture d’écran aux fichiers README dans le repository github?

Est-il possible de placer une capture d’écran dans le fichier README dans un référentiel GitHub? Quelle est la syntaxe?

Si vous utilisez Markdown (README.md):

Si vous avez l’image dans votre repository, vous pouvez utiliser une URL relative:

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

Si vous devez intégrer une image hébergée ailleurs, vous pouvez utiliser une URL complète

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

GitHub recommande que vous utilisiez des liens relatifs avec le paramètre ?raw=true pour garantir que le point repositionné soit correctement créé.

Consultez un exemple: https://raw.github.com/altercation/solarized/master/README.md

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 docs de démarques: http://daringfireball.net/projects/markdown/syntax

En outre, si vous créez une nouvelle twig de screenshots d’ screenshots pour stocker les images, vous pouvez éviter qu’elles se trouvent dans l’arborescence principale.

Vous pouvez ensuite les intégrer en utilisant:

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

Même s’il existe déjà une réponse acceptée, je souhaiterais append une autre façon de télécharger des images à lire sur GitHub.

  • Vous devez créer un problème dans votre repo
  • Glissez et déposez dans la zone de commentaire votre image
  • Une fois le lien de l’image généré, insérez-le dans votre readme

Plus de détails vous pouvez trouver ici

J’ai trouvé que le chemin d’access à l’image dans mon repo ne suffisait pas, j’ai dû raw.github.com lien vers l’image sur le sous-domaine raw.github.com .

Format de l’URL https://raw.github.com/{USERNAME}/{REPOSITORY}/{BRANCH}/{PATH}

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

Une ligne ci-dessous devrait être ce que vous cherchez

si votre fichier est dans le repository

 ![ScreenShot](https://raw.github.com/{username}/{repository}/{branch}/{path}) 

si votre fichier est dans une autre URL externe

 ![ScreenShot](https://{url}) 
  1. Téléchargez votre image sur postimage.org
  2. Obtenez l’URL de Markdown de github
  3. Insérer dans votre fichier Lisez-moi

La syntaxe de démarquage pour l’affichage des images est en effet:

 ![image](https://{url}) 

MAIS: Comment fournir l’ url ?

  • Vous ne voulez probablement pas encombrer votre repo avec des screenshots, ils n’ont rien à voir avec le code
  • vous ne voudrez peut-être pas non plus vous occuper de rendre votre image disponible sur le Web … (téléchargez-la sur un serveur …).

Donc … vous pouvez utiliser ce truc génial pour que github héberge votre fichier image. TDLR:

  1. créer un problème sur la liste des numéros de votre repository
  2. faites glisser et déposez votre capture d’écran sur ce problème
  3. copier le code de démarquage que github vient de créer pour que vous puissiez afficher votre image
  4. collez-le sur votre readme (ou où vous voulez)

http://solutionoptimist.com/2013/12/28/awesome-github-sortingcks/

ajoutez ceci à README

 

Markdown ![Screenshot](http://url/to/img.png)

  • Créer un problème concernant l’ajout d’images
  • Ajouter l’image par glisser-déposer ou par sélecteur de fichier
  • Ensuite, copiez la source d’image

  • Maintenant, ajoutez ![Screenshot](http://url/to/img.png) à votre fichier README.md

Terminé!

Sinon, vous pouvez utiliser un site d’hébergement d’images tel imgur et obtenir son URL et l’append dans votre fichier README.md ou vous pouvez également utiliser un hébergement de fichiers statique.

Exemple de problème

Beaucoup plus simple que d’append une URL Téléchargez simplement une image dans le même référentiel, comme par exemple:

![Screenshot](screenshot.png)

Tout d’abord, créez un répertoire (dossier) dans la racine de votre repo local qui contiendra les screenshots d’ screenshots à append. Appelons le nom de ce répertoire des screenshots . Placez les images (JPEG, PNG, GIF, etc.) que vous souhaitez append dans ce répertoire.

Capture d’écran de Android Studio Workspace

Deuxièmement, vous devez append 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 mon répertoire de captures d’écran, j’appendai leurs liens comme 2_AlbumsActivity.png :

  Screenshot Screenshot 

Si vous souhaitez que chaque capture d’écran apparaisse sur une ligne distincte, écrivez leurs liens sur des lignes distinctes. Cependant, il est préférable d’écrire tous les liens sur une seule ligne, séparés par des espaces uniquement. Cela ne semble peut-être pas trop beau, mais GitHub les arrange automatiquement pour vous.

Enfin, validez vos modifications et poussez-les!

Méthode 1-> Mode Markdown

 ![Alt Text](https://raw.github.com/{USERNAME}/{REPOSITORY}/{BRANCH}/{PATH}) 

Méthode 2-> façon HTML

  

ou

  

Note -> Si vous ne voulez pas styler votre image, c’est-à-dire redimensionner, supprimez la partie style

Pour moi, le meilleur moyen est –

  1. Créez un nouveau problème avec ce repository sur github, puis télé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/
  2. Soumettez le problème nouvellement créé.
  3. Copier l’adresse du fichier téléchargé
  4. Enfin, dans votre fichier README, placez! [Démo] (ADRESSE COPIE)

J’espère que cela aidera.

Avec les images situées dans le répertoire /screen-shots . L’extérieur

permet de positionner les images. Le est réalisé en utilisant .

 
About screen List screen