Jekyll Formatting abilities

Sat, 06 Apr 2019 07:57:18 +0000

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

Cersei Lannister
Joffrey Baratheon
Ser Ilyn Payne
The Mountain
The Hound
Melisandre
Beric Dondarrion
Thoros of Myr
Tywin Lannister
Ser Meryn Trant
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$

$$ \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

Foto by Mae Mu @picoftasty

Sergey Zolotov

Jekyll Formatting abilities

Heading

Heading

Heading

Heading

Heading

Code syntax highlighting using peppermint theme

Ruby

Java

SQL

HTML

CSS

Lists

blockquotes

More of that, you can use LaTeX

and images