Home > Web Front-end > Front-end Q&A > markdown basic syntax and usage

markdown basic syntax and usage

jacklove
Release: 2018-06-11 22:40:41
Original
2866 people have browsed it

Basic usage of markdown

  • Markdown and extended Markdown concise syntax

  • Code block highlighting

  • Image link and image upload

  • LaTexMathematical formula

  • UML sequence diagram and flow chart

  • Offline blogging

  • Import and export Markdown files

  • Rich shortcut keys


Shortcut keys

  • ##Bold

    Ctrl B

  • Italic

    Ctrl I

  • Quote

    Ctrl Q

  • ##Insert link
  • Ctrl L

  • Insert code
  • Ctrl K

  • Insert picture
  • Ctrl G

  • Promote Title
  • Ctrl H

    ##Ordered list
  • Ctrl O
  • Unordered list
  • Ctrl U
  • Horizontal line
  • Ctrl R
  • Undo
  • Ctrl Z
  • Rework
  • Ctrl Y
  • Markdown and extension

Markdown is a lightweight Level markup language, which allows people to write documents in a plain text format that is easy to read and write, and then convert them into richly formatted HTML pages. —— [Wikipedia]

Use simple symbols to identify different titles, mark some text as

bold
or

italic, and create a link Wait, detailed syntax reference help? . This editor supports Markdown Extra

, which extends many useful functions. For details, please refer to Github.

Table

MarkdownExtra

Table syntax:

##ProjectPriceComputer$1600$12$1Alignment can be defined using colons:
Phone
Pipe

ItemPrice##Computer1600 Yuan5Phone12 yuan12Pipe1 yuan234

Definition list

  • MarkdownExtra Definition list syntax:

  • Project 1

  • Project 2

  • Definition A

  • Definition B

  • Project 3

  • Definition C

  • Definition D

    Definition D content

## Code block

Code block syntax follows standard markdown code, for example:

@requires_authorizationdef somefunc(param1='', param2=0):
    '''A docstring'''
    if param1 > param2: # interesting
        print 'Greater'
    return (param2 - param1 + 1) or Noneclass SomeClass:
    pass>>> message = '''interpreter... prompt'''
Copy after login

Footnote

Generate a footnote 1.

Directory

Use

[TOC] to generate a table of contents:

    • ##Table
    • Definition List
    • Code Block
    • Footnote
    • Table of Contents
    • Mathematical formula
    • ##UML diagram:
    • ##Shortcut keys

    • Markdown and extensions

    • Offline blogging

    • Browser compatible

    • Mathematics Formula
    Use MathJax to render
LaTex

Mathematical formula, see math.stackexchange.com for details.

Inline formula, the mathematical formula is:

    .
  • Block-level formula:

  • For more LaTex syntax, please refer here.

  • UML diagram:

Can render sequence diagram:

or flow chart:

About

sequence diagram
    syntax, please refer here,
  • About

    Flowchart
  • For syntax, refer here.
  • Offline blogging

  • Even if the user is not connected to the Internet, he can Write a blog offline through this editor (just enter write.blog.csdn.net/mdeditor in the browser you have used before.
Markdown Editor

Use the browser offline storage to save the content locally.

When the user writes a blog, the content is saved in the browser cache in real time. When the user closes the browser or other abnormal circumstances, the content will not be lost. When the user opens the browser again, the last user will be displayed. Unpublished content being edited. After the blog is published, the local cache will be deleted.

Users can choose to save the blog they are writing to the server draft box, even if they change browsers or clear it Cache, the content will not be lost.

Note:

Although browser storage is relatively reliable most of the time, for the sake of your data security, after connecting to the Internet,
Please be sure to publish in time or save to the server draft box

.Browser compatibility

Currently, this editor has the most complete support for the Chrome browser . It is recommended that you use a newer version of Chrome.

  1. IE9 and below are not supported

  2. IE9, 10, and 11 have the following problems

  3. Does not support offline function
    1. IE9 does not support file import and export

    2. IE10 does not support drag and drop File import

##Here is the
content of the
footnote
  1. . ↩

    This article explains the basic syntax and usage of markdown. For more related content, please pay attention to the php Chinese website.

    Related recommendations:

JQuery DOM operation - wrap

django uses request to get the parameters sent by the browser

Some thoughts on React this binding

Quantity

The above is the detailed content of markdown basic syntax and usage. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template