Posted by : at

Category : jekyll

Hey guys, today I will tell you can use devlopr jekyll theme

There can be two scenarios :

  1. Using devlopr-starter Template - If you don’t have a jekyll blog
  2. Changing your current theme - If you already got a jekyll blog

In both the cases you might need to install Ruby, as Jekyll requires Ruby. So make sure you already have Ruby Installed:

Installing bundler

gem install bundler

1. Using devlopr-starter Template

If you are new to Jekyll, want to create a new blog with devlopr jekyll theme. Its super easy to get started. All you need to do is:

Head over to https://github.com/sujaykundu777/devlopr-starter

Click the Use this Template Button

Choose a name for the repo for eg. myblog

Clone the repo locally

git clone https://github.com/yourusername/myblog.git

Inside myblog project, edit _config.yml to your preferences:

Install the dependencies

bundle install

Run the blog locally - bundle exec jekyll serve

You can visit the blog at http://localhost:4000

You can modify, add or remove posts in the _posts

folder. Categories in the `categories` folder. 

All the Images should be kept inside - _site/assets/img

The image url path being - /assets/img/yourimage.png

2. Changing your current Blog Theme

If you already have a blog, and want to change the theme. Follow the below steps:

Inside your jekyll blog. Edit the following files and replace accordingly :

_config.yml

title: Your Blog # the title of your blog

subtitle: A Blog Created using devlopr-starter # subtitle of your blog

description: >- # this means to ignore newlines until "baseurl:"
 Anyone can create their own blog using devlopr 

baseurl: "" # the subpath of your site, e.g. /blog
url: "" # the base hostname & protocol for your site, e.g. http://example.com

# All the images can be found at - /_site/assets/img/

author_logo: profile.png  # your profile image 

disqus_shortname: your-disqus-username   #for comments using disqus

# Author details

author: devlopr
author_bio: Hello, my name is John Doe.I am an award winning Full Stack Web Developer and UI/UX Javascript specialist.Check out my blog articles, React.JS and Vue.JS UI components at the code laboratory.Feel free to take a look at my latest projects below.Based in London, UK. 
author_email: "[email protected]"
author_location: India
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


# important to use devlopr theme 
theme: devlopr

Gemfile

source "https://rubygems.org"
gem "devlopr"

Install the theme gem

bundle install

Download devlopr-starter template and copy all the files inside your blog folder - _posts, categories, about, contact. This will create the pages when building the site.

Run the app locally :

bundle exec jekyll serve

This will serve the blog in http://localhost:4000