Markdown with noodles!

Tuesday. November 24, 2015

Summary:

You can pick as item to sse how to apply in markdown.

Comum Elements

Basic formatting
Headings
Lists
Paragraph Modifiers
Urls
Horizontal Rule
Images
Code

Especial Elements

Evidence
Star
Gist

Basic formatting

This note demonstrates some of what Markdown is capable of doing.

Headings

There are six levels of headings. They correspond with the six levels of HTML headings. You’ve probably noticed them already in the page. Each level down uses one more hash character.

Headings can be small

# Heading
## Heading
### Heading
#### Heading

Lists

Ordered list

Item 1
A second item
Number 3

1. Item 1
2. A second item
3. Number 3

Unordered list

An item
Another item
Yet another item
And there’s more…

* An item
* Another item
* Yet another item
* And there's more...

Paragraph modifiers

Quote

Here is a quote. What this is should be self explanatory. Quotes are automatically indented when they are used.

> Here is a quote. What this is should be self explanatory.

URLs

URLs can be made in a handful of ways:

A named link to MarkItDown.
Another named link to MarkItDown
Sometimes you just want a URL like http://markitdown.net/.

* A named link to [MarkItDown][3].
* Another named link to [MarkItDown](http://markitdown.net/)
* Sometimes you just want a URL like <http://markitdown.net/>.

Horizontal rule

A horizontal rule is a line that goes across the middle of the page. It’s sometimes handy for breaking things up.

---

Images

Markdown can also contain images. I’ll need to add something here sometime.

Markdowm Image

![Markdowm Image][http://kune.fr/wp-content/uploads/2013/10/ghost-blog.jpg]

Code

A HTML Example:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>Just a test</h1>
</body>
</html>

A CSS Example:

pre {
    padding: 10px;
    font-size: .8em;
    white-space: pre;
}

pre, table {
    width: 100%;
}

code, pre, tt {
    font-family: Monaco, Consolas, Inconsolata, monospace, sans-serif;
    background: rgba(0,0,0,.05);
}

A JS Example:

// Sticky Header
$(window).scroll(function() {

    if ($(window).scrollTop() > 900 && !$("body").hasClass('show-menu')) {
        $('#hamburguer__open').fadeOut('fast');
    } else if (!$("body").hasClass('show-menu')) {
        $('#hamburguer__open').fadeIn('fast');
    }

});

Evidence

You can try the evidence!

Paragraphs can be written like so. A paragraph is the basic block of Markdown. A paragraph is what text will turn into when there is no reason it should become anything else.

<span class="evidence">Paragraphs can be written like so. A paragraph is the basic block of Markdown. A paragraph is what text will turn into when there is no reason it should become anything else.</span>

Star

You can star a post. Just add the tag to the markdown file.

star: true

Gist

You can add Gists from github.

{ % gist sergiokopplin/f393ac99fdb2d123e9f6 % }

Mijin Baek

Agile Coach in Korea.

Tweet Share