html锚点标记语法,Markdown语法及使用方法完整手册

欢迎使用 Markdown在线编辑器 MdEditor

Markdown是一种轻量级的「标记语言」

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面,Markdown文件的后缀名便是“.md”

MdEditor是一个在线编辑Markdown文档的编辑器

MdEditor扩展了Markdown的功能(如表格、脚注、内嵌HTML等等),以使让Markdown转换成更多的格式,和更丰富的展示效果,这些功能原初的Markdown尚不具备。

Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具,如Pandoc,Pandao;要么基于网站,如GitHub和Wikipedia,在语法上基本兼容,但在一些语法和渲染效果上有改动。

MdEditor源于Pandao的JavaScript开源项目,开源地址Editor.md,并在MIT开源协议的许可范围内进行了优化,以适应广大用户群体的需求。向优秀的markdown开源编辑器原作者Pandao致敬。

L3Byb3h5L2h0dHBzL3BhbmRhby5naXRodWIuaW8vZWRpdG9yLm1kL2ltYWdlcy9sb2dvcy9lZGl0b3JtZC1sb2dvLTE4MHgxODAucG5n.jpg

MdEditor的功能列表演示

标题H1

标题H2

标题H3

标题H4

标题H5

标题H5

字符效果和横线等

删除线 删除线(开启识别HTML标签时)

斜体字 斜体字

粗体 粗体

粗斜体 粗斜体

上标:X2,下标:O2

缩写(同HTML的abbr标签)

即更长的单词或短语的缩写形式,前提是开启识别HTML标签时,已默认开启

The HTML specification is maintained by the W3C.

引用 Blockquotes

引用文本 Blockquotes

引用的行内混合 Blockquotes

引用:如果想要插入空白换行即
标签,在插入处先键入两个以上的空格然后回车即可,普通链接。

锚点与链接 Links

普通链接

普通链接带标题

直接链接:https://www.mdeditor.com

[锚点链接][anchor-id]

[anchor-id]: https://www.mdeditor.com/

mailto:test.test@gmail.com

GFM a-tail link @pandao

邮箱地址自动链接 test.test@gmail.com www@vip.qq.com

@pandao

多语言代码高亮 Codes

行内代码 Inline code

执行命令:npm install marked

缩进风格

即缩进四个空格,也做为实现类似

 预格式化文本 ( Preformatted Text ) 的功能。

echo "Hello world!";

?>

预格式化文本:

| First Header | Second Header |

| ------------- | ------------- |

| Content Cell | Content Cell |

| Content Cell | Content Cell |

JS代码

function test() {

console.log("Hello world!");

}

HTML 代码 HTML codes

Hello world!

