Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/danielcgilibert/blog-template
📚 Openblog is an elegant, simple, and user-friendly blog. Focused on accessibility, SEO and performance.
https://github.com/danielcgilibert/blog-template
astro astro-build astro-template astro-themes blog blog-template cms hacktoberfest markdown mdx open-source seo seo-friendly static-site tailwindcss template theme tina-cms typescript
Last synced: about 1 month ago
JSON representation
📚 Openblog is an elegant, simple, and user-friendly blog. Focused on accessibility, SEO and performance.
- Host: GitHub
- URL: https://github.com/danielcgilibert/blog-template
- Owner: danielcgilibert
- License: gpl-3.0
- Created: 2023-07-05T18:32:43.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-18T18:29:31.000Z (about 2 months ago)
- Last Synced: 2024-09-27T21:24:16.311Z (about 2 months ago)
- Topics: astro, astro-build, astro-template, astro-themes, blog, blog-template, cms, hacktoberfest, markdown, mdx, open-source, seo, seo-friendly, static-site, tailwindcss, template, theme, tina-cms, typescript
- Language: Astro
- Homepage: https://blog-template-gray.vercel.app
- Size: 33.7 MB
- Stars: 579
- Watchers: 10
- Forks: 208
- Open Issues: 18
-
Metadata Files:
- Readme: README.es.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
Astro Theme OpenBLOG
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fdanielcgilibert%2Fblog-template)
[](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
