11ty is a NodeJS-based powerful static site generator.
Here at LinuxAPT, as part of our Server Management Services, we regularly help our Customers to perform related NodeJS queries.
In this context, we shall look into how to install 11ty on your Ubuntu system and generate static websites.
As a Linux user you should have the following two packages available on your system:
If you do not have NodeJS and NPM installed on the system, you can easily Install them by running the following commands:
$ sudo apt update
$ sudo apt install node
$ sudo apt install npmNote: Without Node.js and NPM, you won't be able to continue working with 11ty.
Next, we will create a new directory, move into it, and initialize it, respectively:
$ mkdir newEleventySite
$ cd newEleventySite/
$ npm init -yTo do this, simply follow the steps given below.
1. Start by running the following command to create a new directory for your 11ty static site:
$ npm install --save-dev @11ty/eleventyOnce done 11ty will be installed in your newly-created directory. It is a per-project installation. Here, we did not choose to install 11ty globally. This makes installation easier and manageable.
2. Now run Eleventy and you will see that some files were written. We don't have any files so nothing will happen at this stage:
$ npx @11ty/eleventyNow, we can now create the website and publish it. Before that, we need a template.
3. To Create a template, use the below code:
$ 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.mdOnce the template is done, you are good to go to publish your website for the time being. Once you run the above command, you will notice that 11ty has successfully written the two pages.
Once the creation of the template is completed, 11ty saves the site to _site folder. You can take all exported files and publish them to your host using an FTP client. You can append the –serve command in the end to publish the website:
$ npx @11ty/eleventy --serveNow on a web browser, when you run "localhost:8080", you will get a response such as this:
Hi, this is 11ty for Linuxapt.comThis article covers how to install Eleventy (11ty) on Ubuntu 20.04 Linux system. In fact, 11ty is a nice static site generator powered by NodeJS.
