Ejemplo Completo de un Post en el Blog
Bienvenido a este ejemplo de publicación. Aquí verás cómo se combinan texto, imágenes, bloques de código, listas y tablas con los estilos de blog.css. La idea es que tus futuros posts se vean claros, profesionales y atractivos.
Sección con Imagen
Las imágenes se ajustan automáticamente al ancho de la pantalla, con bordes redondeados y una ligera sombra. Además, si pasas el mouse encima, notarás un pequeño zoom.
Bloques de Código
Los bloques de código aparecen con fondo oscuro y texto blanco, ideales para tutoriales técnicos. Por ejemplo, un bloque de PHP en Laravel:
public function render()
{
$query = Lead::query()
->where('state', 1)
->when($this->filter === 'active', fn($q) => $q->where('perfilcoincide', 'si'));
return view('livewire.admin.lead-list', [
'leads' => $query->paginate(10),
]);
}
Notas y Tips
Nota: Este es un bloque de nota para resaltar información importante.
Tip: Usa
when() en Laravel para condicionar filtros de forma elegante.Tablas en el Blog
También puedes agregar tablas comparativas como esta:
| Tipo | Uso | Ejemplo |
|---|---|---|
| boolean | Valores de sí/no | true / false |
| string | Texto corto | 'Laravel' |
| text | Texto largo | Descripción extensa |
Listas en el Blog
Las listas también tienen su estilo:
Lista ordenada
- Primer paso
- Segundo paso
- Tercer paso
Lista desordenada
- Laravel
- Livewire
- AlpineJS
¡Y listo! Con este formato puedes crear tutoriales completos y atractivos sin preocuparte por los estilos. 🚀