body{font-size:14px;color:#444;font-family: "Microsoft Yahei", Tahoma, "Hiragino Sans GB", Arial;background:#fff;}

ul{list-style: none;}

img{border:none;vertical-align: middle;}

Hello world!

Plain text

图片 Images

图片加链接 (Image + Link):

L3Byb3h5L2h0dHBzL3d3dy5tZGVkaXRvci5jb20vaW1hZ2VzL2xvZ29zL21hcmtkb3duLnBuZw==.jpg

Follow your heart.

列表 Lists

无序列表(减号)Unordered Lists (-)

列表一

列表二

列表三

无序列表(星号)Unordered Lists (*)

列表一

列表二

列表三

无序列表(加号和嵌套)Unordered Lists (+)

列表一

列表二

列表二-1

列表二-2

列表二-3

列表三

列表一

列表二

列表三

有序列表 Ordered Lists (-)

第一行

第二行

第三行

GFM task list

[x] GFM task list 1

[x] GFM task list 2

[ ] GFM task list 3

[ ] GFM task list 3-1

[ ] GFM task list 3-2

[ ] GFM task list 3-3

[ ] GFM task list 4

[ ] GFM task list 4-1

[ ] GFM task list 4-2

绘制表格 Tables

项目

价格

数量

计算机

$1600

5

手机

$12

12

管线

$1

234

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!

Left-Aligned

Center Aligned

Right Aligned

col 3 is

some wordy text

$1600

col 2 is

centered

$12

zebra stripes

are neat

$1

Item

Value

Computer

$1600

Phone

$12

Pipe

$1

特殊符号 HTML Entities Codes

& ¨ ¡ £

& < > ¥ € ± ¶ § ¦ ¯ « ·

X² Y³ ¾ ¼ × ÷ »

18ºC " '

[========]

Emoji表情

Blockquotes ️

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

[x] @mentions, #refs, links, formatting, and tags supported :editormd-logo:;

[x] list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;

[x] [ ] this is a complete item ;

[ ] []this is an incomplete item test link :fa-star: @pandao;

[ ] [ ]this is an incomplete item :fa-star: :fa-gear:;

[ ] this is an incomplete item test link :fa-star: :fa-gear:;

[ ] this is :fa-star: :fa-gear: an incomplete item test link;

反斜杠 Escape

*literal asterisks*

[========]

科学公式 TeX(KaTeX)

$$E=mc^2$$

行内的公式$$E=mc2$$行内的公式,行内的$$E=mc2$$公式。

$$x > y$$

$$(\sqrt{3x-1}+(1+x)^2)$$

$$\sin(\alpha){\theta}=\sum_{i=0}{n}(x^i + \cos(f))$$

多行公式:

\displaystyle

\left( \sum\_{k=1}^n a\_k b\_k \right)^2

\leq

\left( \sum\_{k=1}^n a\_k^2 \right)

\left( \sum\_{k=1}^n b\_k^2 \right)

\displaystyle

\frac{1}{

\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{

\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {

1+\frac{e^{-6\pi}}

{1+\frac{e^{-8\pi}}

{1+\cdots} }

}

}

f(x) = \int_{-\infty}^\infty

\hat f(\xi)\,e^{2 \pi i \xi x}

\,d\xi

分页符 Page break

Print Test: Ctrl + P

[========]

绘制流程图 Flowchart

st=>start: 用户登陆

op=>operation: 登陆操作

cond=>condition: 登陆成功 Yes or No?

e=>end: 进入后台

st->op->cond

cond(yes)->e

cond(no)->op

[========]

绘制序列图 Sequence Diagram

Andrew->China: Says Hello

Note right of China: China thinks\nabout it

China-->Andrew: How are you?

Andrew->>China: I am good thanks!

End

Markdown 语法手册

1. 斜体和粗体 使用 和 * 表示斜体和粗体. 示例: 这是 斜体,这是 粗体. 2. 分级标题 使用 === 表示一级标题,使用 - 表示二级标题. 示例: 1234567 这是一个一级标题=== ...

Markdown语法手册

Markdown 语法手册 Markdown 是一种轻量级标记语言,能将文本换成有效的XHTML(或者HTML)文档,它的目标是实现易读易写,成为一种适用于网络的书写语言. Markdown 语法简洁 ...

Markdown 语法手册 - 完整版(下)

6. 引用 语法说明: 引用需要在被引用的文本前加上>符号. 代码: > 这是一个有两段文字的引用, > 无意义的占行文字1. > 无意义的占行文字2. > > 无 ...

&lbrack;转&rsqb;Markdown 语法手册

Markdown 是一种轻量级标记语言,能将文本换成有效的XHTML(或者HTML)文档,它的目标是实现易读易写,成为一种适用于网络的书写语言. Markdown 语法简洁明了,易于掌握,所以用它来写 ...

Markdown 语法快速入门手册

Markdown 是一种轻量级标记语言,能将文本换成有效的XHTML(或者HTML)文档,它的目标是实现易读易写,成为一种适用于网络的书写语言. Markdown 语法简洁明了,易于掌握,所以用它来写 ...

Markdown语法及SublimeText下使用技巧

Markdown语法及SublimeText下使用技巧 0.缘起 最近因为一直在学习Sublime Text,所以也就顺便试用了一下ST对Markdown的支持.正好CSDN正在大力宣传新上线的Mar ...

Markdown语法及html内嵌

目录 1.Markdown介绍 2.Markdown语法介绍 3.内嵌html语法   之前看到很多大佬博客写的特别漂亮,非常羡慕,他们是怎么排版的呢?作为一个小白,学习使我快乐....终于在不断摸索 ...

基于 Cmd MarkDown 的 markdown 语法学习

首先我要打一个属于干货的广告:CmdMarkDown 是非常好用的markdown编辑器软件,支持全平台,由作业部落出品,分为客户端与WEB端两种使用场景. 本篇博客学习的markdown语法都是基于 ...

Cmd Markdown语法参考

https://www.zybuluo.com/mdeditor markdown语法说明 Markdown中公式的写法 $$P(X=k)=C_n^kp^k(1-p)^{n-k}$$ 欢迎使用 Cmd ...

随机推荐

WCF android调用

http://www.cnblogs.com/cg6811568/archive/2013/05/23/3095119.html

OL&sol;SQL编程练习

create or replace procedure pr_first is --一个变量 v_a ) := '总有一天我的生命将走到尽头'; --一个常量 c_b constant ) := '而 ...

Memento

#include #include using namespace std; class Memento { public: Memen ...

Linux下的Memcache安装

Linux下Memcache服务器端的安装服务器端主要是安装memcache服务器端,目前的最新版本是 memcached-1.3.0 .下载:http://www.danga.com/memcach ...

初学HTML5系列二:HTML5新增的事件属性

Window事件属性: 属性 值 描述 onafterprint  script 文档打印之后运行的脚本. 属性发生于用户设置页面打印并且打印对话框已出现之后. onbeforeprint  scri ...

springboot整合mybatis(使用MyBatis Generator&rpar;

引入依赖 org.springframework.boot ...

Logical Volume Manager &lpar;LVM&rpar;

LVM 是一种可用在Linux内核的逻辑分卷管理器:可用于管理磁盘驱动器或其他类似的大容量存储设备. 本文提供如何在 Arch Linux 中配置和使用 Logical Volume Manager ...

ps怎么撤销的三种方法和ps撤销快捷键以及连续撤销多步快捷键

内容提要:文章综合介绍ps撤销快捷键相关的一些操作,包括PS怎么撤销.PS撤销多步.ps连续撤销快捷键.历史记录面板操作等等. 关于ps怎么撤销操作,有多种方法:使用PS撤销快捷键.编辑菜单.文件菜单 ...

nodejs进程线程优化性能

1. node.js 单线程的特点 node.js 以异步非阻塞单线程,作为其执行速度的保障.什么是非阻塞单线程? 举一个现实生活中的例子,我去巢大食堂打饭,我选择了A套餐,然后工作人员区为我配餐,我 ...

Eclipse添加Spket插件实现ExtJs智能提示

1 . 开发环境 MyEclipse 12.0.0 ExtJs 4.2.1.883 Spket 1.6.23 2 . 下载资源 extjs 4.2.1.883 - http://www.sencha. ...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值