Skip to content

alexjamesmx/link-tree

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Free Link Tree

Astro CSS3 JavaScript

Link Tree Screenshot

Prerequisites

Instalación

  1. Abre una terminal y dirigete a la ruta o carpeta donde quieras tener el código.
  2. Clona el repositorio:
    git clone https://github.com/alexjamesmx/link-tree.git
  3. Cambiate al directorio del proyecto e instala las dependencias:
    cd link-tree
    npm install
  4. Corre el servidor de desarrollo:
    npm run dev

Volver al inicio ⬆️

Edita tu Link Tree

La mejor parte de este árbol de enlaces es que puedes modificar todos los aspectos del sitio web muy fácilmente, sólo tienes que editar el archivo index.json. Este JSON contiene las siguientes secciones:

  • html -> Editar idioma, título, descripción y favicon (reemplácelo en /src/layouts/Layout.astro).
  • fondo -> Use el mismo color dos veces para un color sólido o use dos colores para un color degradado (use el formato de color hexadecimal).
  • foto de perfil -> Edita tu imagen (reemplaza 'profile.webp' en /public).
  • socials -> Agrega más íconos con la URL de tus redes sociales (consulta las redes disponibles).
  • destacado -> Resalte enlaces con una imagen de fondo o color (igual que los botones).
  • botones -> Agrega más botones con la URL de tus redes sociales (ver las redes disponibles).
  • pie de página -> Edite los derechos de autor y la URL del desarrollador (Hecho solo para usted 😎).

Iconos

Simplemente edite la clave network con cualquiera de los siguientes valores (distingue entre mayúsculas y minúsculas):

  • Discord
  • Facebook
  • GitHub
  • Instagram
  • Link
  • LinkedIn
  • Mail
  • Map
  • Medium
  • Spotify
  • TikTok
  • Twitch
  • WhatsApp
  • X
  • YouTube

Note

Si necesita más íconos, puede visitar este sitio: Tabler Icons

Volver ⬆️

Despliegue

  1. En el directorio del proyecto, ejecute el siguiente comando:

    npm run build
  2. Se creará la carpeta dist con los archivos del proyecto, esos archivos puede subirlos a cualquier servicio de hosting estático. Simplemente baje esos archivos dentro de dist y copielos a el hosting de su agrado.

Link Tree Desplegar

Aquí está la lista de los servicios de hosting gratuitos más populares: https://docs.astro.build/en/guides/deploy/

También puede usar su propio servidor o algún alojamiento con el que ya cuente, por ejemplo hostinguer.

Licencia

Distribuido bajo la licencia MIT. Código abierto.

Volver ⬆️

About

Free link-tree (Arbol de links Grátis) made with Astro. Easy to customize (Fácil personalizar). 👾🔥 No subscription/payment-based link hub anymore

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors