avatarJustin James

A web developer and speaker from Arizona

Jekyll Tip: Showing Liquid Code in Code Snippets

Posted In: blogging and jekyll

There are times when you need to be able to output code snippets that contain what jekyll thinks is liquid code or the jekyll templating language. This especially happens when you are doing Angular tutorial since {{ }} is how you output properties to the UI.

Instead, to include liquid markup in the code snippet you need to surround the code snippet with the raw and endraw tags like so

Time to Read: 2 mins

Jekyll Tip: Adding Styling To Html Output

Posted In: blogging and jekyll

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.

This is a normal blockquote. Without doing anything extra in markdown this is my default blockquote.

This is a warning blockquote.

With the kramdown markdown parser that Jekyll uses you can easily add these css classes without having to write out the html code.

Time to Read: 4 mins

Add Table of Contents to Markdown

Posted In: blogging, github, markdown, and npm

When you are writing tutorials that are broken up by sections it is nice to have a table of contents at the top to help the users navigate. However, maintaining this by hand is a no go. Luckily there is a great npm package called doctoc that will look at the headings in your markdown file and generated a table of contents for you.

Time to Read: 8 mins

Factory Reset Dell Venue 7 x86 Android Tablet

Posted In: android

I rarely use my Dell tablet and when I went to use it again I couldn’t remember the lock pattern. No problem I thought I will just reset it but I had since changed or my router and the tablet wasn’t able to connect to the Internet.

So my only option was to figure out to do a factory reset of the device. This device does not have a reset button on it. So off to Google I went.

So long story short. After much searching I figured it out.

Time to Read: 3 mins

Jekyll Part 14: How To Validate Links and Images

Posted In: blogging and 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.

Time to Read: 5 mins