After I started a blog, as described in this post, I felt it would be cool to convert the author name shown on top of each post to a link to the
about page. This was a minor change, but it required me to customize
I describe the steps that I used to customize
post.html layout in this post.
Customizing theme files
You can modify a jekyll theme’s functionality by copying a specific file from theme gem and then modifying it. Jekyll uses local files of the same name to override the theme behavior. In addition, the local folder name has to be identical to the folder name in gem where you copied the file from.
Create a folder in your site root directory
Since you are modifying the
post layout, you need create a copy of the file in your local site. You need the following steps:
In the root directory of the site, create a
Locate minima gem’s post.html on your computer
You need to determine where Ruby gems are stored on your computer.
You can figure out Ruby gem folder location by running the command
gem environment and looking for the value of
INSTALLATION DIRECTORY field. The command output should look something like:
minima gem files are located within this folder:
The file you want to copy and modify is located within the
An alternative way to figure out the location of gem files is by using the command
bundle show minima.
#Copy the gem post.html to your site
_layouts/post.html from minima ruby gem folder into the local
_layouts directory just created. Go to your site’s root directory and then run the following commands:
Make author name a link
post.html in an editor and locate the line that you want to modify. The html that you want to modify is shown below:
Add an anchor element around
Naveen Jujaray as follows:
Try in browser. In the post, the author name should now be a link. Clicking on the author name should take you to the about page.