3.3 KiB
3.3 KiB
🍥Fuwari
Un tema estático para blogs construido con Astro.
🖥️ Demostración en Vivo (Vercel)
✨ Características
- 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)
👀 requiere
- Node.js <= 22
- pnpm <= 9
🚀 Cómo Usar 1
Inicializa el proyecto localmente usando create-fuwari.
# npm
npm create fuwari@latest.
# yarn
yarn create fuwari.
# pnpm
pnpm create fuwari@latest
# bun
bun create fuwari@latest
# deno
deno run -A npm:create-fuwari@latest
- Edita el archivo de configuración
src/config.tspara 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.mjsantes del despliegue.
🚀 Cómo Usar 2
- Genera un nuevo repositorio desde esta plantilla o haz un fork de este repositorio.
- Para editar tu blog localmente, clona tu repositorio, ejecuta
pnpm installypnpm add sharppara instalar las dependencias.- Instala pnpm
npm install -g pnpmsi aún no lo tienes.
- Instala pnpm
- Edita el archivo de configuración
src/config.tspara 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.mjsantes del despliegue.
⚙️ Cabecera de las Entradas
---
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
---
🧞 Comandos
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 |
