Markdown 基础使用

726 阅读4分钟

背景

在部署了第一个博客之后,蹦蹦跳跳的准备大显身手,撸开袖子,然后,然后尴尬了

尴尬
平时比较常见的 Markdown 不会使用,那咋办,学习呗,下面开始~~~

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

Markdown 目标是实现「易读易写」。一份使用 Markdown 格式撰写的文件应该可以直接以纯文本发布,并且看起来不会像是由许多标签或是格式指令所构成。Markdown 语法受到一些既有 text-to-HTML 格式的影响,而最大灵感来源其实是纯文本电子邮件的格式。 它用简洁的语法来实现排版,同时兼容 HTML(支持的语法种类很少,只对应 HTML 标记的一部分),能够带来很大的灵活性。现在,很多博客,笔记等都支持 Markdown 语法,例如我之前常用的有道云笔记,以及 简书githubStackoverflow 等等。 Markdown 从写作到完成,导出格式随心所欲,你可以导出 HTML 格式的文件用来网站发布,也可以十分方便的导出 PDF 格式,这种格式写出的简历更能得到 HR 的好感。

开始 Markdown 的使用

开始学习 Markdown 喽,♪(^ ∀ ^ ●)ノ 先贴上Markdown 语法说明,我使用的工具有道云笔记和 VSCode + 插件的方式

有道云笔记

VSCode + markdownlint

标题

Markdown 支持两种标题的语法,类 Setext 和类 atx 形式。 类 Setext 形式是用底线的形式,利用 = (最高阶标题)和 - (第二阶标题) 类 Atx 形式则是在行首插入 1 到 6 个 # ,对应到标题 1 到 6 阶,建议在井号后加一个空格,这是最标准的 Markdown 语法。 使用效果如下:

标题

区块引用

在写内容时,需要突出显示的区块怎么写呢,在 Markdown 中 使用 > 号去标记区块,区块可以嵌套,就是两个 > 喽

What?还可以这么玩

在区块中依然可以使用 Markdown 的基础语法,例如 标题,列表,代码区块等等。

这时候是不是就会有一个疑问,那要是显示代码块咋办,其实也很简单,只需要把代码块内容进行每行一阶的缩进,也就是 4 个空格或者 1 制表符即可,这里需要注意一点,这里的缩进是相对上一区块的,例如在列表中内容已经缩进 4 个空格,则代码块 需要缩进 8 个字符。

使用效果如下:

区块

列表

既然有列表,那就有 有序列表和无序列表,在 Markdown 中,无序列表使用星号*、加号+和减号-作为列表标记,有序列表则是在直接在内容前加 1,2,3 数字和 英文句号。 注意!!! 注意!!!

你在列表标记上使用的数字并不会影响输出的 HTML 结果,啥意思,就是你无论数字写的啥,输出的结果都是按照 1,2,3,4 来显示的。 下面看效果:

列表

分割线

分割线就是比较简单了,你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线:

* * *
***
**********
---
- - -
---------------------------------------

代码框

如果你是个程序猿,需要在文章里优雅的引用代码框,在 Markdown 下实现也非常简单,只需要用两个``把中间的代码包裹起来,如code

图片和链接

在 Markdown 中插入图片和插入链接类似,区别是 图片插入多了一个!。 链接使用 [这里是链接名称](这里是链接地址),图片使用 ![这里是图片名称](这里是图片地址)

强调,字体加粗和斜体

Markdown 的强调也很简单,使用星号(*)和底线(_)包裹内容 显示斜体,使用两个* 和两个_包裹内容就是粗体。

图片链接和强调效果:

表格

在 Markdown 中,表格是最复杂的,我认为也是最难用的了,主要是比较累,话不多说,直接看代码和效果。

  • 这里是代码:

    | 序号 | 内容       |  内容居中  |   内容居右 |
    | ---- | ---------- | :--------: | ---------: |
    | 1    | 这里是内容 | 这里是内容 | 这里是内容 |
    | 2    | 这里是内容 | 这里是内容 | 这里是内容 |
    | 3    | 这里是内容 | 这里是内容 | 这里是内容 |
    
  • 这里是效果图:

    列表

总结

Markdown 使用写到这里基本上常用的用法都有了,完成日常的使用肯定是没问题的,主要还是要多练,多写,话不多说,到此结束,感谢阅读。

本文地址:Markdown 基础使用, 更多信息可以访问我的个人网站,说不定有您想看的