web-dev-qa-db-fra.com

Est-il possible d'ajouter une bordure à l'image dans le démarque GitHub?

J'ai besoin d'ajouter une bordure à l'image dans le fichier GitHub README.md. 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 une table 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 de procéder?

htmlgithubmarkdown
37
madox2

C'est hacky et pas toujours joli, mais entourez l'image d'un <kbd> tag.

Avant

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

Après

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

Et ça rend comme ça:

entourant le markdown la syntaxe de l'image ne fonctionne pas pour certaines implémentations de markdown. Sur GitHub, par exemple, ce qui suit ne fera que rendre comme un texte bizarre:

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

Au lieu de cela, il a besoin que l'image soit intégrée au format HTML <img> tag:

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

Ici, sur les sites StackExchange, j'aime utiliser le balisage "quote" > dans ce but.

Par exemple:

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

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

rend comme ceci:

screenshot

11
daveloyall

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

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