百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 热门文章 > 正文

Markdown语法详解及工具介绍

bigegpt 2024-09-16 12:19 5 浏览

一、快捷键

加粗 Ctrl + B
斜体 Ctrl + I
引用 Ctrl + Q
插入链接 Ctrl + L
插入代码 Ctrl + K
插入图片 Ctrl + G
提升标题 Ctrl + H
有序列表 Ctrl + O
无序列表 Ctrl + U
横线 Ctrl + R
撤销 Ctrl + Z
重做 Ctrl + Y

二、基本语法

(一)对字体设置斜体、粗体、删除线,语法如下:

*这里是文字*
_这里是文字_
**这里是文字**
***这里是文字***
~~这里是文字~~

示意图如下:

(二)分级标题,两种写法,如下所示:


写法1:

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题  这个写法和 **文字**效果是一样的
写法2
这是一个一级标题
============================

或者

二级标题
--------------------------------------------------

(三)链接

(1)插入本地图片链接

语法规则,有两种写法:

插入本地图片链接两种写法

注意:这个图片描述可以不写。

示例图如下:

(2)插入互联网上图片

语法规则:

插入互联网上图片语法规则

注意:这个图片描述可以不写。

示例如下:

(3)自动连接

Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱,只要是用<>包起来, Markdown 就会自动把它转成链接。也可以直接写,也是可以显示成链接形式的

例如:

(四)分割线

你可以在一行中用三个以上的星号(*)、减号(-)、底线(_)来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。

(五)代码块

