Introducción
11ty es un potente generador de sitios estáticos basado en NodeJS. En este tutorial, lo guiaré paso a paso y le mostraré cómo instalar 11ty en su sistema Ubuntu y generar sitios web estáticos. Estoy usando Ubuntu 20.04 Edición. Todas las instrucciones y comandos solo se aplican a Ubuntu.
Requisitos
Como usuario de Linux, debe tener los siguientes dos paquetes disponibles en su sistema.
~ NodoJS
~ MNP
Si no los tienes en este momento. Instálelos con los siguientes comandos:
$ sudo apt update
$ sudo apt install node
$ sudo apt install npm
Sin Node.js y NPM, no podrá seguir trabajando con 11ty.
Lo mejor de 11ty es que no necesita instalarlo como otros paquetes de nodos. Por ahora, vamos a crear un nuevo directorio, pasar a él e inicializarlo, respectivamente.
$ mkdir newEleventySite
$ cd newEleventySite/
$ npm init -y
Instalación y creación del proyecto 11ty
Paso 1. Ahora simplemente ejecute 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. No elegí instalar 11ty globalmente. Esto hace que la instalación sea más fácil y manejable.
Paso 2. Ahora ejecute Eleventy y verá que se escribieron algunos archivos. No tengo ningún archivo, así que no pasará nada en este momento.
$ npx @11ty/eleventy
Como puede ver en la pantalla anterior, ejecuté 11ty con éxito. Todo en esta etapa está funcionando absolutamente bien. Hemos estado trabajando durante mucho tiempo y ahora es el momento de crear el sitio web y publicarlo. Antes de eso, necesitamos una plantilla.
Crear una plantilla
Paso 3. Ahora te ayudaré a crear una plantilla. Es simple y no hay nada complejo de realizar. Es simplemente un punto de partida.
Aquí está el código:
$ echo '<!doctype html><html><head><title>Page title</title></head><body><p>Hi</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. En la captura de pantalla anterior, observa que 11ty ha escrito con éxito las dos páginas.
Publicación del sitio web
Una vez que se completa la plantilla, 11ty guarda el sitio en _site carpeta. Puede tomar todos los archivos exportados y publicarlos en su host mediante un cliente FTP. Como se muestra en la captura de pantalla a continuación, agregué el comando –servir al final para publicar el sitio web.
Así es como se ve en el navegador.
Conclusión
En este tutorial, lo guié sobre cómo instalar Eleventy, que es un buen generador de sitios estáticos impulsado por NodeJS. Esta guía es para usuarios de Ubuntu 20.04. Constantemente escribo artículos para diferentes distribuciones. Te invito a leerlos y compartirlos con tus amigos y familiares.