“Sandbox page rendered by Cmd technology, click here to write your own document”

Cmd Markdown’s Concise Grammar Manual

Tags: Cmd – Markdown

1. Italic and bold

Use * and ** to indicate italic and bold.

Example:

This is italic, this is bold.

2. Classify titles

Use === for level 1 headings and — for level 2 headings.

Example:

This is a primary title = = = = = = = = = = = = = = = = = = = = = = = = = = = = this is a secondary title -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --### This is a level 3 headline
Copy the code

You can also choose to add hash signs at the beginning of the line to indicate different levels of headings (h1-H6), for example: # H1, ## H2, ### H3, #### H4.

3. The external links

Add external links to text using description (link address).

Example:

Here is a link to my blog.

4. Unordered lists

Use *, +, – to indicate an unordered list.

Example:

  • Unordered list item one
  • Unordered list item two
  • Unordered list item three

5. Ordered lists

Use numbers and dots to represent ordered lists.

Example:

  1. Ordered list item one
  2. Ordered list item two
  3. Ordered list item three

6. Text quotes

Use > for literal references.

Example:

Wildfires burn out, spring breeze blows again.

7. Inline code blocks

Use ‘code’ to represent a block of inline code.

Example:

Let’s talk about HTML.

8. A code block

Use four indented Spaces to represent code blocks.

Example:

This is a code block with four invisible Spaces to the left of the line.Copy the code

9. Insert images

Use! [Description](image link address) Insert image.

Example:

Cmd Markdown Advanced Grammar Manual

1. Contents

Fill in [TOC] in the paragraph to show the table of contents for the full text.

[TOC]

2. Label classification

Enter the following code at the beginning of any column in the edit area for the document tag:

Math English Markdown

or

Tags: Math English Markdown

3. Delete the line

Use ~~ to indicate the deletion line.

This is an incorrect passage of text.

4. The footnote

Use [^keyword] to indicate footnotes.

This is a sample footnote.

This is an example of the second footnote.

5. LaTeX formula

$denotes the inline formula:

The conservation equation of mass and energy can be expressed in the simple equation $E= MC ^2$.

? Denotes the entire line formula:

? \sum_{i=1}^n a_i=0?

? f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 ?

? \sum^{j-1}{k=0}{\widehat{\gamma}{kj} z_k}?

Visit MathJax for more information on how to use it.

6. Enhanced code blocks

Support forty-one programming languages syntax highlighted, line number display.

Non-code examples:

$ sudo apt-get install vim-gnome
Copy the code

The Python example:

@requires_authorization
def somefunc(param1=' ', param2=0):
    '''A docstring'''
    if param1 > param2: # interesting
        print 'Greater'
    return (param2 - param1 + 1) or None

class SomeClass:
    pass

>>> message = '''interpreter
.prompt'''
Copy the code

JavaScript example:

/**
* nth element in the fibonacci series.
* @param n >= 0
* @return the nth element, >= 0.
*/
function fib(n) {
  var a = 1, b = 1;
  var tmp;
  while (--n >= 0) {
    tmp = a;
    a += b;
    b = tmp;
  }
  return a;
}

document.write(fib(10));
Copy the code

The flow chart of 7.

The sample

st=>start: Start:>https://www.zybuluo.com

io=>inputoutput: verification

op=>operation: Your Operation

cond=>condition: Yes or No?

sub=>subroutine: Your Subroutine

e=>end



st->io->op->cond

cond(yes)->e

cond(no)->sub->io

Copy the code

More grammar references:Flowchart syntax reference

8. Sequence diagrams

Example 1

Alice->Bob: Hello Bob, how are you?

Note right of Bob: Bob thinks

Bob-->Alice: I am good thanks!

Copy the code

Example 2

Title: Here is a title

A->B: Normal line

B-->C: Dashed line

C->>D: Open arrow

D-->>A: Dashed open arrow

Copy the code

More grammar references:Sequence diagram syntax reference

