Markdown Cheet Sheet for Grav

It is actually for Clover Studio's internal useage, but why not to make it public ? So I decided to write cheet sheet for editing Markdown format in Grav CMS


Headers

# H1
## H2
### H3

H1

H2

H3

In Clover please don't use H1 because it will destroy layout ( as you see )


Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vel ante nec neque egestas porttitor non in dui. Proin aliquet elit sit amet lectus hendrerit, ac sagittis lacus rhoncus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed purus purus, feugiat ut gravida vel, facilisis ac ligula. In lectus ligula, tincidunt ut cursus at, eleifend non justo. Praesent aliquam, felis a vehicula rutrum, tortor leo venenatis neque, eu aliquam massa turpis condimentum dui. Pellentesque vel ornare neque, ac tincidunt enim. Fusce condimentum quam mi, in convallis lorem tincidunt et. Ut lacus metus, pharetra sit amet eleifend commodo, finibus ac urna.

Etiam sollicitudin mollis velit. Curabitur auctor ultricies est at finibus. Ut facilisis justo in est bibendum, in consequat risus posuere. Donec blandit semper aliquam. Vivamus id ligula libero. Donec dignissim mi porta orci egestas, ac maximus odio lacinia. Fusce tristique sapien eget ligula fermentum, non fringilla nibh maximus. Nulla commodo nulla lectus, ut cursus erat pulvinar eu. Phasellus tristique, risus nec vehicula egestas, sem tortor ultricies ipsum, in tincidunt urna neque et velit. Curabitur vel neque pharetra, cursus turpis in, imperdiet dui. Morbi id neque in dolor dignissim euismod.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vel ante nec neque egestas porttitor non in dui. Proin aliquet elit sit amet lectus hendrerit, ac sagittis lacus rhoncus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed purus purus, feugiat ut gravida vel, facilisis ac ligula. In lectus ligula, tincidunt ut cursus at, eleifend non justo. Praesent aliquam, felis a vehicula rutrum, tortor leo venenatis neque, eu aliquam massa turpis condimentum dui. Pellentesque vel ornare neque, ac tincidunt enim. Fusce condimentum quam mi, in convallis lorem tincidunt et. Ut lacus metus, pharetra sit amet eleifend commodo, finibus ac urna.

Etiam sollicitudin mollis velit. Curabitur auctor ultricies est at finibus. Ut facilisis justo in est bibendum, in consequat risus posuere. Donec blandit semper aliquam. Vivamus id ligula libero. Donec dignissim mi porta orci egestas, ac maximus odio lacinia. Fusce tristique sapien eget ligula fermentum, non fringilla nibh maximus. Nulla commodo nulla lectus, ut cursus erat pulvinar eu. Phasellus tristique, risus nec vehicula egestas, sem tortor ultricies ipsum, in tincidunt urna neque et velit. Curabitur vel neque pharetra, cursus turpis in, imperdiet dui. Morbi id neque in dolor dignissim euismod.

Nothing special, just devide with new line each paragraph


Horizontal Rules

___: three consecutive underscores
---: three consecutive dashes
***: three consecutive asterisks



All thress is save horizontal line.


Emphasis

** Bold and mark **
_Italic_
~~Strike through this text.~~

Bold and mark

Italic

Strike through this text.


Blockquotes

> Fusion Drive combines a hard drive with a flash storage (solid-state drive) and presents it as a single logical volume with the space of both drives combined.

Fusion Drive combines a hard drive with a flash storage (solid-state drive) and presents it as a single logical volume with the space of both drives combined.


Lists

* valid bullet
- valid bullet
+ valid bullet
  • valid bullet
  • valid bullet
  • valid bullet

Nested List

+ Lorem ipsum dolor sit amet
+ Consectetur adipiscing elit
+ Integer molestie lorem at massa
+ Facilisis in pretium nisl aliquet
+ Nulla volutpat aliquam velit
  - Phasellus iaculis neque
  - Purus sodales ultricies
  - Vestibulum laoreet porttitor sem
  - Ac tristique libero volutpat at
+ Faucibus porta lacus fringilla vel
+ Aenean sit amet erat nunc
+ Eget porttitor lorem
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

Ordered

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
  6. Faucibus porta lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem

Code

Inline Code

In this example, `<section></section>` should be wrapped as **code**.

In this example, <section></section> should be wrapped as code.

Multiline Code

Use ``` to show code.

grunt.initConfig({
  assemble: {
    options: {
      assets: 'docs/assets',
      data: 'src/data/*.{json,yml}',
      helpers: 'src/custom-helpers.js',
      partials: ['src/partials/**/*.{hbs,md}']
    },
    pages: {
      options: {
        layout: 'default.hbs'
      },
      files: {
        './': ['src/templates/pages/index.hbs']
      }
    }
  }
};

Tables


| 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. |
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.

Links

Basic link

[Assemble](http://assemble.io)

Assemble

Add a title

[Upstage](https://github.com/upstage/ "Visit Upstage!")

Upstage


Named Anchors

Named anchors enable you to jump to the specified anchor point on the same page. For example, each of these chapters:

# Table of Contents
  * [Chapter 1](#chapter-1)
  * [Chapter 2](#chapter-2)
  * [Chapter 3](#chapter-3)

will jump to these sections:

## Chapter 1 <a id="chapter-1"></a>
Content for chapter one.

## Chapter 2 <a id="chapter-2"></a>
Content for chapter one.

## Chapter 3 <a id="chapter-3"></a>
Content for chapter one.

Images

You can drag & drop image you want to show to "Page Media" area and click "+" icon to get this likn.

![](DSC_0487.JPG)

Show smaller image

![](DSC_0455.JPG?cropResize=400,200)
![](DSC_0429.JPG?cropResize=400,200)

Image float

![](DSC_0479.JPG?cropResize=400,300&classes=float-left)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vel ante nec neque egestas porttitor non in dui. Proin aliquet elit sit amet lectus hendrerit

![](DSC_0479.JPG?cropResize=400,300&classes=float-right)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vel ante nec neque egestas porttitor non in dui. Proin aliquet elit sit amet lectus hendrerit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vel ante nec neque egestas porttitor non in dui. Proin aliquet elit sit amet lectus hendrerit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vel ante nec neque egestas porttitor non in dui. Proin aliquet elit sit amet lectus hendrerit

Light Box

Sample Image Sample Image Sample Image Sample Image Sample Image Sample Image