- Node.js ->
v18.17.1ov20.3.0o mayor. (v19no esta soportado) Descarga aqui. - Visual Studio Code -> con la extensión oficial de Astro.
- Git -> Descarga e instala Git.
- Abre una terminal y dirigete a la ruta o carpeta donde quieras tener el código.
- Clona el repositorio:
git clone https://github.com/alexjamesmx/link-tree.git
- Cambiate al directorio del proyecto e instala las dependencias:
cd link-tree npm install - Corre el servidor de desarrollo:
npm run dev
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 😎).
Simplemente edite la clave network con cualquiera de los siguientes valores (distingue entre mayúsculas y minúsculas):
- Discord
- GitHub
- Link
- Map
- Medium
- Spotify
- TikTok
- Twitch
- X
- YouTube
Note
Si necesita más íconos, puede visitar este sitio: Tabler Icons
-
En el directorio del proyecto, ejecute el siguiente comando:
npm run build
-
Se creará la carpeta
distcon los archivos del proyecto, esos archivos puede subirlos a cualquier servicio de hosting estático. Simplemente baje esos archivos dentro dedisty copielos a el hosting de su agrado.
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.
Distribuido bajo la licencia MIT. Código abierto.

