Saltar al contenido

GitHub README.md imagen central

Intenta comprender el código correctamente previamente a utilizarlo a tu proyecto y si ttienes algo que aportar puedes compartirlo con nosotros.

Solución:

Esto es del soporte de Github:

Hola Waldyr,

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 ‘img’ HTML sin procesar y hacer la alineación con en línea css.

Salud,

Asi que es posible alinear imágenes! Solo 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:

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


Este código de mi Léame:

Imagen personalizada de Sublime

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

Imagen personalizada de Sublime

He estado mirando la sintaxis de rebajas utilizada en github […]no sé cómo centrar una imagen

TL;RD

No, no puedes por solamente confiando en la sintaxis de Markdown. A Markdown no le importa el posicionamiento.

Nota: Algunos procesadores de rebajas admiten la inclusión de HTML (como señaló correctamente @waldyr.ar), y en el caso de GitHub, puede recurrir a algo como

. Tenga en cuenta que no hay garantía de que la imagen esté centrada si su repositorio está bifurcado en un entorno de alojamiento diferente (Codeplex, BitBucket, …) o si el documento no se lee a través de un navegador (Sublime Text Markdown preview, MarkdownPad, VisualStudio 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 el descuento no es uniforme. El wiki, por ejemplo, no permitirá tales trucos posicionales CSS.

Versión íntegra

Él Sintaxis de rebajas no proporciona la capacidad de controlar la posición de una imagen.

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

“Un documento con formato de 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 Ruby Alfombra roja biblioteca.

Redcarpet expone algunos extensiones (como el 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.

Alternativamente, si tiene el control del css, podría ser inteligente con los parámetros de URL y css.

Reducción:

![A cute kitten](http://placekitten.com/200/300?style=centerme)

Y CSS:

img[src$="centerme"] 
  display:block;
  margin: 0 auto;

Podría crear una variedad de opciones de estilo de esta manera y aún así mantener el descuento libre de código adicional. Por supuesto, no tiene control sobre lo que sucede si alguien más usa el descuento en otro lugar, pero eso es un problema de estilo general con todos los documentos de descuento que uno comparte.

Finalizando este artículo puedes encontrar las interpretaciones de otros creadores, tú de igual manera tienes la libertad de insertar el tuyo si lo deseas.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *