Ultimate Guide to setup Prasad Jekyll theme

Prasad is the modified form of Affiliates Jekyll Theme.

  • Demo: https://prasad.cdrrazan.com

You can view the full live site using this theme HERE.

If you need any help open the issue in here.

Features

  • Built for Jekyll

    Built in version 3.8.5

  • Compatible with Github, Gitlab and Netlify Pages
  • Featured Posts
  • Index Pagination
  • Post Categories

    categories/name

  • Prev/Next Link
  • Category Archives (this is not yet compatible with github pages though)

    compatible with netlify and gitlab pages

  • Integrations:
    • Disqus Comments
    • Google Analaytics
    • Sharethis Integration
    • Formspree.io Contact
  • Design Features:
    • Bootstrap v4.0.0-alpha.6
    • Font Awesome
    • Masonry
  • Layouts:
    • Default
    • Sticky Sidebar
    • Page
    • Archive

How to Use

Let’s move on to using Prasad template in Jekyll:

Download or Fork cdrrazan/prasad.

  • In your local project, open _config.yml. If your site is in root, for baseurl, make sure this is set to baseurl: /. Also, change your Google Analytics code, Disqus username, Authors, ShareThis code (https://www.sharethis.com/) etc.

  • Prasad requires 3 plugins:
    • $ gem install jekyll-paginate
    • $ gem install jekyll-archives
    • $ gem install jekyll-seo-tag
  • Locate the files and customize:
    • header & footer in default.html.
    • homepage in index.html
    • contact form in contact.html (https://formspree.io/)

      Suitable for any third party Contact form service provider.

    • post sidebar in includes/sidebar.html

      Suitable for Referral or Ads Code. You can make sidebar unsticky as well.

    • sign up form in includes/newsletter.html

      Suitable for newsletter service. You can directly use the REVUE newsletter service from here.

    • search blog in Search/index.html

      Theme uses Lunr.js for searching the blog.

  • Start blogging by adding your .md files in _posts. You will see in examples in the download.
  • YAML front matter
    • post featured - featured:true
    • post featured image - image: assets/images/mypic.jpg
    • page comments - comments:true

      Can setup multiple commenting system as well.

    • meta description (optional) - description: "this is my meta description"
    • permalinks (optional) - permalink: /blog/this-is-link/

      Setting up custom permalink in the post section will override permalink config from _config.yml

YAML Post Example:

---
layout: post
title:  "We all wait for summer"
author: john
categories: [ Jekyll, tutorial ]
image: assets/images/1.jpg
featured: true
permalink: /blog/permalinks-setup/
---

YAML Page Example

---
layout: page
title: Prasad Template for Jekyll
comments: true
---
  • SEO
    • This theme uses jekyll-seo-tag plugins for SEO. Please refer to the documentation of the plugins for additional theme uses and modification.
  • Instruction on deploying in Gitlab and Netlify
    • Gitlab: Add .gitlab-ci.yml for building Jekyll in Gitlab Pages
    • Netlify: Visit this netlify docs
All the images posted here are for blog demo purpose only.
comments powered by Disqus