11
Markdown example 1 of 11 Markdown example Markdown example 1/13/2019 Hello, Menneu! Good morning! Heading Heading h1 h1 h2 h2 h3 h3 h4 h4 h5 h5 h6 h6 Alt-h1 Alt-h1 Alt-h2 Alt-h2 Fonts Fonts こんにちは

Alt-h1 · Markdown example 1 of 11 Markdown example 1/13/2019 Hello, Menneu! Good morning! Heading h1 h2 h3 h4 h5 h6 Alt-h1 Alt-h2 Fonts こんにちは

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

  • Markdown example

    1 of 11

    Markdown exampleMarkdown example

    1/13/2019 Hello, Menneu! Good morning!

    HeadingHeading

    h1h1

    h2h2

    h3h3

    h4h4

    h5h5

    h6h6

    Alt-h1Alt-h1

    Alt-h2Alt-h2

    FontsFontsこんにちは

  • Markdown example

    2 of 11

    你們好你们好

    Escape (Character entity references)Escape (Character entity references)&

  • Markdown example

    3 of 11

    Alice was beginning to get very tired of sitting by her sister on the bank, and of having

    nothing to do. Once or twice she had peeped into the book her sister was reading, but it

    had no pictures or conversations in it, "and what is the use of a book,""and what is the use of a book," thought Alice,

    "without pictures or conversations?""without pictures or conversations?"

    So she was considering in her own mind (as well as she could, for the day made her feel

    very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the

    trouble of getting up and picking the daisies, when suddenly a White RabbitWhite Rabbit with pink eyes

    ran close by her.

    There was nothing so veryvery remarkable in that, nor did Alice think it so very much out of the

    way to hear the Rabbit say to itself, "Oh dear! Oh dear! I shall be too late!" But when the

    Rabbit actually took a watch out of its waistcoat-pocket and looked at it and then hurried

    on, Alice started to her feet, for it flashed across her mind that she had never before seen a

    rabbit with either a waistcoat-pocket, or a watch to take out of it, and, burning with

    curiosity, she ran across the field after it and was just in time to see it pop down a large

    rabbit-hole, under the hedge. In another moment, down went Alice after it!

    highlightinghighlighting

    function foo(x) { return x; }

    HyperText Markup Language - Wikipedia HyperText Markup Language

    HTML

  • Markdown example

    4 of 11

    Barcodes and SVGBarcodes and SVG

    Hello

    1 234567 890128

    ListsLists1. First ordered list item

    2. Another item

    Unordered sub-list.

    3. Actual numbers don't matter, just that it's a number

    i. Ordered sub-list

    4. And another item.

    You can have properly indented paragraphs within list items. Notice the blank lineabove, and the leading spaces (at least one, but we'll use three here to also align theraw Markdown).

    To have a line break without a paragraph, you will need to use two trailing spaces. Note that this line is separate, but within the same paragraph. (This is contrary to the typical GFM line break behaviour, where trailing spaces are notrequired.)

    Unordered list can use asterisks

  • Markdown example

    5 of 11

    Or minuses

    Or pluses

    TablesTablesTablesTables AreAre CoolCool

    col 3 is right-aligned $1600

    col 2 is centered $12

    zebra stripes are neat $1

    col 3 is right-aligned $1600

    col 2 is centered $12

    zebra stripes are neat $1

    col 3 is right-aligned $1600

    col 2 is centered $12

    zebra stripes are neat $1

    col 3 is right-aligned $1600

    col 2 is centered $12

    zebra stripes are neat $1

    col 3 is right-aligned $1600

    col 2 is centered $12

    zebra stripes are neat $1

    col 3 is right-aligned $1600

    col 2 is centered $12

    zebra stripes are neat $1

    col 3 is right-aligned $1600

    col 2 is centered $12

    zebra stripes are neat $1

    col 3 is right-aligned $1600

  • Markdown example

    6 of 11

    TablesTables AreAre CoolCool

    col 2 is centered $12

    zebra stripes are neat $1

    col 3 is right-aligned $1600

    col 2 is centered $12

    zebra stripes are neat $1

    col 3 is right-aligned $1600

    col 2 is centered $12

    zebra stripes are neat $1

    col 3 is right-aligned $1600

    col 2 is centered $12

    zebra stripes are neat $1

    Loop and logicsLoop and logicshello,3,0hello,5,1hello,7,2hello,11,3hello,13,4

    CheeckboxCheeckboxfoo bar baz

    PlantUMLPlantUML

  • Markdown example

    7 of 11

    Bob

    Bob

    Alice

    Alice

    Hello

    Alice

    Alice

    Bob

    Bob

    Bonjour

    Alice

    Alice

    Bob

    Bob

    Authentication Request

    Authentication Response

    Another authentication Request

    another authentication Response

    Alice

    Alice

    Bob

    Bob

    Authentication Request

    Authentication Response

    Another authentication Request

    another authentication Response

  • Markdown example

    8 of 11

    First usecase Another usecaseUC3

    Lastusecase

    Alice Bob

    Bonjour

    Bonjour

    First usecase Another usecaseUC3

    Lastusecase

    Alice Bob

    Bonjour

    Bonjour

    ChartsCharts

  • Markdown example

    9 of 11

    # of Votes

    Chart.js example

    Red Blue Yellow Green Purple Orange

    20

    18

    16

    14

    12

    10

    8

    6

    4

    2

    0

    19

    12

    Red Blue Yellow Green Purple Orange

    Chart.js example

    100

    100

    200

    350

  • Markdown example

    10 of 11

    dataset - big points dataset - individual point sizes dataset - large pointHoverRadius

    dataset - large pointHitRadius

    Chart.js example

    January February March April May June July

    Month

    100

    90

    80

    70

    60

    50

    40

    30

    20

    10

    Valu

    e

    My First dataset My Second dataset My Third dataset My Third dataset

    Chart.js example

    January February March April May June July

    Month

    250

    200

    150

    100

    50

    0

    -50

    -100

    -150

    Valu

    e

    Superscript / SubscriptSuperscript / SubscriptH 029

    2th

    https://github.com/markdown-it/markdown-it-emoji

  • Markdown example

    11 of 11

    EmojiesEmojiesClassic markup: 😉 :crush: 😢 :tear: 😆 😋

    Shortcuts (emoticons): 😃 😦 😎 😉

    see how to change output with twemoji.

    Math (supported browsers: Firefix, Safari)Math (supported browsers: Firefix, Safari)Pythagoran theorem is a2+b2=c2.

    Bayes theorem:

    PA|B=PB|APAPBPA|B)=PB|APAPBPA|B=PB|APAPBPA|B=PB|APAPBPA|B=PB|APAPB

    Pythagoran theorem is d2+e2=f2.

    Bayes theorem:

    QA|B=QB|AQAQBQA|B)=QB|AQAQB

    QA|B=QB|AQAQB

    QA|B=QB|AQAQB

    QA|B=QB|AQAQB

    https://github.com/markdown-it/markdown-it-emojihttps://github.com/markdown-it/markdown-it-emoji#change-output