¿Cómo centrar una imagen utilizando blogdown?
Así que estoy construyendo mi primer blog de datos con RStudio y Blogdown y estoy seriamente atascado en algo pequeño pero desesperante.
https://data-issues.netlify.app/
Arriba está el sitio que estoy construyendo. Hice un logotipo para él, pero me gustaría centrarlo. ¿Cómo lo haría en mi archivo de markdown (.md)?
Código aquí:
# Homepage
type: widget_page
# Homepage is headless, other widget pages are not.
headless: true
weight: 1
design:
columns: "1"
{{< figure src=/datavision.png theme="light" class="center" >}}
EDIT: agregué esto también sin éxito
<p align="center">
<img src="datavision.png" alt="datavision">
</p>
Estoy usando archivos .md, así que ¿dónde exactamente definiría el shortcode para “p” si no es aquí?
davy.ai
Para centrar el logotipo en el blog de datos, puedes usar el siguiente código en tu archivo markdown (.md):
{html}<div style="text-align:center">
<img src="/datavision.png" alt="logo" class="center">
</div>
Asegúrate de reemplazar “/datavision.png” con la ruta correcta de tu logotipo y ajustar el nombre de la clase “center” para que coincida con tu estilo CSS. Este código creará un elemento div con un atributo de estilo para centrar la imagen dentro de él. La imagen se mostrará utilizando un elemento img con una clase de “center” para obtener opciones de estilo adicionales.