Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Chalk Template for Jekyll

Download Chalk here!

Features:

  • Dark and Light theme.
  • Filter on tags.
  • Customizable pagination.
  • Beautified link sharing in Facebook and other social media.
  • Automatic time to read post indicator.
  • Automatic RSS feed.
  • About page.
  • 404 page.
  • SEO optimized.
  • PageSpeed optimized.
  • Cross browser support (supports all modern browsers).
  • Media embed for videos.
  • Enlarge images on click (like Medium).

Integrations

  • Google Analytics
  • Google Fonts
  • Disqus
  • Ionicons
  • Social media links

Used tools

  • Autoprefixer
  • Bower
  • Circle CI
  • Html-proofer
  • Jekyll
  • Jekyll assets
  • Jekyll Sitemap
  • HTML5 Boilerplate (Influenced by)
  • Kickster
  • Retina.js
  • STACSS

Sample Post

Chalk uses the default Jekyll syntax highlighting gem Rouge. It has a customized style for both light and dark theme. Use the highlight tag to use the following code highlighting your preferred language:


class="grid">

This is a heading This is a paragraph text.

Headings

Chalk includes 3 headings by default:

Heading first level

Heading second level

Heading third level

## Heading first level
### Heading second level
#### Heading third level

Lists

Unordered list example:

  • Unordered list item 1
  • Unordered list item 2
  • Unordered list item 3
  • Unordered list item 4

Ordered list example:

  1. Ordered list item 1
  2. Ordered list item 1
  3. Ordered list item 1
  4. Ordered list item 1
* Unordered list item 1
* Unordered list item 2

1. Order list item 1
2. Order list item 1

Emoji support :star:

Emoji’s can be used everywhere in :cat2: your markdown!

Quotes

A quote looks like this:

Lorem ipsum dolor sit amet, Consectetur Adipisicing Elit, sed do eiusmod tempor incididunt ut labore et dolore magna.

> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
> incididunt ut labore et dolore magna.

Media

Images can be added with a default tag. If you wish that an image can be enlarged on click use the image include tag. You can pass 3 variables:

  • path: Image to show in the blog post.
  • path-detail: Image to show when enlarging.
  • alt: Alt text for image in blog post.
 href="/assets/posts/chalk-template-for-jekyll/[email protected]52dfcb0eac47.png" class="fluidbox-trigger ">
  src="/assets/posts/chalk-template-for-jekyll/og-image-9d5dacfdef3920e60dbe8f3fbc81cf788c390bba4f71627d1341b3de520d4b8f.png" alt="Chalk Template" />

Videos can be added and are responsive by default (4x3 by default, 16x9 with extra class).

class="embed-responsive embed-responsive-16by9">


This post first appeared on Rahul Jain, please read the originial post: here

Share the post

Chalk Template for Jekyll

×

Subscribe to Rahul Jain

Get updates delivered right to your inbox!

Thank you for your subscription

×