Files
fuwari-blog/docs/README.es.md
2025-07-18 21:37:37 +08:00

3.3 KiB

🍥Fuwari

Un tema estático para blogs construido con Astro.

🖥️ Demostración en Vivo (Vercel)

Imagen de Vista Previa

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
  1. Edita el archivo de configuración src/config.ts para personalizar tu blog.
  2. Ejecuta pnpm new-post <nombre-de-archivo> para crear una nueva entrada y edítala en src/content/posts/.
  3. 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.

🚀 Cómo Usar 2

  1. Genera un nuevo repositorio desde esta plantilla o haz un fork de este repositorio.
  2. Para editar tu blog localmente, clona tu repositorio, ejecuta pnpm install y pnpm add sharp para instalar las dependencias.
    • Instala pnpm npm install -g pnpm si aún no lo tienes.
  3. Edita el archivo de configuración src/config.ts para personalizar tu blog.
  4. Ejecuta pnpm new-post <nombre-de-archivo> para crear una nueva entrada y edítala en src/content/posts/.
  5. 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.

⚙️ 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