11ty es un potente generador de sitios estáticos basado en NodeJS.
Aquí en LinuxAPT, como parte de nuestros Servicios de Administración de Servidores, ayudamos regularmente a nuestros Clientes a realizar consultas relacionadas con NodeJS.
En este contexto, veremos cómo instalar 11ty en su sistema Ubuntu y generar sitios web estáticos.
Requisitos previos que deben cumplirse antes de la instalación del 11 de enero
Como usuario de Linux, debe tener los siguientes dos paquetes disponibles en su sistema:
- NodoJS
- NPM
Si no tiene NodeJS y NPM instalados en el sistema, puede instalarlos fácilmente ejecutando los siguientes comandos:
$ sudo apt update
$ sudo apt install node
$ sudo apt install npm
Nota:Sin Node.js y NPM, no podrá seguir trabajando con 11ty.
A continuación, crearemos un nuevo directorio, nos mudaremos a él y lo inicializaremos, respectivamente:
$ mkdir newEleventySite
$ cd newEleventySite/
$ npm init -y
¿Cómo instalar y crear 11ty Project?
Para hacer esto, simplemente siga los pasos que se detallan a continuación.
1. Comience ejecutando el siguiente comando para crear un nuevo directorio para su sitio estático 11ty:
$ npm install --save-dev @11ty/eleventy
Una vez hecho esto, 11ty se instalará en su directorio recién creado. Es una instalación por proyecto. Aquí, no elegimos instalar 11ty globalmente. Esto hace que la instalación sea más fácil y manejable.
2. Ahora ejecuta Eleventy y verás que se escribieron algunos archivos. No tenemos ningún archivo, por lo que no pasará nada en esta etapa:
$ npx @11ty/eleventy
Ahora, ahora podemos crear el sitio web y publicarlo. Antes de eso, necesitamos una plantilla.
3. Para crear una plantilla, use el siguiente código:
$ echo '<!doctype html><html><head><title>Page title</title></head><body><p>Hi, this is 11ty for Linuxapt.com</p></body></html>' > index.html
$ echo '# Page header' > README.md
Una vez que la plantilla esté lista, estará listo para publicar su sitio web por el momento. Una vez que ejecute el comando anterior, notará que 11ty ha escrito con éxito las dos páginas.
¿Cómo publicar el sitio web con 11ty?
Una vez que se completa la creación de la plantilla, 11ty guarda el sitio en la carpeta _site. Puede tomar todos los archivos exportados y publicarlos en su host mediante un cliente FTP. Puede agregar el comando –servir al final para publicar el sitio web:
$ npx @11ty/eleventy --serve
Ahora, en un navegador web, cuando ejecute "localhost:8080", obtendrá una respuesta como esta:
Hi, this is 11ty for Linuxapt.com