Skip to content

Angelpr2807/Angelpr2807.github.io

Repository files navigation

Mi Blog Personal

logo

¡Bienvenido a mi blog! Aquí comparto temas variados como hacking, programación, recursos de tecnología y mucho más.

👤 Sobre Mí

Soy Angel Perez Ravelo, estudiante de la Universidad Continental y apasionado autodidacta en tecnología y programación. Puedes conocer más sobre mí en mi sitio web: angelpr2807.github.io.

🛠️ Tecnologías y Recursos Usados

Principales Tecnologías

  • Astro: Framework principal para construir el blog, optimizado para sitios estáticos rápidos y eficientes.
  • Markdown: Utilizo Markdown para estructurar el contenido por su sintaxis simple, lo que facilita la creación rápida de artículos.
  • CSS: Personalización de estilos para crear un diseño único en el blog. Originalmente consideré usar SASS, pero el CSS actual ya cumple muchas de las funciones que antes manejaba en SCSS.

Herramientas de Desarrollo

  • Neovim: Mi editor de texto principal, potenciado con la configuración de NvChad para optimizar el flujo de trabajo mediante plugins personalizados.
  • Figma: Herramienta para diseñar y modificar portadas, así como para crear mockups de las interfaces.
  • npm: El gestor de paquetes de Node que facilita la gestión del proyecto y la integración de herramientas de terceros.

Paquetes de NPM

  • Rehype Autolink Headings: Genera enlaces automáticos en cada encabezado, facilitando la navegación dentro de cada artículo.
  • Rehype Slug: Añade IDs únicos a los encabezados para crear una tabla de contenidos organizada.
  • Remark GitHub Blockquote Alert: Extiende Markdown con bloques personalizados como notas y advertencias, mejorando la legibilidad.
  • Rehype Sectionize: Secciona cada parte del contenido en contenedores, ayudando a generar un menú de contenido jerarquizado (útil como dependencia de desarrollo).
  • Shiki: Resaltador de sintaxis integrado en Astro para bloques de código. Recomiendo personalizarlo según tus necesidades de estilo.
  • Pagefind: Librería de búsqueda poderosa y fácil de implementar, ideal para mejorar la experiencia de usuario (Es una dependencia de desarrollo y me encanta).

Recursos Especiales

  • Hacked Font: Una fuente inspirada en Watch Dogs con un estilo "hacker" que uso en la Hero Image principal.
  • Cyberpunk Glitch Effect: Efecto glitch para el título de la página, añadiendo un toque visual impactante en la Hero Image.

Redes sociales

Si deseas colaborar o tienes preguntas, ¡no dudes en contactarme!.

Mis redes sociales están un poco abandonadas, pero trato de subir contenido y contestar mensajes cada vez que puedo 😅.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published