🐺 Freki

Common Flavor

Markdown is intended to be as easy-to-read and easy-to-write as is feasible.

John Gruber

References

All HTML output examples are generated with pandoc.

pandoc -f gfm -t html <<< '**Markdown**'
# <p><strong>Markdown</strong></p>

Section Heading <h1> - <h6>

h1

h2

h3

h4

h5
h6
# h1

## h2

### h3

#### h4

##### h5

###### h6

Inline Code <code>

A fragment of computer code: element name (code), filename (index.html), computer program (cat), or any string a computer would recognize (~, if, else).

A fragment of computer code: element name (`code`), filename (`index.html`), computer program (`cat`), or any string a computer would recognize (`~`, `if`, `else`).

Emphasis <em>

Stress emphasis on the right syllable.

stress _emphasis_ on the right _syllable_.

Strong Importance <strong>

Strong importance: it should not be used to apply bold styling, use css for that. Don't use <b> for styling either!

**Strong importance:** it should not be used to apply **bold styling**, use **`css`** for that. **Don't use** `<b>` for styling either!

Block Quotation <blockquote>

The blockquote element represents a section that is quoted from another source.

Example

<blockquote>
  <p>[Jane] then said she liked [...] fish.</p>
</blockquote>

> The `blockquote` element represents a section that is quoted from _another source_.
>
>> **Example**
>>
>> ```html
>> <blockquote>
>>   <p>[Jane] then said she liked [...] fish.</p>
>> </blockquote>
>> ```

Anchor/Hyperlink <a>

link to usage, freki, anchor to References

Image <img>

wolf waning moon twemoji new moon twemoji full moon, twemoji replacement text if the image isn't available

![wolf](/freki.svg)
![waning moon twemoji](./waning-moon.svg)
[![new moon twemoji](/twemoji/new-moon.svg)](/twemoji/new-moon.svg)
![full moon, twemoji](./full-moon.svg "tooltip: full moon")
![replacement text if the image isn't available](/no-directory/images/not-available.png)

Unordered List <ul>


  • apple
    • Fuji
    • Granny Smith
    • Honeycrisp
    • Gala
    • Red Delicious
    • Golden Delicious
    • Pink Lady
    • Braeburn
    • Jonagold
    • McIntosh.
  • dog
    • small
      • Chihuahua
      • Pomeranian
      • Yorkshire Terrier
      • Shih Tzu
      • Dachshund
      • Pug
      • French Bulldog
      • Boston Terrier
      • Maltese
      • Cavalier King Charles Spaniel.
  • number
    • positive
      • 1
        • 1.01
        • 1.1
      • 2
      • 3
    • negative
      • -1
        • -1.01
        • -1.1
      • -2
      • -3
- apple
  - Fuji
  - Granny Smith
  - Honeycrisp
  - Gala
  - Red Delicious
  - Golden Delicious
  - Pink Lady
  - Braeburn
  - Jonagold
  - McIntosh.
- dog
  - small
    - Chihuahua
    - Pomeranian
    - Yorkshire Terrier
    - Shih Tzu
    - Dachshund
    - Pug
    - French Bulldog
    - Boston Terrier
    - Maltese
    - Cavalier King Charles Spaniel.
- number
  - positive
    - 1
      - 1.01
      - 1.1
    - 2
    - 3
  - negative
    - -1
      - -1.01
      - -1.1
    - -2
    - -3

Ordered List <ol>

  1. item 01
  2. item 02
  3. item 03
1. item 01
1. item 02
1. item 03

Thematic Break <hr>

This is topic 1.

This is topic 2.

This is topic 3.

This is topic 4.

This is topic 1.

---

This is topic 2.

---

This is topic 3.

---

This is topic 4.

Fenced Code Block <pre><code>

{
  "firstName": "John",
  "lastName": "Gruber",
  "markdown": ["GFM", "MDX"]
}

```json
{
  "firstName": "John",
  "lastName": "Gruber",
  "markdown": ["GFM", "MDX"]
}
```