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 https://github.com/sujaykundu777/devlopr-jekyll.git" $ 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. http://example.com

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: "your-email@example.com"
author_location: Your Location
author_website_url: "https://yourwebsite.com"

# 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 blog.md 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 
categories: 
 - 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 all.md 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>

  <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>

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

</div>

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 ( angularjs.md )

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

</div>


License

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