¿Cómo centro una imagen en el archivo README.md en GitHub?

Resuelto Johnny Pauling asked hace 12 años • 18 respuestas

He estado observando la sintaxis de Markdown utilizada en GitHub por un tiempo, pero excepto cambiar el tamaño de una imagen al ancho de la README.mdpágina, no puedo entender cómo centrar una imagen en ella.

es posible? Si es así, ¿cómo puedo hacerlo?

Johnny Pauling avatar Aug 23 '12 18:08 Johnny Pauling
Aceptado

Esto es del soporte de GitHub:

Markdown no le permite modificar la alineación directamente (consulte los documentos aquí: http://daringfireball.net/projects/markdown/syntax#img ), pero puede usar una etiqueta HTML 'img' sin formato y hacer la alineación en línea. css.

¡ Así es posible alinear imágenes! Sólo tienes que usar CSS en línea para resolver el problema. Puedes tomar un ejemplo de mi repositorio de GitHub . En la parte inferior de README.md hay una imagen alineada centrada. Para simplificar, puedes hacer lo siguiente:

<p align="center">
  <img src="http://some_place.com/image.png" />
</p>

Aunque, como dijo nulltoken , ¡estaría en el límite de la filosofía Markdown!


Este código de mi archivo README :

<p align="center">
  <img src="https://github.com/waldyr/Sublime-Installer/blob/master/sublime_text.png?raw=true" alt="Sublime's custom image"/>
</p>

Produce esta salida de imagen, excepto centrada cuando se ve en GitHub:

<p align="center">
  <img src="https://github.com/waldyr/Sublime-Installer/blob/master/sublime_text.png?raw=true" alt="Sublime's custom image"/>
</p>
waldyr.ar avatar Aug 25 '2012 01:08 waldyr.ar

He estado mirando la sintaxis de Markdown utilizada en GitHub [...], no puedo entender cómo centrar una imagen

TL;DR

No, no puedes confiar únicamente en la sintaxis de Markdown. A Markdown no le importa el posicionamiento.

Nota: Algunos procesadores Markdown admiten la inclusión de HTML (como lo señala con razón @waldyr.ar) y, en el caso de GitHub, puedes recurrir a algo como <div style="text-align:center"><img src="..." /></div>.

Tenga en cuenta que no hay garantía de que la imagen esté centrada si su repositorio se bifurca en un entorno de alojamiento diferente ( CodePlex , Bitbucket , etc.) o si el documento no se lee a través de un navegador ( Sublime Text Markdown vista previa, MarkdownPad, Visual Studio Web Vista previa de Essentials Markdown, ...).

Nota 2: tenga en cuenta que incluso dentro del sitio web de GitHub, la forma en que se representa Markdown no es uniforme. La wiki, por ejemplo, no permitirá tales trucos posicionales de CSS.

Versión íntegra

La sintaxis de Markdown no proporciona la capacidad de controlar la posición de una imagen.

De hecho, estaría en el límite de la filosofía Markdown permitir dicho formato, como se indica en la sección " Filosofía " .

"Un documento con formato Markdown debe poder publicarse tal cual, como texto sin formato, sin que parezca que ha sido marcado con etiquetas o instrucciones de formato".

Los archivos Markdown son renderizados por el sitio web github.com mediante el uso de la biblioteca Ruby Redcarpet .

Redcarpet expone algunas extensiones (como tachado, por ejemplo) que no forman parte de la sintaxis estándar de Markdown y proporcionan "características" adicionales. Sin embargo, ninguna extensión compatible le permite centrar una imagen.

nulltoken avatar Aug 23 '2012 12:08 nulltoken