兼容模式和引用
当发表文章时,该模板是同时兼容html和Markdown的。比如直接加入html格式链接:
<a href="#">我是一条链接</a>
,或者Markdown格式链接:[我是另一条链接](#)
。引用文字采用>标志开头。比如下面的一段话就是我们引用的文字:
Curabitur blandit tempus porttitor. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.
斜体和粗体
对于段落中的文字斜体可以用一个星号将需要变斜体的文字围住。比如:
*我是斜体的文字*
:我是斜体的文字当需要加粗部分文字时,可以左右用两个星号将需要加粗的文字围住。比如:
**我是粗体**
: 我是粗体标题级别通过井号来引用,井号的个数越多,表示级别越低。
比如:##二级标题
:
二级标题
内嵌式文本
列表可以通过行首加入横杠来引用-
-
加粗字体使用html中的
<strong>
-
使字体倾斜采用
<em>
- 略缩词,鼠标滑过时显示全名。HTML格式下可以采用
<abbr title="HyperText Markup Langage">HTML</abbr>
, Markdown同样可以采用。例如:<abbr title="HyperText Markup Langage">HTML</abbr> - 引用词语,HTML格式下采用
<cite>— Mark otto</cite>
, Markdown同样可以采用。例如:<cite>— Mark otto</cite> - 删除线,HTML格式下采用
<del>Deleted</del>
, 例如:<del>Deleted</del>;下划线,HTML格式下采用<ins>inserted</ins>
, 例如:<ins>inserted</ins> - 上标采用
<sup>text</sup>
, 例如:文字上标; 下标采用<sub>text</sub>
, 例如:文字下标
代码引用
代码的引用通常可以采用反引号来将所需要引用的代码围住。
例如:printf("hello, world!\n")
或者在Jekyll的环境下加入你要引用的YAML的语法:
{% highlight js %}
// Example can be run directly in your JavaScript console
// Create a function that takes two arguments and returns the sum of those arguments
var adder = new Function("a", "b", "return a + b");
// Call the function
adder(2, 6);
// > 8
{% endhighlight %}
Jekll 下还支持HTML的列表标题内容的标签<dl><dt></dt><dd></dd></dl>
例如自动缩进的效果:
<dl> <dt>HyperText Markup Language (HTML)</dt> <dd>The language used to describe and define the content of a Web page</dd> <dt>Cascading Style Sheets (CSS)</dt> <dd>Used to describe the appearance of Web content</dd> <dt>JavaScript (JS)</dt> <dd>The programming language used to build advanced Web sites and applications</dd> </dl>
<dl>
<dt>HyperText Markup Language (HTML)</dt>
<dd>The language used to describe and define the content of a Web page</dd>
<dt>Cascading Style Sheets (CSS)</dt>
<dd>Used to describe the appearance of Web content</dd>
<dt>JavaScript (JS)</dt>
<dd>The programming language used to build advanced Web sites and applications</dd>
</dl>
图片
图片的链接和链接非常相似,只是在前面加入了一个感叹号,例如:
![图片名](http://placehold.it/800x400 "图片说明") ![placeholder](http://placehold.it/800x400 "Large example image") ![placeholder](http://placehold.it/400x200 "Medium example image") ![placeholder](http://placehold.it/200x200 "Small example image")
表格
表格的形式完全支持HTML的表格标签,例如:
<table>
<thead>
<tr>
<th>姓名</th>
<th>支持</th>
<th>反对</th>
</tr>
</thead>
<tfoot>
<tr>
<td>总数</td>
<td>21</td>
<td>23</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>小爱</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>小博</td>
<td>4</td>
<td>3</td>
</tr>
<tr>
<td>小李</td>
<td>7</td>
<td>9</td>
</tr>
</tbody>
</table>
姓名 | 支持 | 反对 |
---|---|---|
小爱 | 10 | 11 |
小博 | 4 | 3 |
小李 | 7 | 9 |
总数 | 21 | 23 |
如果你还想了解更多,就赶快亲自<a href="http://mahua.jser.me/">试试吧</a>.