jekyll


Jekyll Tip: Showing Liquid Code in Code Snippets

When blogging with Jekyll there are times when you want to be able to output a code snippet that contains what Jekyll thinks is liquid code. This especially happens when you are doing Angular tutorials since using the double brackets ({{ }}) for data binding. Since the code snippets are enclosed in a pre tag, you are not able to html encode the brackets. Instead, to include liquid markup in the code snippet you need to surround the code snippet with the raw and endraw tags like so

Read More


Jekyll Tip: Adding Styling To Html Output

As I was writing some tutorials recently I wanted to be able to style the html elements that Jekyll outputs with different css classes without having to write the actually html in the markdown. For example I wanted to use a blockquote for items to be aware of that has a blue highlight as well as warnings to watch out for that has a red highlight. Here is the output of the blockquote with the different styles.

Read More


Jekyll Part 14: How To Validate Links and Images

Welcome the continuing series on using Jekyll. In this tutorial we are going to go through how you can validate your link and image references. As your blog grows and you get more posts, it becomes harder to validate images and links are still valid on older post. On new post it is pretty easy since you only have one last to look for. However, this is a process that can be fully automated so got don’t even have to worry about it anymore.

Read More


Jekyll Part 13: Creating an Article Series

Welcome the continuing series on using Jekyll. In this tutorial we are going to go through how to create the series listing like you see for this blog series. Overview Sometimes a blog post gets too big and you need to split it into multiple articles or you want to do a series like this one that builds upon each other but you don’t want to have to manage a listing of all of the post in the series.

Read More


Jekyll Part 12: Editing Locally

Welcome the continuing series on using Jekyll. In this tutorial we are going to set it up so that we can do draft posts that we can check into our repo but not have them show up on the production site. Overview In the last couple of articles, we installed jekyll locally but we didn’t talk about editing existing blog post or adding in new ones. There will be times where you will start a blog post but not have time to finish it all in one sitting.

Read More


Jekyll Part 11: Installing Jekyll On OSx

Welcome the continuing series on using Jekyll. In this tutorial we are going to setup your MAC (OSx) computer to be able to edit your blog on your computer. Overview Up to this point we have been using the Github web site to edit all of our files but the downside to this is that any chances you want to make show up live in your blog before you have had a chance to test them.

Read More


Jekyll Part 10: Installing Jekyll On Linux

Welcome the continuing series on using Jekyll. In this tutorial we are going to setup your Ubuntu Linux computer to be able to edit your blog on your computer. Overview Up to this point we have been using the Github web site to edit all of our files but the downside to this is that any chances you want to make show up live in your blog before you have had a chance to test them.

Read More


Jekyll Part 09: Installing Jekyll On Windows

Welcome the continuing series on using Jekyll. In this tutorial we are going to setup your Windows computer to be able to edit your blog on your computer. Overview Up to this point we have been using the Github web site to edit all of our files but the downside to this is that any chances you want to make show up live in your blog before you have had a chance to test them.

Read More


Jekyll Part 08: Using a Custom Domain

Welcome the continuing series on using Jekyll. In this tutorial we are going to setup a custom domain for your blog. Overview Part of having a blog is making it your own and giving it personality. One of the easiest ways to do this is to use a custom domain name that fits the blog. So far we have been using http://[username].github.io to get to your blog, but now we will go through the process of setting up a custom domain name like http://digitaldrummerj.

Read More


Jekyll Part 07: Adding a custom Google search

Welcome the continuing series on using Jekyll. In this tutorial we are going to add the ability to search your blog using google. Overview As your blog grows, you want to make it easy for your readers to find the content that they need on your blog. Out of the box, Jekyll does not have any type of search engine built-in. Thankfully, with Google you can easily tell Google to index your blog and then add a search box on the blog.

Read More


Jekyll Part 06: Adding Post by Date Page

Welcome the continuing series on using Jekyll. In this tutorial we will go through creating a page to show blog post by date. Overview A typical blog has a way for your readers to view posts by either category or date, so that they can look at your archives without having to go through the blog post one by one and page by page. In the last lesson, we added the post by category page.

Read More


Jekyll Part 05: Adding Category Page

Welcome the continuing series on using Jekyll. In this tutorial we will go through creating a page to show blog post by category. Overview A typical blog has a way for your readers to view posts by either category or date, so that they can look at your archives without having to go through the blog post one by one. Unfortunately, the Jekyll-Now repository that we cloned your blog from, does not have these pages.

Read More


Jekyll Part 04: Adding Additional Pages

Welcome the continuing series on using Jekyll. In this tutorial we will go through how to add an additional page such as the speaking page on this blog. Overview As your blog grows you are going to want to add additional information besides just blog post. If you start speaking at events or want to show off your portfolio or blog post by category/date, you are going to want these as separate pages.

Read More


Jekyll Part 03: Adding Commenting to Post

Welcome the continuing series on using Jekyll. In this tutorial you will learn how to add the ability for users to comment on your blog post. Overview You may be thinking that commenting isn’t really that important but it is a key feature for you to be able to interact with your readers. Users want to have conversations about your blog post with you and to feel connected to you. It is also a good way for you to learn from them as well.

Read More


Jekyll Part 02: Your First Post

Welcome the continuing series on using Jekyll. In this tutorial we will go through making your first blog post. Overview We will go through all of the steps to create a new post, add metadata such as title/categories/tags/date, and then make it live on the site. Section 1: Creating the file Thr first step is to create a new file to hold the content of the blog post. In Jekyll all of the blog post are markdown files and are stored in the _post directory.

Read More


Jekyll Part 01: Getting Started

Welcome to the first tutorial of a multi part series on blogging using Jekyll on Github. Github has an awesome free option for hosting a blog for you and you can get a blog up and running in 10 minutes or less. This series will cover everything that you to know to host, manage and customized a Jekyll blog that is hosted on Github. Section 1: Overview Github uses the Jekyll engine which turns markdown into static Html pages.

Read More