DEV Community

Kern Designs
Kern Designs

Posted on

Learn 11ty

Hello! Today were going to be learning 11ty! The intro tutorial can be found here here. In order to do this, I created three different 11ty sites.

Hello World

For this hello world site, I used the original tutorial. I added some blogposts to the site and linked them on new pages. Once I made my basic site and checked it on local host, I pushed my changes to GitHub. If you do that you can then deploy them to GitHub pages by simply creating a gh-pages branch. Here are some simple directions to create your website. You can find my website here.

Base template

In order to use a template, you should open the GitHub repository. I used this basic one. Select Use This Template and clone the repo to your machine. All you have to do then to add your information is input your posts as markdown. Here is my GitHub repo and my sample site.

Second template

One last example uses a template based off the original one, found here. Again, I used the template, cloned, and added my posts. Here is my GitHub repo and my sample site.

Thanks for checking out these materials! Keep coding!

Top comments (0)