Un tema estático para blogs construido con Astro.
🖥️ Demostración en Vivo (Vercel) / 📦 Versión Antigua de Hexo /
Versión del README:
2024-04-07
- Construido con Astro y Tailwind CSS
- Animaciones suaves y transiciones de página
- Modo claro / oscuro
- Colores del tema y banner personalizables
- Diseño responsivo
- Comentarios
- Buscador
- TOC (Tabla de Contenidos)
- Genera un nuevo repositorio desde esta plantilla o haz un fork de este repositorio.
- Para editar tu blog localmente, clona tu repositorio, ejecuta
pnpm install
ypnpm add sharp
para instalar las dependencias.- Instala pnpm
npm install -g pnpm
si aún no lo tienes.
- Instala pnpm
- Edita el archivo de configuración
src/config.ts
para personalizar tu blog. - Ejecuta
pnpm new-post <nombre-de-archivo>
para crear una nueva entrada y edítala ensrc/content/posts/
. - Despliega tu blog en Vercel, Netlify, GitHub Pages, etc., siguiendo las guías. Necesitas editar la configuración del sitio en
astro.config.mjs
antes del despliegue.
---
title: Mi Primer Post en el Blog
published: 2023-09-09
description: Esta es la primera entrada de mi nuevo blog con Astro.
image: /images/cover.jpg
tags: [Foo, Bar]
category: Front-end
draft: false
---
Todos los comandos se ejecutan desde la raíz del proyecto, desde una terminal:
Comando | Acción |
---|---|
pnpm install y pnpm add sharp |
Instala las dependencias |
pnpm dev |
Inicia el servidor de desarrollo local en localhost:4321 |
pnpm build |
Compila tu web para producción en ./dist/ |
pnpm preview |
Previsualiza la web localmente, antes del despliegue |
pnpm new-post <nombre-de-archivo> |
Crea una nueva entrada |
pnpm astro ... |
Ejecuta comandos CLI como astro add , astro check |
pnpm astro --help |
Obtén ayuda para usar el CLI de Astro |