Learning About GitHub Pages and Jekyll

Ignore the super old date on this post, it is inherited from the fork. I’m just now getting around to updating this thing. Eventually, I want to take some of my projects and Gists and wrap them in articles.

Candidates:

  • JavaScript Sine Wave
  • OrientDB Test Drive
  • Ethereum PoC

Meanwhile, I had to learn some new things to get everything working smoothly.

Notes on Relative Images

Since I have a dedicated images folder, how do I refer to relative image links when using Jekyll and Markdown? Is it /images/xxx or will images/xxx (with no leading slash) suffice? Below are one of each.

![With](/images/404.jpg)

With

![Without](images/404.jpg)

Without

Wow! The first image is huge. Trying inline HTML instead. Note: I had to use a leading slash.

GitHub Mascot

Jekyll resolves relative links without the slash to _posts whereas a leading slash makes it relative to the top-level. Observe.

Apparent Relative Link

Or as Stimpy would say obser-uve!

Stimpy

How to Change Image Size

<img src="drawing.jpg" alt="Drawing" style="width: 200px;"/>

How to change image size Markdown?

- End -

Written on March 3, 2014