Markdown语法学习记录

鉴于每次写博客,写文章的时候,总是要重复去查询Markdown的相关语法,这种闹心的感觉我再也不要了。

所以学校的老师说了那么多遍的道理,在毕业了这么多年之后,终于想主动去实践一下了,好记性不如烂笔头。

什么是Markdown

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。 Markdown具有一系列衍生版本,用于扩展Markdown的功能(如表格、脚注、内嵌HTML等等),这些功能原初的Markdown尚不具备,它们能让Markdown转换成更多的格式,例如LaTeXDocbook。Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具,如Pandoc;要么基于网站,如GitHubWikipedia,在语法上基本兼容,但在一些语法和渲染效果上有改动。<百度百科如是说>

通俗来讲,Markdown就是一种学习成本低易于上手简洁明了又功能强大的语法,可以用来写博客、说明文档、版本变动说明等等一系列东西。

Markdown的语法

标题

Markdown的标题由#开头+空格+标题,一级标题用#,二级标题##,以此类推,总共六级标题。

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
...

效果如下

文本格式

Markdown的文本格式包括加粗斜体列表换行符等,下面一一列出。

加粗

利用前后各两个*(或下划线_)号将文本包围,被包围的文本就是加粗的文本。

**加粗** 
OR
__加粗__

效果如下 加粗

斜体

利用前后各一个*(或下划线_)号将文本包围。

*斜体*
OR
_斜体_

效果如下 斜体

斜粗体

利用前后各三个*(或下划线_、或对称组合)号将文本包围。

***斜粗体***
OR
___斜粗体___
OR
__*斜粗体*__
OR
*__斜粗体__*

效果如下 斜粗体

高亮

利用前后各一个`号将文本包围。

`高亮`

效果如下 高亮

删除线

利用前后各两个~号将文本包围。

~~删除~~

效果如下 删除

段落

段落之前隔一个空行。

水平线

用三个(或以上)的-(或*)可以组成一个水平分割线。

---
***

效果如下


引用

在行首用>表示接下来的文字为引用,可嵌套。

>引用
>>引用嵌套

效果如下

这是引用 这是引用嵌套

代码块

用三个`分上线两行包围住代码块。

```[这行文字为了让`显示出来] 
代码块
```[这行文字为了让`显示出来] 

效果如下

代码块
列表

1、无序列表:用-、+或者*在行首表示一个无序列表,下级在上级基础上前面多加两个空格,符号与内容直接有一个空格。。

- 无序列表1
  - 无序子列表11
  - 无序子列表12
- 无序列表2
- 无序列表3

效果如下

  • 无序列表1
    • 无序子列表11
    • 无序子列表12
  • 无序列表2
  • 无序列表3 2、有序列表:与无序类似,行首换成数字跟上一个点(.)便可,下级亦一样。
1. 有序列表1
  1.1. 有序子列表11
  1.2. 有序子列表12
2. 有序列表2
3. 有序列表3

效果如下

  1. 有序列表1 1.1. 有序子列表11 1.2. 有序子列表12
  2. 有序列表2
  3. 有序列表3

另:无序列表可以和有序列表结合使用。

链接和图片

1、文本链接,用如下语法形式来表示一个文本链接

[文本描述](url)
<url>

效果如下 这是链接到格子的博客的 http://blog.lzoro.com 2、图片链接,用如下方法表示一张图片

![](图片url)
![](图片url)

效果如下

你真6

3、另外还有锚点、脚注等其他较少用的功能,就不一一介绍了。

简单表格

th1 | ht2 | th3
----|------|----
c1 | c2  | c3
c1 | c2  | c3

th1

ht2

th3

c1

c2

c3

c1

c2

c3

常用编辑器

OSX

VSCode Atom Byword Mou Typora MacDown RStudio

Linux

VSCode Atom ReText UberWriter RStudio

Windows

VSCode Atom MarkdownPad Miu Typora RStudio

iOS

Byword

浏览器插件

MaDo (Chrome) Marxico(Chrome)

另:由于不同的Markdown编辑器和解析器存在差异性,所以效果也会有所不同,请以自己所使用的编辑器和解析器为准。

小结

通过查阅和整理,基本上把常用的语法写了一遍,大部分语法能记在脑袋中了,即便下次忘记了,翻开自己的博客也能快速查阅,还可以给刚入门的小伙伴提供查阅,一举多得。

参考:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小蠢驴iOS专题

xib之cell高度计算--简单实现cell高度由控件数量自定义

3178
来自专栏腾讯IVWEB团队的专栏

浏览器渲染原理

本文为大家分享了浏览器的工作原理和渲染过程,如计算CSS样式,构建Render Tree, Layout等过程。

1.6K3
来自专栏hightopo

基于 HTML5 的 WebGL 3D 版俄罗斯方块

1953
来自专栏進无尽的文章

绘图-CAShapeLayer、CABasicAnimation以及核心动画

QeartzCore是iOS中的图层框架,Quartz Core 的渲染能力可以像三维一样对二维图像进行任意操纵,在这个框架中我们可以对试图的图层进行定制,以实...

1542
来自专栏企鹅号快讯

D3.js 满足你对数据可视化的一切幻想

D3.js D3的全称是Data-Driven Documents(数据驱动的文档),是一个用来做数据可视化的JavaScript函数库,而JavaScript...

5908
来自专栏Java后端生活

Markdown的十个基本标签

4397
来自专栏一“技”之长

设计iOS中随系统键盘弹收和内容文字长度自适应高度的文本框

    文本输入框是多数与社交相关的app中不可或缺的一个控件,这些文本输入框应该具备如下的功能:

1042
来自专栏IMWeb前端团队

浏览器渲染原理

浏览器工作大致流程 废话少说,先来看个图: ? 从上面这个图中,我们可以看到那么几个事: 1)浏览器会解析三个东西: 一个是HTML/SVG/XHTML,事实上...

3390
来自专栏一“技”之长

AppleWatch开发入门九——Watch帧动画的实现

        动画一直是iOS系统的一大亮点,CoreAnimation和粒子效果的支持,开发者可以很容易的做出效果炫酷的动画特效。在watchOS中,由于性...

942
来自专栏糊一笑

移动端效果之Picker

写在前面 接着前面的移动端效果的研究,这次来看看picker选择器的实现原理 移动端效果之Swiper 移动端效果之CellSwiper 移动端效果之Index...

4113

扫码关注云+社区

领取腾讯云代金券