https://github.com/gaomingzhao666/nano-blog

📕 An super fast, lightweight and SEO friendly blog made by Astro 📕
https://github.com/gaomingzhao666/nano-blog

astro blog static-website tailwindcss

Last synced: about 2 months ago
JSON representation

📕 An super fast, lightweight and SEO friendly blog made by Astro 📕

• Host: GitHub
• URL: https://github.com/gaomingzhao666/nano-blog
• Owner: gaomingzhao666
• Created: 2024-10-16T10:30:19.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-10-25T03:05:28.000Z (3 months ago)
• Last Synced: 2024-10-25T09:39:28.000Z (3 months ago)
• Topics: astro, blog, static-website, tailwindcss
• Language: Astro
• Homepage:
• Size: 23.7 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.es.md

Awesome Lists containing this project

README

        


 Astro Theme OpenBLOG









[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fdanielcgilibert%2Fblog-template)

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/danielcgilibert/blog-template)



## 💻 Demo

Échale un vistazo a la [Demo](https://blog-template-gray.vercel.app/), alojada en Vercel

## ⚙️ Stack

- [**ASTRO** + **Typescript**](https://astro.build/) - Astro es el framework web todo en uno diseñado para la velocidad.

- [**Tailwind CSS** + **Tailwind-Merge** + **clsx**](https://tailwindcss.com/) - Tailwind CSS es un framework de CSS de tipo utility-first.

- [**Tabler Icons**](https://tabler-icons.io/i/) - Iconos SVG de código abierto..

## ✅ Features:

- ✅ Estilo mínimo

- ✅ Compatible con dispositivos móviles

- ✅ Rendimiento 100/100 en Lighthouse

- ✅ Amigable con SEO mediante URLs canónicas y datos OpenGraph

- ✅ Soporte para sitemap

- ✅ Soporte para feeds RSS

- ✅ Soporte para Markdown y MDX

- ✅ Resaltado de sintaxis

- ✅ Optimización de imágenes

- ✅ Tabla de contenidos

- ✅ Modo oscuro

- ✅ Tiempo de lectura

- ✅ [Pagefind](https://pagefind.app/) static search library integration

- ✅ Posts relacionados

- ✅ Compartir posts (Linkedin, twitter)

## 🛣️ Roadmap

- ❌ Botón para copiar código

## 🚀 Getting Started

**Extensiones recomendadas para VSCode:**

- [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss).

- [Astro](https://marketplace.visualstudio.com/items?itemName=astro-build.astro-vscode).

1. Clona o haz un [fork](https://github.com/danielcgilibert/blog-template/fork) del repositorio:

```bash

[email protected]:danielcgilibert/blog-template.git

```

2. Instala las dependencias:

```bash

npm install

# or

yarn install

# or

pnpm install

```

3. Ejecuta el servidor de desarrollo:

```bash

npm run dev

# or

yarn dev

# or

pnpm dev

```

## 🗂️ Estructura del proyecto

```

├── public/

├── src/

│   ├── assets/

│   ├── components/

│   ├── content/

│   ├── layouts/

│   ├── data/

│   ├── utils/

│   ├── styles/

│   └── pages/

├── astro.config.mjs

├── README.md

├── package.json

└── tsconfig.json

```

## 👋 Contribuciones