新手一分钟熟练使用Markdown

转自:https://www.jianshu.com/p/2cfd1e8031d3

Markdown是一种文本标记语言,用于快速文档排版。通过简单的标记,可以使普通文本内容具有一定的格式。
Markdown优点
1.简单、流行、逼格高,排版功能足够使用
2.广泛用于用于办公、文字工作者、程序员等人员日常文档的写作排版
3.语法简单
Markdown缺点
太简单,很多复杂的专业排版样式功能无法实现,只适用于要求不高的文字排版场合(办公、技术文档等)
附简书编辑文章,设置Markdown为编辑器,如下图所示:

image.png

一、支持Markdown的编辑器

任意文本编辑器
专业Markdown编辑器:支持Markdown文档排版后预览,适合文字工作者
MAC:mou,macdown
Windows:MarkdownPad
自带预览功能的专业代码编辑器:适合编程、分析等理工类应用
VSCode 原生支持预览
Atom 原生支持预览,并可将md文件另存为HTML文件
Jupyter Notebook 科学工作者和程序员用交互式笔记本,网页版,可用于数据分析、教学、演讲等
Atom:预览快捷键:Ctrl+Shift+M或:Ctrl+Shift+P - 命令窗口输入 markdown ,回车
VSCode:md文件右上方-打开侧边栏预览
各类IDEA
等等很多编辑器都支持

二、Markdown基本语法

1:标题(# h1-h6)
2:字体(* ** *** ~~)
2:空格、段落和换行(


)
3:超链接( )
4:图片([图片上传失败...(image-150c9b-1534497144672)]和公式 5:列表(<ul><ol><li>) 6:代码块(````<pre>)
7:着重、强调(** )
8:表格(-|-|-

)
9:转义字符()
10:分隔线(—
)

三、标题
一个#是一级标题,二个#是二级标题,三个#是三级标题,…等,最多支持六级标题也就是六个#。标准语法一般在#后跟个空格再写文字,如下图所示:

image.png

四、字体
要加粗的文字左右分别用两个号包起来
加粗
要倾斜的文字左右分别用一个
号包起来
斜体
要倾斜和加粗的文字左右分别用三个*号包起来
斜体加粗
要加删除线的文字左右分别用两个~~号包起来
删除线
如下图所示:

image.png

五、引用
在引用的文字前加>,可以无限加。。。

s

ss

sss

ssss

如下图所示:

image.png

六、分割线

三个或者三个以上的 - 或者 * 都可以。如下图所示:

image.png

七、图片
在简书我就直接粘贴进去的,语法:
[外链图片转存失败(img-DneJasMI-1562635452560)(图片地址 ‘‘图片title’’)]
图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加。如下图所示:

image.png

八、超链接
语法:

image.png

如下面的例子:
简书
天猫
如下图所示:

image.png

九、列表
1.无序列表,语法:无序列表用 - + * 任何一种都可以,注意:- + * 跟内容之间都要有1-4个空格都可以,最好一个。

列表内容

列表内容

列表内容
5个空格就是这样的列表,6个空格,就在前面多加了个空格,依次类推。。。。

列表内容

列表内容

    列表内容

如下图所示:

image.png

2.列表嵌套:上一级和下一级之间敲三个空格即可 1. 列表内容

一级列表

二级列表

三级列表

一级列表

二级列表

三级列表

如下图所示:

image.png

十、表格
语法:

表头1
表头3
表头3

内容
内容
内容

内容
内容
内容

第二行分割表头和内容。

有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略。如下图所示:

image.png

十一、代码
1.单行代码:代码之间分别用一个反引号包起来
代码内容
2.多行代码:代码之间分别用三个反引号包起来,且两边的反引号单独占一行
() const a = 10; console.log(a); ()
如下图所示:

image.png

注:为了防止转译,前后三个反引号处加了小括号,实际是没有的。这里只是用来演示,实际中去掉两边小括号即可。

十二、总结
希望大家早日熟练使用Markdown神器。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值