Bienvenido a Share IT. Somos una comunidad unida por el deseo de aprender, compartir conocimientos y crecer juntos en el ámbito tecnológico. Este es un rincón para intercambiar conocimientos y experiencias que nos han guiado y ayudado en nuestro recorrido.☀️
- 📝 Publicación de artículos y recursos.
- 🏷️ Categorías y etiquetas para organizar el contenido.
- 🔍 Búsqueda de artículos y recursos.
Para ejecutar este proyecto localmente, sigue estos pasos:
-
Clona el repositorio:
git clone https://github.com/tu-usuario/share-it-blog.git
-
Navega al directorio del proyecto:
cd share-it-blog
-
Instala las dependencias:
npm install
-
Inicia el servidor de desarrollo:
npm start
-
Abre tu navegador y ve a
http://localhost:4321
para ver el blog en funcionamiento. 🌐
Nota: Para añadir nuevos artículos, debes ser parte de nuestra comunidad. Si deseas contribuir creando artículos en el futuro, por favor únete a nuestra comunidad. Ten en cuenta que también se revisará detalladamente el artículo antes de publicarlo😉
Para añadir nuevos artículos y recursos al blog, sigue estos pasos:
-
Crea un nuevo archivo Markdown en el directorio
src/content/articles/
con la siguiente estructura:--- title: 'Título del Artículo' description: 'Descripción corta del artículo' date: 'YYYY-MM-DD' draft: false author: '0N-nombre-a' tags: 'etiqueta' --- Contenido del artículo en formato Markdown.
-
Guarda el archivo y el nuevo artículo aparecerá automáticamente en el blog. ✨
Para añadir nuevos recursos, crea un nuevo objeto en el archivo src/utils/resources.ts
con las siguientes propiedades:
interface Resource {
title: string
description: string
slug: string
date: Date
category: string
}
export const resources: Resource[] = [
{
title: 'Nuevo Recurso',
description: 'Descripción del nuevo recurso.',
slug: 'URL del recurso',
date: new Date('YYYY-MM-DD'),
category: 'Categoría del recurso',
},
]
Para aparecer en la sección de Autores, añade tus datos creando un nuevo archivo .yaml
dentro del directorio de autores (src/content/authors/
). Asegúrate de incluir la información del autor en el siguiente formato:
name: 'Nombre del Autor'
avatar: 'URL del Avatar'
role: 'Rol del Autor'
github: 'URL de GitHub'
linkedin: 'URL de LinkedIn'
website: 'URL del porfolio web'
about: 'Descripción corta del Autor'
El nombre del archivo actualmente usa como prefijo un número ordinal, primer nombre y primera letra de tu apellido, todo separado por guión medio: 0N-nombre-a
, por ejemplo, 01-john-d
(John Doe).
¡Gracias por visitar Share IT! 🙌
Dentro de tu proyecto Astro, verás las siguientes carpetas y archivos:
/
├── public/
│ └── favicon.svg
├── src/
│ ├── content/
│ │ ├── articles/
│ ├── layouts/
│ │ └── Layout.astro
│ └── pages/
| └── articles/
| └── tags/
│ └── aboutUs.astro
│ └── collaborators.astro
│ └── collaborators.astro
| └── resources.astro
└── package.json
Para aprender más sobre la estructura de carpetas de un proyecto Astro, consulta guía sobre la estructura de proyectos en Astro.
Todos los comandos se ejecutan desde la raíz del proyecto, desde una terminal:
Comando | Acción |
---|---|
npm install |
Instala las dependencias |
npm run dev |
Inicia el servidor de desarrollo local en localhost:4321 |
npm run build |
Construye tu sitio de producción en ./dist/ |
npm run preview |
Previsualiza tu construcción localmente, antes de desplegar |
npm run astro ... |
Ejecuta comandos CLI como astro add , astro check |
npm run astro -- --help |
Obtén ayuda usando el CLI de Astro |
No dudes en consultar Astro