Table of Contents
Shortcut keys
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]
MarkdownExtra
Definition list
Mathematical formula, see math.stackexchange.com for details.
or flow chart:
Use the browser offline storage to save the content locally.
Currently, this editor has the most complete support for the Chrome browser . It is recommended that you use a newer version of Chrome.
Home Web Front-end Front-end Q&A markdown basic syntax and usage

markdown basic syntax and usage

Jun 11, 2018 pm 10:40 PM
markdown

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

  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!

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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Roblox: Bubble Gum Simulator Infinity - How To Get And Use Royal Keys
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Fusion System, Explained
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Java Tutorial
1664
14
PHP Tutorial
1268
29
C# Tutorial
1248
24
How Vue3 parses markdown and implements code highlighting How Vue3 parses markdown and implements code highlighting May 20, 2023 pm 04:16 PM

Vue implements the blog front-end and needs to implement markdown parsing. If there is code, it needs to implement code highlighting. There are many markdown parsing libraries for Vue, such as markdown-it, vue-markdown-loader, marked, vue-markdown, etc. These libraries are all very similar. Marked is used here, and highlight.js is used as the code highlighting library. The specific implementation steps are as follows: 1. Install dependent libraries. Open the command window under the vue project and enter the following command npminstallmarked-save//marked to convert markdown into htmlnpmins

How to build a Markdown editor in Python How to build a Markdown editor in Python May 13, 2023 am 09:58 AM

First, make sure you have Python3 and Tkinter installed. Other things we need are tkhtmlview and markdown2. You can install them by running pipinstalltkhtmlviewmarkdown2 or pip3installtkhtmlviewmarkdown2 (if you have multiple Python versions). Now launch your favorite editor or IDE and create a new file (for example www.linuxidc.com.py (I named it linuxidc.com editor)). We'll start by importing the necessary libraries. fromtkinterimport*fro

Let's talk about how to configure Markdown in VScode (with basic syntax) Let's talk about how to configure Markdown in VScode (with basic syntax) Dec 07, 2022 pm 03:40 PM

How to use markdown in VScode? The following article will introduce you to the method of configuring Markdown in VScode, and talk about the basic syntax of Markdown. I hope it will be helpful to you!

How to use PHP to implement markdown conversion How to use PHP to implement markdown conversion Mar 24, 2023 pm 02:30 PM

As people continue to pursue technology, more and more tools and applications are developed to help people simplify complex tasks. One of them is Markdown, which is a lightweight markup language that converts plain text into HTML-formatted text. This article will introduce how to use PHP to implement Markdown conversion.

How to use Markdown in ThinkPHP6 How to use Markdown in ThinkPHP6 Jun 20, 2023 pm 11:00 PM

In the development of the modern Internet era, document writing has gradually changed from cumbersome HTML tags to the simpler and easier to read and write Markdown syntax. ThinkPHP6 uses a highly flexible template engine and provides convenient Markdown extensions, making it very easy to write and display Markdown files in projects. What is Markdown Markdown is a lightweight markup language that can quickly convert documents written in plain text into HTML for use in

After using this Linux command, my boss directly put my name on the salary increase list. After using this Linux command, my boss directly put my name on the salary increase list. Feb 27, 2024 pm 08:49 PM

Overview In Linux systems, we frequently use the command line to process files and directories. Markdown is a concise markup language for quickly creating and formatting documents. But reading and managing Markdown files may require a large number of commands and parameters, which may be a bit complicated for beginners. At this time, you can use the glow command to simplify the operation. glow is a command line tool designed to simplify rendering Markdown files in the Linux terminal. Its main goal is to provide users with a more intuitive and manageable Markdown file reading experience. glow comes with a user-friendly graphical interface that allows you to view and manage Markdown files more easily. With this interface, you don’t need to remember

A must-have Markdown cheat sheet for programmers! A must-have Markdown cheat sheet for programmers! Feb 16, 2023 am 11:22 AM

This article brings you relevant knowledge about Markdown. The main content is to summarize and share with you a Markdown cheat sheet. Friends who are interested can take a look at it below. I hope it will be helpful to everyone.

Using Markdown for document management in Java API development Using Markdown for document management in Java API development Jun 17, 2023 pm 11:39 PM

With the widespread application of Java, more and more developers are paying attention to how to better manage and maintain their own code bases. Among them, document management is an important issue that developers must face. For JavaAPI developers, using Markdown for document management is a good choice. This article will explain from the following three aspects why using Markdown for document management in Java API development is a wise decision. Markdown’s simplicity and ease of use Markd

See all articles