Jekyll Tip: Showing Liquid Code in Code Snippets

jekyll/ blogging

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

jekyll/ blogging

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

blogging/ jekyll

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

blogging/ jekyll

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

blogging/ jekyll

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

blogging/ jekyll

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

blogging/ jekyll

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

blogging/ jekyll

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

blogging/ jekyll

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

blogging/ jekyll

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 ›

Previous page Next page