Jekyll Formatting abilities

by on under jekyll
3 minute read

Jekyll is a wonderful tool for converting a plain text or .md file into blogs and static websites. It uses the Liquid templating language and has builtin Markdown and Textile support.

You can easily generate your Github Pages with it.

On the website of Jekyll you can learn more about it.

An now some format stuff:

Heading

# Heading

Heading

## Heading

Heading

### Heading

Heading

#### Heading
Heading
##### Heading

Links, bold or bold, strikethrough or del, italics and ins are also here

[Links](#), **bold** or __bold__, ~~strikethrough~~  or <del>del</del>, 
_italics_  and <ins>ins</ins> are also here

Code syntax highlighting using peppermint theme

Ruby

class MyClass < SomeThing::Base
  include SomeOtherThing

  validates_presence_of :something
  validates :email, email_format: true

  def initialize(email, name = nil)
    self.email = email
    self.name = name
  end
end

Java

public class MyClass {
  int x = 5;

  public static void main(String[] args) {
    MyClass myObj = new MyClass();
    System.out.println(myObj.x);
  }
}

SQL

SELECT p.Name AS ProductName, 
NonDiscountSales = (OrderQty * UnitPrice),
Discounts = ((OrderQty * UnitPrice) * UnitPriceDiscount)
FROM Production.Product AS p 
INNER JOIN Sales.SalesOrderDetail AS sod
ON p.ProductID = sod.ProductID 
ORDER BY ProductName DESC;

HTML

<!DOCTYPE html>
<title>Title</title>

<style>body {width: 500px;}</style>

<script type="application/javascript">
  function initPage() {return true;}
</script>

<body>
  <div class="my-class">
    <p id="par1">Hey</p>
  </div>
  <!-- comments -->
</body>

CSS

.class-one {
  width: 100px;
}

Lists

  • Toys
  • Books
  • Pencils
  • Goods
  * Toys
  * Books
  * Pencils
  * Goods
  1. Cersei Lannister
  2. Joffrey Baratheon
  3. Ser Ilyn Payne
  4. The Mountain
  5. The Hound
  6. Melisandre
  7. Beric Dondarrion
  8. Thoros of Myr
  9. Tywin Lannister
  10. Ser Meryn Trant
  11. Walder Frey

blockquotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

More of that, you can use LaTeX

$$ \displaystyle \int_0^\infty e^{-x^2} 
 \frac{1}{\displaystyle 1+
    \frac{1}{\displaystyle 2+
    \frac{1}{\displaystyle 3+x}}} +
  \frac{1}{1+\frac{1}{2+\frac{1}{3+x}}} 
  \zeta(s)
 dx $$

and images

Bread Foto by Mae Mu @picoftasty
jekyll, carte noire
Content created with by Sergey Zolotov
on Github