Est-il possible d'ajouter une bordure à une image dans le format markdown de GitHub ?

Question

J'ai besoin d'ajouter une bordure à l'image dans le fichier README.md de GitHub. Voici comment l'image doit être intégrée :

![GitHub Logo](/images/logo.png)

J'ai essayé d'envelopper l'image avec le tableau :

|--------------------------------|
|![GitHub Logo](/images/logo.png)|

mais il n'est pas possible de créer un tableau sans en-tête.

J'ai également essayé d'inclure l'image comme balise html :

<img src="/images/logo.png" style="border: 1px solid black" />

mais sans succès. Existe-t-il un moyen d'y parvenir ?

Answer 1

C'est un peu compliqué et pas toujours joli, mais entourez l'image d'une étiquette.

Avant

<img src="https://i.stack.imgur.com/CtiyS.png">

Après

  <img src="https://i.stack.imgur.com/CtiyS.png">

Et le rendu est le suivant :

<img src="https://i.stack.imgur.com/CtiyS.png">

Autour de la démarque inconnue La syntaxe de l'image peut ne pas fonctionner pour certaines implémentations de markdown. Si ce qui suit ne fonctionne pas

![alt-text](https://example.com/image.png)

Essayez d'intégrer l'image dans un fichier HTML <img> à la place de la balise

<img src="https://example.com/image.png" />

Answer 2

Sur les sites StackExchange, j'aime utiliser le balisage "quote". > à cette fin.

Par exemple :

> [![screenshot][1]][1]

  [1]: https://i.stack.imgur.com/CtiyS.png

des rendus comme celui-ci :

Answer 3

La façon dont je fais cela sur Gitlab est d'utiliser un tableau comme celui-ci :

| ![Alt name of image](/path-to-image.png) |
| ------ |

Answer 4

Vous pouvez utiliser <table> pour créer des tableaux sans en-tête.

<table><tr><td>
    <img src="/images/logo.png" />
</td></tr></table>

Answer 5

Une autre solution consiste à utiliser la première cellule du tableau.

Code :

|![pictureAliasName](pathOfPicture/pictureName.png)|
-

El - est important dans le code.

Vous pouvez voir le résultat aquí .