---
title: "Author information in jekyll blog"
description: "Author information in jekyll blog"
canonical_url: "https://www.bigbinary.com/blog/author-information-in-jekyll-blog"
markdown_url: "https://www.bigbinary.com/blog/author-information-in-jekyll-blog.md"
---

# Author information in jekyll blog

Author information in jekyll blog

- Author: Neeraj Singh
- Published: January 9, 2015
- Categories: Ruby

BigBinary's [blog](https://bigbinary.com/blog) is powered by
[jekyll](http://jekyllrb.com). In every blog we display author's name, author's
twitter handle, author's github id and author's avatar. In this blog I'm going
to discuss how we collect all that information in a simple manner.

We create a directory called **\_data** in the root folder. This directory has a
single file called **authors.yml** which in our case looks like this.

```plaintext
vipulnsward:
  name: Vipul
  avatar: http://bigbinary.com/assets/team/vipul.jpg
  github: vipulnsward
  twitter: vipulnsward
neerajsingh0101:
  name: Neeraj Singh
  avatar: http://bigbinary.com/assets/team/neeraj.jpg
  github: neerajsingh0101
  twitter: neerajsingh0101
```

We do not need to do anything to load **authors.yml** . It is automatically
loaded by jekyll.

When we create a blog then the top of the blog looks like this.

```plaintext
---
layout: post
title: How to deploy jekyll site to heroku
categories: [Ruby]
author_github: neerajsingh0101
---
```

Notice the last line where we have put in the author's github id. That's the
identifier we use to pull in author's information.

In order to display author's name we have following code in the layout.

```plaintext
{% raw %}
<span class="author-name">
  {{ site.data.authors[page.author_github].name }}
</span>
{% endraw %}
```

Similarly to display author's twitter handle and github id we have following
code.

```plaintext
{% raw %}
<a href="www.twitter.com/{{site.data.authors[page.author_github].twitter}}">
  <i class="ico-twitter"></i>
</a>
<a href="www.github.com/{{site.data.authors[page.author_github].github}}">
  <i class="ico-github"></i>
</a>
{% endraw %}
```

Now the blog will display the author information and all this information is
nicely centralized in one single file.

## Links

- [Human page](https://www.bigbinary.com/blog/author-information-in-jekyll-blog)
