search

loganpowell / ac

https://loganpowell.github.io/ac
1 stars 0 forks source link

Markdown #1

Closed loganpowell closed 4 years ago

loganpowell commented 4 years ago

For Testing

alt image text

H1 Button

H2 Button

List (with sublists) that starts with an image -> carosel/flex-box component?

list headings

  1. heading 2 ol

  2. heading 3 ol

generated

<ul>
  <li>
    <a href="http://thi.ng/umbrella" rel="nofollow">
      <img src="https://camo.githubusercontent.com/31e0f15a1cf1775fa6caf6f06cb77622dd061e4f/68747470733a2f2f692e70696373756d2e70686f746f732f69642f322f3230302f3230302e6a7067" alt="image link" data-canonical-src="https://i.picsum.photos/id/2/200/200.jpg" style="max-width:100%;">
    </a>
    <ol>
      <li>Title</li>
      <li>Short Description</li>
      <li>Details</li>
    </ol>
  </li>
  <li>
    <a target="_blank" rel="noopener noreferrer" href="https://camo.githubusercontent.com/631edb4dfea3d129b89583bb14470a7b273f82e7/68747470733a2f2f692e70696373756d2e70686f746f732f69642f31332f3230302f3230302e6a7067">
      <img src="https://camo.githubusercontent.com/631edb4dfea3d129b89583bb14470a7b273f82e7/68747470733a2f2f692e70696373756d2e70686f746f732f69642f31332f3230302f3230302e6a7067" alt="child image <li>" data-canonical-src="https://i.picsum.photos/id/13/200/200.jpg" style="max-width:100%;">
    </a>
    <ol>
      <li>Title</li>
      <li>Short Description</li>
      <li>Details</li>
    </ol>
  </li>
</ul>

Special code fences for triggers (e.g. RSS Feed injection):

See this example from yarn

foundation

H1 header

H2 header

H3 header

H4 header

H5 header
H6 header

Heading 1 link Heading link

Heading 2 link Heading link

Heading 3 link Heading link

Heading 4 link Heading link Heading link Heading link

Heading 5 link Heading link
Heading 6 link Heading link

Headers (Underline)

H1 Header (Underline)

H2 Header (Underline)

Characters

Strikethrough Strikethrough (when enable html tag decode.) Italic Italic Emphasis Emphasis Emphasis Italic Emphasis Italic

Subscript: X2，Superscript: O2

Abbreviation(link HTML abbr tag)

The HTML specification is maintained by the W3C.

Blockquotes

Blockquotes

Paragraphs and Line Breaks

"Blockquotes Blockquotes", Link。

Links

Links

Links with title

<link> : https://github.com

Reference link

GFM a-tail link @pandao

Code Blocks (multi-language) & highlighting

Inline code

$ npm install marked

Code Blocks (Indented style)

Indented 4 spaces, like <pre> (Preformatted Text).

<?php
    echo "Hello world!";
?>

Code Blocks (Preformatted text):

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

Javascript　

function test(){
    console.log("Hello world!");
}

(function(){
    var box = function(){
        return box.fn.init();
    };

    box.prototype = box.fn = {
        init : function(){
            console.log('box.init()');

            return this;
        },

        add : function(str){
            alert("add", str);

            return this;
        },

        remove : function(str){
            alert("remove", str);

            return this;
        }
    };

    box.fn.init.prototype = box.fn;

    window.box =box;
})();

var testBox = box();
testBox.add("jQuery").remove("jQuery");

HTML code

<!DOCTYPE html>
<html>
    <head>
        <mate charest="utf-8" />
        <title>Hello world!</title>
    </head>
    <body>
        <h1>Hello world!</h1>
    </body>
</html>

Images

Image:

Follow your heart.

Xiamen

(Image + Link)：

Blockquote second line (non-line-broken)

Lists

Unordered list (-)

Unordered list (*)

Unordered list (plus sign and nested)

Ordered list

  1. Item A
  2. Item B
  3. Item C

Tables

First Header Second Header
Content Cell Content Cell
Content Cell Content Cell
First Header Second Header
Content Cell Content Cell
Content Cell Content Cell
Function name Description
help() Display the help window.
destroy() Destroy your computer!
Item Value
Computer $1600
Phone $12
Pipe $1
Left-Aligned Center Aligned Right Aligned
col 3 is some wordy text $1600
col 2 is centered $12
zebra stripes are neat $1

HTML entities

© & ¨ ™ ¡ £ & < > ¥ € ® ± ¶ § ¦ ¯ « ·

X² Y³ ¾ ¼ × ÷ »

18ºC " '

Escaping for Special Characters

*literal asterisks*

Markdown extras

GFM task list

Emoji mixed :smiley:

Blockquotes :star:

GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:

End