Image
Code

Markdown Demo

Curran Kelleher

Last edited Mar 09, 2022
Created on Mar 09, 2022
Forked from HTML Starter

An example showing the various ways Markdown is rendered in VizHub.

Based on https://github.com/tchapi/markdown-cheatsheet/blob/master/README.md

Markdown Cheatsheet


Heading 1

Markup :  # Heading 1 #

-OR-

Markup :  ============= (below H1 text)

Heading 2

Markup :  ## Heading 2 ##

-OR-

Markup: --------------- (below H2 text)

Heading 3

Markup :  ### Heading 3 ###

Heading 4

Markup :  #### Heading 4 ####

Common text

Markup :  Common text

Emphasized text

Markup :  _Emphasized text_ or *Emphasized text*

Strikethrough text

Markup :  ~~Strikethrough text~~

Strong text

Markup :  __Strong text__ or **Strong text**

Strong emphasized text

Markup :  ___Strong emphasized text___ or ***Strong emphasized text***

Named Link and http://www.google.fr/ or http://example.com/

Markup :  [Named Link](http://www.google.fr/ "Named link title") and http://www.google.fr/ or <https://example.com/>

heading-1

Markup: [heading-1](#heading-1 "Goto heading-1")

Table, like this one :

First Header Second Header
Content Cell Content Cell
Content Cell Content Cell
First Header  | Second Header
------------- | -------------
Content Cell  | Content Cell
Content Cell  | Content Cell

Adding a pipe | in a cell :

First Header Second Header
Content Cell Content Cell
Content Cell |
First Header  | Second Header
------------- | -------------
Content Cell  | Content Cell
Content Cell  |  \| 

Left, right and center aligned table

Left aligned Header Right aligned Header Center aligned Header
Content Cell Content Cell Content Cell
Content Cell Content Cell Content Cell
Left aligned Header | Right aligned Header | Center aligned Header
| :--- | ---: | :---:
Content Cell  | Content Cell | Content Cell
Content Cell  | Content Cell | Content Cell

code()

Markup :  `code()`
    var specificLanguage_code = 
    {
        "data": {
            "lookedUpPlatform": 1,
            "query": "Kasabian+Test+Transmission",
            "lookedUpItem": {
                "name": "Test Transmission",
                "artist": "Kasabian",
                "album": "Kasabian",
                "picture": null,
                "link": "http://open.spotify.com/track/5jhJur5n4fasblLSCOcrTp"
            }
        }
    }
Markup : ```javascript
         ```
  • Bullet list
    • Nested bullet
      • Sub-nested bullet etc
  • Bullet list item 2
 Markup : * Bullet list
              * Nested bullet
                  * Sub-nested bullet etc
          * Bullet list item 2

-OR-

 Markup : - Bullet list
              - Nested bullet
                  - Sub-nested bullet etc
          - Bullet list item 2 
  1. A numbered list
    1. A nested numbered list
    2. Which is numbered
  2. Which is numbered
 Markup : 1. A numbered list
              1. A nested numbered list
              2. Which is numbered
          2. Which is numbered
  • <input disabled="" type="checkbox"> An uncompleted task
  • <input checked="" disabled="" type="checkbox"> A completed task
 Markup : - [ ] An uncompleted task
          - [x] A completed task
  • <input disabled="" type="checkbox"> An uncompleted task
    • <input disabled="" type="checkbox"> A subtask
 Markup : - [ ] An uncompleted task
              - [ ] A subtask

Blockquote

Nested blockquote

Markup :  > Blockquote
          >> Nested Blockquote

Horizontal line :


Markup :  - - - -

Image with alt :

picture alt

Markup : ![picture alt](http://via.placeholder.com/200x150 "Title is optional")

Foldable text:

Title 1

Content 1 Content 1 Content 1 Content 1 Content 1

Title 2

Content 2 Content 2 Content 2 Content 2 Content 2

Markup : <details>
           <summary>Title 1</summary>
           <p>Content 1 Content 1 Content 1 Content 1 Content 1</p>
         </details>
<h3>HTML</h3>
<p> Some HTML code here </p>

Link to a specific part of the page:

Go To TOP

Markup : [text goes here](#section_name)
          section_title<a name="section_name"></a>    

Hotkey:

⌘F

⇧⌘F

Markup : <kbd>⌘F</kbd>

Hotkey list:

Key Symbol
Option
Control
Command
Shift
Caps Lock
Tab
Esc
Power
Return
Delete
Up
Down
Left
Right

Emoji:

:exclamation: Use emoji icons to enhance text. :+1: Look up emoji codes at emoji-cheat-sheet.com

Markup : Code appears between colons :EMOJICODE:
MIT Licensed