blog/README.es.md

2.7 KiB

🍥Fuwari

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

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)

🚀 Cómo Usar

  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