新语法

为了方便文档的编写，特地增加了更多的markdown扩展语法供大家使用。

tip语法

在markdown中通过添加tip即可完成tip语法实现。

这是一个Tip。

1
2
3

<p class="tip">
    这是一个Tip。
</p>

success语法

在markdown中通过添加tip即可完成success语法实现。

这是一个Success。

1
2
3

<p class="success">
    这是一个Success。
</p>

note语法

在markdown中添加类mustache语法即可在render的过程中实现代码转换。

note info

网站存放在子目录

如果您的网站存放在子目录中，例如 http://yoursite.com/blog，则请将您的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/。

1
2
3

{% note info 网站存放在子目录 %}
如果您的网站存放在子目录中，例如 `http://yoursite.com/blog`，则请将您的 `url` 设为 `http://yoursite.com/blog` 并把 `root` 设为 `/blog/`。
{% endnote %}

note tip

网站存放在子目录

如果您的网站存放在子目录中，例如 http://yoursite.com/blog，则请将您的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/。

1
2
3

{% note tip 网站存放在子目录 %}
如果您的网站存放在子目录中，例如 `http://yoursite.com/blog`，则请将您的 `url` 设为 `http://yoursite.com/blog` 并把 `root` 设为 `/blog/`。
{% endnote %}

note warn

网站存放在子目录

如果您的网站存放在子目录中，例如 http://yoursite.com/blog，则请将您的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/。

1
2
3

{% note warn 网站存放在子目录 %}
如果您的网站存放在子目录中，例如 `http://yoursite.com/blog`，则请将您的 `url` 设为 `http://yoursite.com/blog` 并把 `root` 设为 `/blog/`。
{% endnote %}

demo语法

在markdown中添加类mustache语法即可在render的过程中实现代码转换。

demo语法用于隐藏展示代码。

1
2
3
4
5

title: Hello World
date: 2013-07-14 17:01:34
categories:
- foo
- bar

1
2
3
4
5
6
7
8
9

{% demo %}
`` yaml
title: Hello World
date: 2013-07-14 17:01:34
categories:
- foo
- bar
``
{% enddemo %}

script语法

在markdown中实现javascript侵入的方式很简单，同样通过tag injection的方式将javascript实例代码嵌入。

1
2
3

{% script %}
  console.log('test');
{% endscript %}

html语法

在markdown中实现原生html嵌入的方式很简单，同样通过tag injection的方式将html代码嵌入生成器中，如果不使用tag方式，空格将会被解析器添加<br>处理，还可以通过合并代码的方式来实现html无换行解析。

1
2
3
4
5
6

{% html %}
  <br>
  <button class="btn btn-blue">蓝色</button>
  <button class="btn btn-red">红色</button>
  <br>
{% endhtml %}