对于程序员来说这个功能是必不可少的,插入程序代码的方式有两种,一种是利用缩进(tab), 另一种是利用英文“`”符号(一般在ESC键下方,和~同一个键)包裹代码。

(1)代码块:缩进 4 个空格或是 1 个制表符。效果如下:
#include <stdio.h>
int main(void)
{
    printf("Hello world\n");
}
(2)行内式:如果在一个行内需要引用代码,只要用反引号`引起来就好(Esc健)
(3)多行代码块与语法高亮:在需要高亮的代码块的前一行及后一行使用三个单反引号“`”包裹,就可以了。

示例如下:

(4)代码块里面包含html代码

在代码区块里面, & 、 < 和 > 会自动转成 HTML 实体,这样的方式让你非常容易使用 Markdown 插入范例用的 HTML 原始码,只需要复制贴上,剩下的 Markdown 都会帮你处理。

注意:简书代码块里不支持html。

示例如下:

(六)引用

在被引用的文本前加上>符号,以及一个空格就可以了,如果只输入了一个>符号会产生一个空白的引用。

(1)基本使用

使用如下图所示:

引用的使用示范

(2)引用的嵌套使用

使用如图所示:

引用嵌套

(3)引用其它要素

引用的区块内也可以使用其他的 Markdown 语法,包括标题、列表、代码区块等。

使用如图所示:

引用里面使用其他元素

(七)列表

(1)无序列表

使用 *,+,- 表示无序列表。注意:符号后面一定要有一个空格,起到缩进的作用。

无序列表

(2)有序列表

使用数字和一个英文句点表示有序列表。注意:英文句点后面一定要有一个空格,起到缩进的作用。

有序列表

(3)无序列表和有序列表同时使用
(4)列表和其它要素混合使用

列表不光可以单独使用,也可以使用其他的 Markdown 语法,包括标题、引用、代码区块等。

注意事项:列表中包含多行代码块,需要另起一行,否则不生效。

使用示例如下图:


(5)注意事项

在使用列表时,只要是数字后面加上英文的点,就会无意间产生列表,比如2017.12.30 这时候想表达的是日期,有些软件把它被误认为是列表。解决方式:在每个点前面加上\就可以了。如下图所示:

(八)表格

表格的基本写法很简单,就跟表格的形状很相似:

表格的基本使用

表格对齐方式:我们可以指定表格单元格的对齐方式,冒号在左边表示左对齐,右边表示有对齐,两边都有表示居中。

如下图所示:

表格对齐


三、常用技巧

(一)换行

方法1: 连续两个以上空格+回车
方法2:使用html语言换行标签:<br>

(二)缩进字符

不断行的空白格   或  
半角的空格 ? 或 ?
全角的空格 ? 或 ?

markdown缩进语法

(三)如何打出一些特殊符号

  • (1)对于 Markdown 中的语法符号,前面加反斜线\即可显示符号本身。

示例如下:

如何打出一些特殊符号

  • (2)其他特殊字符,示例如下:

其他特殊字符

想知道字符对应的Unicode码,可以看这个网站:https://unicode-table.com/cn/

附上几个工具对特殊字符的支持的对比图:

工具或网站是否特殊字符简书是MarkDownPad否(不知道付费版是否支持)有道云笔记是zybuluo.com是

(四)字体、字号与颜色

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的!

CSDN-markdown编辑器是其衍生版本,扩展了Markdown的功能(如表格、脚注、内嵌HTML等等)!对,就是内嵌HTML,接下来要讲的功能就需要使用内嵌HTML的方法来实现。

字体,字号和颜色编辑如下代码

<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=#0099ff size=7 face="黑体">color=#0099ff size=72 face="黑体"</font>
<font color=#00ffff size=72>color=#00ffff</font>
<font color=gray size=72>color=gray</font>

Size:规定文本的尺寸大小。可能的值:从 1 到 7 的数字。浏览器默认值是 3

具体颜色分类及标记请看下表:


颜色分类及标记对照表

(五)链接的高级操作(这个需要掌握一下,很有用)

(1)行内式。这个在上文第二条基本语法的 链接这个小节已经过,这里就不继续讲解了。
(2)参考式链接。
在文档要插入图片的地方写![图片或网址链接][标记],在文档的最后写上[标记]:图片地址 “标题”。(最后这个"标题"可以不填写)

示例如下:

(3)内容目录

一般在文章开头打上[TOC] 就可以显示全文内容的目录结构。

【注意:】简书不支持[TOC]目录结构。

  • 下面讲一下github的目录结构是怎么做的,每个标签要对应标题名称:
    Github的目录结构
(4)锚点

锚点其实就是页内超链接。比如我这里写下一个锚点,点击回到目录,就能跳转到目录。 在目录中点击这一节,就能跳过来。

语法说明:

在你准备跳转到的指定标题后插入锚点{#标记},然后在文档的其它地方写上连接到锚点的链接。

github支持锚点跳转,这里说一下锚点在github的使用:

如果不起作用的话,可以使用嵌入html的方式,就像下面这样做:

简书中的 锚点 使用如下图所示:

注意:在简书中使用锚点时,点击会打开一个新的当前页面,虽然锚点用的不是很舒服,但是可以用注脚实现这个功能。

(5)注脚

语法说明:

在需要添加注脚的文字后加上脚注名字[^注脚名字],称为加注。 然后在文本的任意位置(一般在最后)添加脚注,脚注前必须有对应的脚注名字。

示例如下:

image.png

注意事项:(1)脚注自动被搬运到最后面,请到文章末尾查看,并且脚注后方的链接可以直接跳转回到加注的地方。(2)由于简书不支持锚点,所以可以用注脚实现页面内部的跳转。

(六)背景色

Markdown本身不支持背景色设置,需要采用内置html的方式实现:借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色的功能。举例如下:

<table><tr><td bgcolor=orange>背景色是:orange</td></tr></table>

效果图

(七)emoji表情符号

emoji表情使用:EMOJICODE:的格式,详细列表可见 https://www.webpagefx.com/tools/emoji-cheat-sheet/

当然现在很多markdown工具或者网站都不支持。

下面列出几个平台的对比:

工具或网站是否支持emoji表情符号简书否MarkDownPad否(不知道付费版是否支持)有道云笔记否zybuluo.com否github是


四、高端用法

目前我用过的简书,CSDN,包括markdownPad软件都不支持下面这些功能,有一个在线网站https://www.zybuluo.com/mdeditor 可以支持。

(一)使用LaTex数学公式

  • 1.行内公式:使用两个”$”符号引用公式:$公式$
  • 2.行间公式:使用两对“$”符号引用公式:$公式$

示例

具体可以参考 markdown编辑器使用LaTex数学公式

(二)流程图

这里简单介绍一下流程图的语法,仅作为了解,如下图所示:

(三)制作一份待办事宜----Todo 列表

(四)绘制 序列图

(五)绘制 甘特图


五、简书如何设置Markdown

默认的简书写博客是富文本模式的,想要设置成Markdown,可以这样设置:

(一)进入博客主页,点击头像旁边的倒三角符号,选择 "设置"

(二)选择“基础设置”,“常用编辑器”,选择 Markdown,点击保存



六、Markdown工具

(一)markdownpad软件,就是利用markdown语言写笔记的。官网下载地址:
http://markdownpad.com/

软件安装之后的示意图如下图所示:


(二)MarkEditor软件,它是mac系统上面使用的软件,收费的。官网下载地址:
http://markeditor.com/app/markeditor
具体介绍使用有人写了博文,这里不再重复,请看 MarkEditor——也许是最强大Markdown写作软件(集美貌与才华于一身)

(三)有道云笔记支持markdownpad语法。官方网址:http://note.youdao.com/ 它有在线网页版以及PC端可以下载。当然有道云笔记也支持html语法。

网页版使用markdown示例图如下:

(四)在线编辑markdown https://www.zybuluo.com/mdeditor

(五)在线md排版编辑网站,可以支持自定义样式排版 http://md.aclickall.com/

(六)在线md排版编辑网站,http://www.mdeditor.com/

相关推荐

方差分析简介(方差分析通俗理解)

介绍方差分析(ANOVA,AnalysisofVariance)是一种广泛使用的统计方法,用于比较两个或多个组之间的均值。单因素方差分析是方差分析的一种变体,旨在检测三个或更多分类组的均值是否存在...

正如404页面所预示,猴子正成为断网元凶--吧嗒吧嗒真好吃

吧嗒吧嗒,绘图:MakiNaro你可以通过加热、冰冻、水淹、模塑、甚至压溃压力来使网络光缆硬化。但用猴子显然是不行的。光缆那新挤压成型的塑料外皮太尼玛诱人了,无法阻挡一场试吃盛宴的举行。印度政府正...

Python数据可视化:箱线图多种库画法

概念箱线图通过数据的四分位数来展示数据的分布情况。例如:数据的中心位置,数据间的离散程度,是否有异常值等。把数据从小到大进行排列并等分成四份,第一分位数(Q1),第二分位数(Q2)和第三分位数(Q3)...

多组独立(完全随机设计)样本秩和检验的SPSS操作教程及结果解读

作者/风仕在上一期,我们已经讲完了两组独立样本秩和检验的SPSS操作教程及结果解读,这期开始讲多组独立样本秩和检验,我们主要从多组独立样本秩和检验介绍、两组独立样本秩和检验使用条件及案例的SPSS操作...

方差分析 in R语言 and Excel(方差分析r语言例题)

今天来写一篇实际中比较实用的分析方法,方差分析。通过方差分析,我们可以确定组别之间的差异是否超出了由于随机因素引起的差异范围。方差分析分为单因素方差分析和多因素方差分析,这一篇先介绍一下单因素方差分析...

可视化:前端数据可视化插件大盘点 图表/图谱/地图/关系图

前端数据可视化插件大盘点图表/图谱/地图/关系图全有在大数据时代,很多时候我们需要在网页中显示数据统计报表,从而能很直观地了解数据的走向,开发人员很多时候需要使用图表来表现一些数据。随着Web技术的...

matplotlib 必知的 15 个图(matplotlib各种图)

施工专题,我已完成20篇,施工系列几乎覆盖Python完整技术栈,目标只总结实践中最实用的东西,直击问题本质,快速帮助读者们入门和进阶:1我的施工计划2数字专题3字符串专题4列表专题5流程控制专题6编...

R ggplot2常用图表绘制指南(ggplot2绘制折线图)

ggplot2是R语言中强大的数据可视化包,基于“图形语法”(GrammarofGraphics),通过分层方式构建图表。以下是常用图表命令的详细指南,涵盖基本语法、常见图表类型及示例,适合...

Python数据可视化:从Pandas基础到Seaborn高级应用

数据可视化是数据分析中不可或缺的一环,它能帮助我们直观理解数据模式和趋势。本文将全面介绍Python中最常用的三种可视化方法。Pandas内置绘图功能Pandas基于Matplotlib提供了简洁的绘...

Python 数据可视化常用命令备忘录

本文提供了一个全面的Python数据可视化备忘单,适用于探索性数据分析(EDA)。该备忘单涵盖了单变量分析、双变量分析、多变量分析、时间序列分析、文本数据分析、可视化定制以及保存与显示等内容。所...

统计图的种类(统计图的种类及特点图片)

统计图是利用几何图形或具体事物的形象和地图等形式来表现社会经济现象数量特征和数量关系的图形。以下是几种常见的统计图类型及其适用场景:1.条形图(BarChart)条形图是用矩形条的高度或长度来表示...

实测,大模型谁更懂数据可视化?(数据可视化和可视化分析的主要模型)

大家好,我是Ai学习的老章看论文时,经常看到漂亮的图表,很多不知道是用什么工具绘制的,或者很想复刻类似图表。实测,大模型LaTeX公式识别,出乎预料前文,我用Kimi、Qwen-3-235B...

通过AI提示词让Deepseek快速生成各种类型的图表制作

在数据分析和可视化领域,图表是传达信息的重要工具。然而,传统图表制作往往需要专业的软件和一定的技术知识。本文将介绍如何通过AI提示词,利用Deepseek快速生成各种类型的图表,包括柱状图、折线图、饼...

数据可视化:解析箱线图(box plot)

箱线图/盒须图(boxplot)是数据分布的图形表示,由五个摘要组成:最小值、第一四分位数(25th百分位数)、中位数、第三四分位数(75th百分位数)和最大值。箱子代表四分位距(IQR)。IQR是...

[seaborn] seaborn学习笔记1-箱形图Boxplot

1箱形图Boxplot(代码下载)Boxplot可能是最常见的图形类型之一。它能够很好表示数据中的分布规律。箱型图方框的末尾显示了上下四分位数。极线显示最高和最低值,不包括异常值。seaborn中...