⚠️ This lesson is retired and might contain outdated information.

Create New Blog Post with Jekyll

Will Johnson
InstructorWill Johnson
Share this video with your friends

Social Share Links

Send Tweet
Published 4 years ago
Updated 2 years ago

Blogging is built into Jekyll. You write blog posts as markdown or HTML files and Jekyll turns them blog posts. They follow a specific naming convention to be picked up and used by Jekyll

All blog post files require front matter. Front matter is a snippet of YAML at the top of a file. Front matter is used to set your layouts and meta data.

Will Johnson: [0:01] To create a new blog post in Jekyll, go to the _posts folder, then create a new file. Start the title with the date, and then the name of the file. For this, we would do new-blogpost.md. All the blog posts in Jekyll are written in Markdown.

[0:20] At the top of the page, we also need front matter. Let's go to the sample blog post and copy the front matter into our new blog.md file. We can change the title to New Blog Post. Since it is a Markdown file, let's add a heading, New Blog Post Thanks!

[0:52] We will save that file, go to the terminal, run bundle exec jekyll serve, refresh the localhost, and we will see our new blog post. We can click the blog post and see our heading we created of New Blog Post Thanks!

[1:10] To recap, we went to the _posts folder, created a new file with the date and the name of the blog post. That's Markdown. We added front matter to the top of the new blog post, changed the title, and used markdown syntax to add a header of New Blog Post Thanks!

egghead
egghead

Member comments are a way for members to communicate, interact, and ask questions about a lesson.

The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io

Be on-Topic

Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.

Avoid meta-discussion

  • This was great!
  • This was horrible!
  • I didn't like this because it didn't match my skill level.
  • +1 It will likely be deleted as spam.

Code Problems?

Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context

Details and Context

Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!

Markdown supported.
Become a member to join the discussionEnroll Today