9. The gantt chart

Gantt charts are intrinsically simple. Basically a line graph, with time on the horizontal axis, activities (projects) on the vertical axis, and planned and actual activities completed over the entire period. It visually shows when the task is scheduled to take place and how the actual progress compares to the requirements of the plan.

Title project development process

Section item determination

Demand analysis: A1, 2016-06-22, 3D

Feasibility report :after A1, 5D

Proof of concept: 5D

Section Project implementation

Summary design :2016-07-05, 5D

Detailed design :2016-07-08, 10D

Code: 2016-07-15, 10 d

Test: the 2016-07-22, 5 d

Section publication acceptance

Release: 2 d

Acceptance: 3 d

Copy the code

More grammar references:Gantt chart syntax reference

10. Avi Flow Chart

    A[Hard edge] -->|Link text| B(Round edge)

    B --> C{Decision}

    C -->|One| D[Result one]

    C -->|Two| E[Result two]

Copy the code

More grammar references:Avi Flowchart syntax reference

11. Avi Sequence Diagram

    Alice->John: Hello John, how are you?

    loop every minute

        John-->Alice: Great!

    end

Copy the code

More grammar references:Avi Sequence diagram syntax reference

12. Form support

project The price The number of
The computer The $1600 5
Mobile phone $12 12
pipeline The $1 234

13. Define type lists

Noun 1: Definition 1 (with a visible colon and four invisible Spaces on the left)

Code block 2: This is the definition of the code block (with a visible colon and four invisible Spaces on the left)

Code block (eight invisible Spaces to the left)Copy the code

14. Html tags

This site supports nested Html tags in Markdown syntax. For example, you can write a table in Html that spans two rows:

< table > < tr > < th rowspan = "2" > attendant < / th > < th > < / th > Monday Tuesday < th > < / th > < th > Wednesday < / th > < / tr > < tr > < / td > < td > li qiang zhang Ming < td > < / td > </td> </tr> </table>Copy the code
The personnel on duty Monday Tuesday Wednesday
Li Qiang Zhang Ming Wang ping

15. Inline ICONS

This site’s icon system is open to the public, input in the document

<i class="icon-weibo"></i>
Copy the code

That is to display the icon of weibo:

Replace icon-Weibo in the I label above to display different ICONS, for example:

<i class="icon-renren"></i>
Copy the code

That is, display everyone’s icon:

For more on ICONS and gameplay, see the official font-awesome website.

16. Todo list

Write a to-do list using list syntax with [] or [x] (unfinished or completed) items, and support sub-list nesting and mixed Markdown syntax, such as:

- [] **Cmd Markdown development ** - [] Improved Cmd rendering algorithm, Improve rendering efficiency with partial rendering technology - [] Support to export documents to PDF format - [x] Added Todo list feature [grammar reference] (https://github.com/blog/1375-task-lists-in-gfm-issues-pulls-comments) - improved LaTex function [x], [x] repair rendering issues - LaTex formula [x] new LaTex formula number features [grammar reference] (http://docs.mathjax.org/en/latest/tex.html#tex-eq-numbers) - [] * * * * travel preparations July - [] Prepare what you need to carry on your cruise - [] Browse Japan duty free shops - [X] Purchase tickets for the Sapphire Princess on July 1stCopy the code

The Todo list is displayed as follows:

  • []Cmd Markdown development
    • [] Improve Cmd rendering algorithm and use local rendering technology to improve rendering efficiency
    • [] Supports document export in PDF format
    • [x] Added Todo list feature syntax reference
    • [x] Improved LaTex features
      • [x] Fixed LaTex formula rendering issues
      • [x] Added LaTex formula numbering feature syntax reference
  • []Prepare for your July trip
    • [] Prepare the things you need to carry on the cruise
    • [] Browse Japanese duty free shops
    • [X] purchase tickets on the Sapphire Princess on July 1

[^footnote]: This is a footnote text.

[^footnote2]: This is the text of another footnote.