---
title: "Text and Typography"
date: 2019-08-08 11:33:00 +0800
categories: [Blogging, Demo]
tags: [typography]
---
This Jekyll template totally compatible with Markdown syntax. Now, let's take a look for the text and typography in this theme.
## Titles
***
# H1
H2
H3
#### H4
***
## Paragraph
I wandered lonely as a cloud
That floats on high o'er vales and hills,
When all at once I saw a crowd,
A host, of golden daffodils;
Beside the lake, beneath the trees,
Fluttering and dancing in the breeze.
## Block Quote
> This line to shows the Block Quote.
## Tables
|Company|Contact|Country|
|:---|:--|---:|
|Alfreds Futterkiste | Maria Anders | Germany
|Island Trading | Helen Bennett | UK
|Magazzini Alimentari Riuniti | Giovanni Rovelli | Italy
## Link
[http://127.0.0.1:4000](http://127.0.0.1:4000)
## Footnote
Click the hook will locate the footnote[^footnote].
## Image
![Desktop View]({{ "/assets/img/sample/mockup.png" | relative_url }})
## Inline code
This is an example of `Inline Code`.
## Code Snippet
### Common
```
This is a common code snippet, without syntax highlight and line number.
```
### Specific Languages
#### Console
```console
$ date
Sun Nov 3 15:11:12 CST 2019
```
#### Terminal
```terminal
$ env |grep SHELL
SHELL=/usr/local/bin/bash
PYENV_SHELL=bash
```
#### Ruby
```ruby
def sum_eq_n?(arr, n)
return true if arr.empty? && n == 0
arr.product(arr).reject { |a,b| a == b }.any? { |a,b| a + b == n }
end
```
#### Shell
```shell
if [ $? -ne 0 ]; then
echo "The command was not successful.";
#do the needful / exit
fi;
```
#### Liquid
{% raw %}
```liquid
{% if product.title contains 'Pack' %}
This product's title contains the word Pack.
{% endif %}
```
{% endraw %}
#### HTML
```html
```
**Horizontal Scrolling**
```html
This is a very long long long long long long long long long long long long long long long long long long long long long line.
```
## Reverse Footnote
[^footnote]: The footnote source.