这个Jekyll模板完全兼容Markdown语法。现在，让我们看看文本和排版。

标题

H1

H2

H3

H4

段落

我似浮云独自游

悠然溪谷群山中，

霎时美景入bai眼帘，

金色水仙朵朵开，

遍布湖畔树bai荫下，

摇曳风中舞翩翩，

璀璨漫漫如繁星。

列表

###有序列表

1.第一项

2.第二项

3.第三项

无序列表

• item 1
  • sub item 1
  • sub item 2
• item 2

整块引用

此行显示块引号。

表格

链接

http://127.0.0.1：4000

脚注

Click the hook will locate the footnote[^footnote].

图像

内联代码

这是一个例子 Inline Code

数学

The mathematics powered by MathJax :

When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are

代码段

普通

																	1 2 3
																

																		这是一个常见的代码片段，没有语法突出显示和行号。
																	

特定语言

console

																	1 2
																

																		$ date Sun Nov 3 15:11:12 CST 2019
																	

####

																	1 2 3
																

																		
																			$
																		
																		
																		
																		
																			env
																		
																		|grep SHELL
																		
																			SHELL=/usr/local/bin/bash PYENV_SHELL=bash
																		
																	

Ruby

																	1 2 3 4
																

																		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

																	1 2 3 4
																

																		if [ $? -ne 0 ]; then echo "The command was not successful."; #do the
																		needful / exit fi;
																	

Liquid

																	1 2 3
																

																		{% if product.title contains 'Pack' %} This product's title contains the
																		word Pack. {% endif %}
																	

HTML

																	1 2 3 4 5 6 7 8 9 10 11 12
																

																		<div class="sidenav"> <a href="#contact">Contact</a>
																		<button class="dropdown-btn">Dropdown <i class="fa fa-caret-down"></i>
																		</button> <div class="dropdown-container"> <a href="#">Link
																		1</a> <a href="#">Link 2</a> <a href="#">Link 3</a>
																		</div> <a href="#contact">Search</a> </div>
																	

Horizontal Scrolling

																	1 2 3 4 5 6 7 8 9
																

																		<div class="panel-group"> <div class="panel panel-default">
																		<div class="panel-heading" id=""> <i class="far fa-folder"></i>
																		<p>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.</p>
																		</a> </div> </div> </div>
																	

反脚注

[^footnote]：脚注源。