html - coloring - que es markdown en github

¿Es posible agregar un borde a la imagen en el markdown de GitHub?

Question

Necesito agregar un borde a la imagen en el archivo GitHub README.md. Así es como la imagen debe ser insertada:

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

He intentado envolver la imagen con la tabla:

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

pero no es posible crear tabla sin encabezado.

También he intentado incluir imagen como etiqueta html:

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

pero sin éxito. ¿Hay alguna manera de cómo hacer esto?

Answer 1

Aquí, en los sitios de StackExchange, me gusta usar el marcado "cita" para este propósito.

Por ejemplo:

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

hace como esto:

Answer 2

Es intrépido y no siempre es bonito, pero envuelve la imagen con una etiqueta <kbd> . Aquí hay un ejemplo:

Antes de:

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

Después:

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

Y se hace así:

Rodear la sintaxis de la imagen de rebaja no funciona para algunas implementaciones de rebaja. GitHub, por ejemplo, necesita que la imagen se incruste como una etiqueta <img> HTML como esta:

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

Porque lo siguiente solo se mostrará como texto de aspecto extraño:

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

Answer 3

Puede usar la etiqueta <table> para crear tablas sin encabezado.

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