1. Trivial Examples
Some Sample text
Heading Two (h2)
syntax:
and likewise…
Heading Three (h3)
Heading Four (h4)
Heading Five (h5)
Heading Six (h6)
Blockquotes
Single line
syntax:
> It's **10% _`luck`_**, **20% _`skill`_**, **15% *`concentrated power of will`***, **5% *`pleasure`***, **50% *`pain`***, and **100% reason to _Remember My Name_** 🕶️
It’s 10% luck
, 20% skill
, 15% concentrated power of will
, 5% pleasure
, 50% pain
, and 100% reason to Remember My Name 🕶️
Multiline
syntax:
> What do you get when you cross an insomniac, an unwilling agnostic and a dyslexic?
>
> You get someone who stays up all night torturing himself mentally over the question of whether or not there's a dog.
>
> – _Hal Incandenza_
What do you get when you cross an insomniac, an unwilling agnostic and a dyslexic?
You get someone who stays up all night torturing himself mentally over the question of whether or not there’s a dog.
– Hal Incandenza
Horizontal Rule
syntax:
Table
syntax:
| Title 1 | Title 2 | Title 3 | Title 4 |
|------------------|------------------|-----------------|-----------------|
| First entry | Second entry | Third entry | Fourth entry |
| Fifth entry | Sixth entry | Seventh entry | Eight entry |
| Ninth entry | Tenth entry | Eleventh entry | Twelfth entry |
| Thirteenth entry | Fourteenth entry | Fifteenth entry | Sixteenth entry |
Title 1 |
Title 2 |
Title 3 |
Title 4 |
First entry |
Second entry |
Third entry |
Fourth entry |
Fifth entry |
Sixth entry |
Seventh entry |
Eight entry |
Ninth entry |
Tenth entry |
Eleventh entry |
Twelfth entry |
Thirteenth entry |
Fourteenth entry |
Fifteenth entry |
Sixteenth entry |
Code
Source code can be included by fencing the code with three backticks. Syntax highlighting works automatically when specifying the language after the backticks.
syntax:
```javascript
function foo () {
return "bar";
}
```
This would be rendered as:
function foo () {
return "bar";
}
Lists
Unordered
syntax:
* First item
* Second item
* Third item
* First nested item
* Second nested item
- First item
- Second item
- Third item
- First nested item
- Second nested item
Ordered
syntax:
1. First item
2. Second item
3. Third item
1. First nested item
2. Second nested item
- First item
- Second item
- Third item
- First nested item
- Second nested item
2. Advanced Examples

syntax:

MathJax
You can enable MathJax by setting mathjax: true
on a page or globally in the _config.yml
. Some examples:
Euler’s formula relates the complex exponential function to the trigonometric functions.
\[e^{i\theta}=\cos(\theta)+i\sin(\theta)\]
The Euler-Lagrange differential equation is the fundamental equation of calculus of variations.
\[\frac{\mathrm{d}}{\mathrm{d}t} \left ( \frac{\partial L}{\partial \dot{q}} \right ) = \frac{\partial L}{\partial q}\]
The Schrödinger equation describes how the quantum state of a quantum system changes with time.
\[i\hbar\frac{\partial}{\partial t} \Psi(\mathbf{r},t) = \left [ \frac{-\hbar^2}{2\mu}\nabla^2 + V(\mathbf{r},t)\right ] \Psi(\mathbf{r},t)\]
syntax:
$$ e^{i\theta}=\cos(\theta)+i\sin(\theta) $$
Code
Embed code by putting {% highlight language %}
{% endhighlight %}
blocks around it. Adding the parameter linenos
will show source lines besides the code.
static void asyncEnabled(Dict* args, void* vAdmin, String* txid, struct Allocator* requestAlloc)
{
struct Admin* admin = Identity_check((struct Admin*) vAdmin);
int64_t enabled = admin->asyncEnabled;
Dict d = Dict_CONST(String_CONST("asyncEnabled"), Int_OBJ(enabled), NULL);
Admin_sendMessage(&d, txid, admin);
}
syntax:
<figure class="highlight"><pre><code class="language-c" data-lang="c"><span class="k">static</span> <span class="kt">void</span> <span class="nf">asyncEnabled</span><span class="p">(</span><span class="n">Dict</span><span class="o">*</span> <span class="n">args</span><span class="p">,</span> <span class="kt">void</span><span class="o">*</span> <span class="n">vAdmin</span><span class="p">,</span> <span class="n">String</span><span class="o">*</span> <span class="n">txid</span><span class="p">,</span> <span class="k">struct</span> <span class="n">Allocator</span><span class="o">*</span> <span class="n">requestAlloc</span><span class="p">)</span>
<span class="p">{</span>
<span class="k">struct</span> <span class="n">Admin</span><span class="o">*</span> <span class="n">admin</span> <span class="o">=</span> <span class="n">Identity_check</span><span class="p">((</span><span class="k">struct</span> <span class="n">Admin</span><span class="o">*</span><span class="p">)</span> <span class="n">vAdmin</span><span class="p">);</span>
<span class="kt">int64_t</span> <span class="n">enabled</span> <span class="o">=</span> <span class="n">admin</span><span class="o">-></span><span class="n">asyncEnabled</span><span class="p">;</span>
<span class="n">Dict</span> <span class="n">d</span> <span class="o">=</span> <span class="n">Dict_CONST</span><span class="p">(</span><span class="n">String_CONST</span><span class="p">(</span><span class="s">"asyncEnabled"</span><span class="p">),</span> <span class="n">Int_OBJ</span><span class="p">(</span><span class="n">enabled</span><span class="p">),</span> <span class="nb">NULL</span><span class="p">);</span>
<span class="n">Admin_sendMessage</span><span class="p">(</span><span class="o">&</span><span class="n">d</span><span class="p">,</span> <span class="n">txid</span><span class="p">,</span> <span class="n">admin</span><span class="p">);</span>
<span class="p">}</span></code></pre></figure>
Gists
With the jekyll-gist
plugin, which is preinstalled on Github Pages, you can embed gists simply by using the gist
command:
Images
Upload an image to the assets folder and embed it with )
. Keep in mind that the path needs to be adjusted if Jekyll is run inside a subfolder.
A wrapper div
with the class large
can be used to increase the width of an image or iframe.

rolling hills in dzukou valley by me
Embedded content
You can also embed a lot of stuff, for example from YouTube, using the embed.html
include.
syntax (you can replace the video link with any youtube video):
<div style="position: relative; margin: 1.5em 0; padding-bottom: 56.25%;">
<iframe style="position: absolute;" src="../assets/images/clouds_timelapseAt3500m.mp4" width="100%" height="100%" frameborder="0" allowfullscreen></iframe>
</div>