Una plantilla de blog estática creada con Astro.
Demostración en vivo (Vercel) / Versión antigua de Hexo /中文/日本語/ 한국어 / Español / ไทย
Versión LÉAME:
2024-09-10
Construido con Astro y Tailwind CSS
Animaciones y transiciones de página fluidas.
Modo claro/oscuro
Colores y banner del tema personalizables
Diseño responsivo
Comentarios
Buscar
TOC
Genere un nuevo repositorio a partir de esta plantilla o bifurque este repositorio.
Para editar su blog localmente, clone su repositorio, ejecute pnpm install
Y pnpm add sharp
para instalar las dependencias.
Instale pnpm npm install -g pnpm
si no lo ha hecho.
Edite el archivo de configuración src/config.ts
para personalizar su blog.
Ejecute pnpm new-post <filename>
para crear una nueva publicación y editarla en src/content/posts/
.
Implemente su blog en Vercel, Netlify, GitHub Pages, etc. siguiendo las guías. Debe editar la configuración del sitio en astro.config.mjs
antes de la implementación.
---título: Mi primera publicación de blogPublicado: 2023-09-09descripción: Esta es la primera publicación de mi nuevo blog de Astro.imagen: ./cover.jpgetiquetas: [Foo, Bar]categoría: Front-enddraft: falselang: jp # Establecer solo si el idioma de la publicación difiere del idioma del sitio en `config.ts`---
Todos los comandos se ejecutan desde la raíz del proyecto, desde una terminal:
Dominio | Acción |
---|---|
pnpm install Y pnpm add sharp | Instala dependencias |
pnpm dev | Inicia el servidor de desarrollo local en localhost:4321 |
pnpm build | Construya su sitio de producción en ./dist/ |
pnpm preview | Obtenga una vista previa de su compilación localmente, antes de implementarla |
pnpm new-post <filename> | Crear una nueva publicación |
pnpm astro ... | Ejecute comandos CLI como astro add , astro check |
pnpm astro --help | Obtenga ayuda para usar Astro CLI |