Blackcurrant Jekyll Theme


22 Nov 2018  John Doe  6 mins read.

Image Credits: Fruit Layer

Blackcurrant is a Jekyll theme suitable for personal, blog, resume or portfolio websites.

Features

Easy customizations

Customizing the theme elements has been made easy. Almost all the customizable elements can be found in one file _data/main.yml.

Here is the sample.

# Image, name, profession in the sidebar

image: /images/author-image.jpg
name: John Doe
profession: A Web Developer
email: [email protected] # The contact form submission  be received in this email address.

# Menu items in the sidebar
menu:
  - title: Work
    link: /portfolio/

  - title: Blog
    link: /blog/

  - title: Contact
    link: /contact/



# Social icons in the sidebar
# use font awesome icon code in the 'icon:' value
social:
  facebook:
       icon: fa-facebook-square
       link: https://facebook.com

  twitter:
      icon: fa-twitter
      link: https://twitter.com

  linkedin:
      icon: fa-linkedin
      link: https://linkedin.com

  github:
      icon: fa-github
      link: https://github.com

Bootsrap 4

Blackcurrant is built on the latest Bootstrap 4 Framework. The theme can be easily customized using bootstrap elements.

Attractive Layout

A dedicated and constant sidebar highlights the author, which is ideal for personal branding.

Superfast Loading Speed

The website is light and superfast. It loads completely within 3 seconds in most cases. Check Speed.

Multiple color schemes

The default layout boasts a vibrant green color. You can always change this in the configuration file or add your own color and the whole site changes to that scheme.

color-scheme: '#1abc9c' # Green
# color-scheme: '#2693e6' # Blue
# color-scheme: '#987ce6' # Purple
# color-scheme: '#ea67a8' # Pink
# color-scheme: '#ec632b' # Orange

Responsive videos

Just add a class to your video iframe to make it responsive. For example

<iframe class="video" src="https://www.youtube.com/embed/YE7VzlLtp-4"></iframe>

Adding video class to any iframe makes it responsive in Avocado.

Paginated posts

Only 4 posts are shown in the blog page. Older posts are paginated. Check it out. You can change the number of posts in the configuration file.

paginate: 4

Automatic Breadcrumbs

Breadcrumbs are generated for every page and post automatically. The default one looks like this.

The color changes with the color scheme.

Auto generated TOC

Table of contents is automatically generated for each post.

Comments

Disqus comments is pre-installed. Just sign-up, get a shortname and update the variable disqus in the configuration.

Disqus is configured so that your page load speed will not slow down. Disqus loads when the user goes all the way to the bottom of an article!

If you do not mention the disqus: value in configuration then the disqus comments code will not be included in the website.

Track visitors

The website uses Google Analytics for tracking visitors. Use your own UA code in the configuration. Analytics code will not be used in the website if you do not mention UA code.

Search anything from your articles in an instant using search bar at the top.

Auto generated feed and sitemap

We have given much importance to SEO and made sure you have the sitemap ready to submit to search engines. A well formatted feed is readily available for RSS.

Fully responsive

It will be a pleasure reading content on blackcurrant through a smartphone. Try it to know it.

Other simple stuff

We have given special importance in designing things like reading time, tags, share buttons, recent articles etc…

Style Guide

Typography

This is how the headlines will look like on this website.

This is a H1

This is a H2

This is a H3

This is H4, H5 and H6

<h1>This is a H1</h1>
<h2>This is a H2</h2>
<h3>This is a H3</h3>
<h4>This is H4, H5 and H6</h4>

These are sample paragraphs showing italics, bold and code text style. Fonts are carefully choosen for longer user retention. The text is optimized for legibility. Viewers will get a good experience reading through the blog.

Here is an unordered list

  • Item 1
  • Item 2
  • Item 3

and an ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Buttons


Syntax Hihglighting

<button class="btn btn-default">Default</button>

<button class="btn btn-primary">Primary</button>

<button class="btn btn-success">Success</button>

<button class="btn btn-warning">Warning</button>

<button class="btn btn-danger">Danger</button>

Blockquote

This is an important sentence from the paragraph.

Another blockquote.

With multiple lines!

Table

This is a simple markdown table

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1


| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

Installation Guide

Right after the purchase, you will get a zip folder with the following files.

.
.
├── _data
|   ├── main.yml
|
├── _includes
|   ├── author.html
|   └── header.html
|   └── footer.html
|   .
|   .
|
├── _layouts
|   ├── default.html
|   └── post.html
|
├── _posts
|   ├── 2018-11-22-blackcurrant.md
|   └── 2009-04-26-title-of-post.md
|
├── _pages
|   ├── about.md
|   └── contact.md
|   .
|   .
|
├── _sass
|   └── _auhtor.scss
|   └── _google-fonts.scss
|   .
|   .
|
├── _config.yml
├── assets
├── blog
├── images
└── index.html

You can serve this locally using the command bundle exec jekyll serve.

Make necessary changes in the _config.yml, _data/main.yml and wherever it is necessary.

All these files can be put in a repository(GitHub, GitLab etc) or hosting service where Jekyll is supported.

If Jekyll is not supported, then use the _site/ folder, which is actually a complete rendered website in itself.

Do contact us for any help - [email protected].

With all these goodness, you will also get full support for 3 months.

Buy Blackcurrant Jekyll Theme

Buy Now for $19

We provide 6 months support.

Get your questions answered within 24 hours.

Get assistance with reported bugs and issues.

Help with included 3rd party assets.

You can always leave us an email at [email protected].


Loading comments…