search

loganpowell / ac

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

new markdown test #27

Open loganpowell opened 4 years ago

loganpowell commented 4 years ago

Button Syntax

`a` > ( `code` | `pre` )

H1 Button

H2 Button

Section Syntax

`ol`

Section One

  1. Plain text stuff
    • any
    • old
    • list
  2. Moar text
    1. another
    2. list

Column Syntax

`ol` > ( `img` | `a` > `img` | `h#` )

  1. `overlay + alt text here`

    1. h# title

    2. This should be translated as a mj-section with a background-url (banner)
    3. syntax: list > img/ image link first item > h# first child under itme, ...siblings = p

  2. h# title

    1. `alt text here`
    2. This should be translated as a mj-column (vertical/photo card)
    3. syntax: list > h# 1st item > img/image link 1st child under item, ...siblings = p

  3. h# title

    1. This should be translated as a mj-column (horizontal card)
    2. alt text here
    3. syntax: list > h# 1st item > p 1st child > img/image link 2nd child , ...siblings = p

  4. h# title

    1. This should be translated as a mj-column (list item)
    2. syntax: list > h# 1st item > p 1st & 2nd child, img/image link 3rd child
    3. alt text here

Section two

Running Code

See this project that uses a special code-fence

Templating Automation

Use github templates that - when used to create a new issue, is populated by the bot with the latest from some feed (e.g., RSS)

See this article For metadata, see this about yml frontmatter

Transformation

See mdast-to-bemjson example

Basic Style Tests

Horizontal Rule

Headers

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