How to add blog post on Jekyll

We use Jekyll to creat Kording lab blog. Not only us that use Jekyll as an organization blog, Stack Overflow Blog also use Jekyll. They host all the blog on Github StackExchange/stack-blog which has really nice instruction to add new posts.

Using Jekyll, it’s very easy to add post on All the posts are located in_posts folder located in Post arrangement is based on date. Each posts can be written in markdown format (also in html too, like <br> means new line). File name of each post is in format such as 2016–02– or2016–01– On top of each post, you just have to state 3 main things in markdown before writing a post: title, description and categories as follows

title: Summer School in Computational Sensory-Motor Neuroscience (CoSMo)
description: all links to CoSMo summer school in computational neuroscience materials
categories: scientists

where categories can be only 4 choices: scientists, students, discussion, blog. It will automatically put that blog post on the page depending on categories you put. description will be shown when you share on social media like Facebook or Twitter.

There are multiple ways for someone to add posts:

  • First way is going directly to then go to _post folder and directly add markdown file. Github allows you to see preview of the markdown too so you can check before you submit any file.
  • Second way is to clone the repository and add post in your local computer then push to the repository. This way you can install Jekyll and test to see your post on local computer by runningjekyll serve on terminal (after you follow instruction) and go to localhost:4000. For example, this post has blog categories, I can see preview of my blog on localhost:4000/blog before I push to

Add math equation

No problem, Jekyll allows you to add math equation!

To add inline math, we don’t use $ like in LaTeX since it can be conflicted with a lot of actual dollar sign so we have to use \\( and \\) as opening and closing bracket instead i.e. 
\\(\mathbf{y} = A \mathbf{x}\\) will render as y=Axy=Ax

For one-line equation, we can use the same as LaTeX that is 
$$\cfrac{d}{dt}\cfrac{\partial L}{\partial \dot{q}} = \cfrac{\partial L}{\partial q}$$. It will render as


Add code snippet

For inline code, it’s the same format as simple markdown format. Use back tick (symbol below tilde) to highlight inline code. If you want to add multiple line of codes, see more information. Basically we will use liquid tag highlight <programming language> andendhighlight as beginning and end tag for code snippet. Or you can simple use triple back tick same as when you write on Github repository.

Add images link or Youtube video

For images link, we can add html as follows

<img width="300" src=""/>

For Youtube, you can just copy embed link from Youtube (share > embed). For example,

<iframe width="420" height="315" src="" frameborder="0" allowfullscreen></iframe>

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.