hugo中使用blackfriday 对markdown进行解析处理。

h1

拷贝自markdown-it.github.io

h2 Heading

h3 Heading

h4 Heading

h5 Heading
h6 Heading

横线




强调/加粗

This is bold text

This is bold text

This is italic text

This is italic text

Strikethrough

引用

Blockquotes can also be nested…

…by using additional greater-than signs right next to each other…

…or with spaces between arrows.

列表

无序

  • Create a list by starting a line with +, -, or *
  • Sub-lists are made by indenting 2 spaces:
    • Marker character change forces new list start:
    • Ac tristique libero volutpat at
    • Facilisis in pretium nisl aliquet
    • Nulla volutpat aliquam velit
  • Very easy!

有序

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa

代码块

Inline code

通过缩进

// Some comments
line 1 of code
line 2 of code
line 3 of code

通过反斜线:

Sample text here...

代码高亮

var foo = function (bar) {
  return bar++;
};
console.log(foo(5));

表格

Option Description
data path to data files to supply the data that will be passed into templates.
engine engine to be used for processing templates. Handlebars is the default.
ext extension to be used for dest files.

链接

link text

鼠标浮动显示title

Autoconverted link https://github.com/nodeca/pica (enable linkify to see)

图片

Minion Stormtroopocat

拓展

hugo支持使用shortcode对markdown进行扩展。

下面的shortcode可以此处找到:

UML

使用mermaid.js驱动

graph LR;
注册gitbook-->添加书籍项目;
添加书籍项目-->INTEGRATIONS/github;   
自上而下/自外到内渲染DOM --> 授权并选择仓库;
graph LR; 注册gitbook-->添加书籍项目; 添加书籍项目-->INTEGRATIONS/github; INTEGRATIONS/github --> 授权并选择仓库;

jsfiddle

codepen

See the Pen 🐍 Snake Rush by Ritchie Zhu (@laozhu) on CodePen.

asciinema

Sheng Xiang PPT