Creating New Pages with Jekyll

jekyll contact page

Jekyll Pages are static content that can be built using HTML or Markdown (.md). This is where the meat of the content lives. This article will show you how to create new pages in Jekyll.

Create a New Jekyll Page

Creating a new Jekyll page is as easy as saving an HTML file. One of my favorite things (since my core classes) has been touching files to create them. You can do this in Ubuntu also. Move into your Jekyll directory.

jekyll directory

jekyll directory

In the root directory, create a new file by executing the following command in the terminal:

touch contact.html

This will create a new HTML file named contact.html. Once the file is there you can relaunch the Jekyll server and see that the page is already being served under /contact. If you didn’t put anything in the HTML file the page will be blank and Jekyll won’t show a 404 page, or show anything in the console log.

jekyll contact page

jekyll contact page

Using Markdown for Pages

There is also an option to use .md files, Markdown files. If you installed a new website and created the contact file, renam e the file contact.md and enter the following code:
---
layout: page
title: About
permalink: /about/
---

When you boot the server back up, you should have a new link at the top named Contact.

Leave a Comment

Your email address will not be published. Required fields are marked *