devlopr jekyll

A Jekyll Theme built for Developers

devlopr jekyll - Getting Started

Gem Version

Anyone can use devlopr theme to build a personal Portfolio + Blog Type of Website, hosted freely on Github Pages or Netlify .

To get started follow the below given methods to get your devlopr mod jekyll website ! Many features are in our checklist, that needs to be worked upon and are in progress. And if you liked this project ! Do share with your developer friends and colleagues who may find it interesting :D

Method 1: Installation for new Jekyll Site using Rubygem

Add this line to your Jekyll site’s Gemfile :

gem "devlopr"

And add this line to your Jekyll site’s _config.yml:

theme: devlopr

And then execute:

$ bundle

Or install it yourself as:

$ gem install devlopr

Run locally using :

$ jekyll serve

Method 2: Easy Installation - Just Clone !!

All you need to do is clone this repo and customize the theme accordingly.

Clone the repo :

$ git clone" $ cd devlopr-jekyll $ code .

Edit the below file configurations to make devlopr theme yours, you can customize everything from logo, name, posts.. anything.

Add Posts in _posts directory.
Add Images in assets/img directory
Add Categories in categories directory
Edit Styles in _sass directory

_config.yml configuration ( Copy and Edit accordingly )

title: Your Site Title
subtitle: Your Site Subtitle
description: >- # this means to ignore newlines until "baseurl:"
  Write an awesome description for your new site here. You can edit this
  line in _config.yml. It will appear in your document head meta (for
  Google search results) and in your feed.xml site description.
baseurl: "" # the subpath of your site, e.g. /blog
url: "" # the base hostname & protocol for your site, e.g.

author_logo: profile.png
disqus_shortname: sujay-kundu  #for comments using disqus
author: Your Name
author_bio: Something About You for about me
author_email: ""
author_location: Your Location
author_website_url: ""

# social links
twitter_username: yourusername
github_username:  yourusername
facebook_username: yourusername
linkedin_username: yourusername
behance_username: yourusername
instagram_username: yourusername
medium_username: yourusername 
telegram_username: yourusername
dribbble_username: yourusername 
flickr_username: yourusername

Add blog section (if you want \blog)

Create a new file file with following front yaml inside it.

layout: blog
title: Blog
permalink: \blog\

Post Yaml Format ( Example Below ) :

layout: post
title: How to use docker compose 
 - web-development
 - docker
summary: Learn how to use docker compose 
thumbnail: docker-compose.png
author: Sujay Kundu

Adding Categories

For Adding Categories create new folder categories and inside that create a file and copy the below code in that :

layout: page
permalink: /blog/categories/

<div id="categories">

  <div class="category-box" >
    <div id="#web-development"></div>
    <h4 class="tag-head"><a href="/blog/categories/web-development">web-development</a></h4>
    <a name="web-development"></a>

  <div class="category-box" >
    <div id="#git"></div>
    <h4 class="tag-head"><a href="/blog/categories/git">git</a></h4>
    <a name="git"></a>

  <div class="category-box" >
    <div id="#productivity"></div>
    <h4 class="tag-head"><a href="/blog/categories/productivity">productivity</a></h4>
    <a name="productivity"></a>


Individual Categories

If you want to show all posts of a particular category, create a new file for that category inside categories folder

For example ( )

layout: page
permalink: /blog/categories/angularjs
<div class="card">



The theme is available as open source under the terms of the MIT License.