Markdown指导

在这一课当中

  1. 标题
  2. ##二级标题
  3. 代码
  4. 标注

标题

标题样式

#一级标题

##二级标题

###三级标题

####四级标题

#####五级标题

代码

如何将代码插入文档的样式。

无示例的的行内代码

{% highlight html %}

<html>
    <head>
      <title>Hello World</title>
    </head>
</html>

{% endhighlight %}

<html>
  <head>
    <title>Hello World</title>
  </head>
</html>

插入Javascript

{% include_code _code/test.js testjs javascript %}

    console.log('Hello World');
查看完整示例

插入HTML

{% include_code _code/test.html testhtml html %}

    <!DOCTYPE html>
    <html lang="en">
      <head>
            <title>Article Example: sample example</title>
      </head>
      <body>
        <div role="main">
          Hello, world.
        </div>
        </body>
    </html>
    
查看完整示例

插入CSS

{% include_code _code/test.css testcss css %}

    html, body {
    	padding: 10px;
    }
查看完整示例

链接到示例

{% link_sample _code/test.html %}See sample{% endlink_sample %}

See sample

标注

在你的文档中使用标注轻而易举。

重点

{% include modules/takeaway.liquid
	list=page.key-takeaways.use-keytakeaway %}

在你文章的YAML导言中

key-takeaways:
  use-keytakeaway:
    - 添加一个重点很简单

关键要点

  • 添加一个重点很简单

记住

{% include modules/remember.liquid
	list=page.remember.use-remember %}

在你文章的YAML导言中

remember:
  use-remember:
    - 添加一个记住很简单

Remember

  • 添加一个记住很简单

相关内容

{% include modules/related.liquid
  list=page.related.related-content %}

在你文章的YAML导言中

related:
  related-content:
    - <a href="index.html">样式指导</a>
    - <a href="../example-article/">示例文章</a>
回到顶部