Markdown语法入门级应用

转载自web笨小猪的博客(Markdown语法图文全面详解(10分钟学会))

仅供记录自身学习无商业用途,如有侵权请联系,马上删除!


目录

1. 快捷键

2.基本语法

2.1字体设置(斜体、粗体、删除线)

2.2分级标题

2.3链接

2.4分割线

2.5代码块

2.6引用

2.7 列表

2.8 表格

3. 常用技巧

3.1 换行

3.2 特殊符号

3.3 字体、字号与颜色

3.4 链接的高级操作

3.5 背景色

前言

第一次写博客,才发现Markdown语法的重要性,如果想要入坑程序员这条路,写博客对我们来说是非常有必要的,既可以记录自己的学习过程,避免重要知识的遗忘,也能给其他小伙伴提供帮助,何乐而不为呢!(这里推荐一个Mrakdown语法的文本编辑工具:Typora) 下载地址

1.快捷键

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

2.基本语法

2.1字体设置(斜体、粗体、删除线)

1、字体设置斜体 (首尾尾各加*)

2、字体设置粗体 (首尾各加**)

3、字体设置斜体并加粗(首尾各加***)

4、字体添加删除线 (首尾各加~~)

在这里插入图片描述

2.2分级标题

写法:

  1. #(空格)一级标题(回车)

  2. ##(空格)二级标题(回车)

  3. ###(空格)三级标题(回车)

  4. ####(空格)四级标题(回车)

  5. #####(空格)五级标题(回车)

  6. ######(空格)六级标题(回车)

2.3链接

(1)插入本地图片

语法规则:在这里插入图片描述

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

(2)插入互联网上图片

语法规则:
在这里插入图片描述

(3)自动连接

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

2.4分割线

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

2.5代码块

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

(1)代码块:新的段落,缩进 4 个空格或是 1 个制表符。效果如下:

在这里插入图片描述

2)行内式:如果在一个行内需要引用代码,只要用反引号`引起来就好(一般在ESC键下方,和~同一个键)

在这里插入图片描述

(3)多行代码块与语法高亮:在需要高亮的代码块的前一行及后一行使用三个单反引号“`”包裹,就可以了。在前三个单反引号后面加上编程语言名字回车,就可以选择编程语言。示例如下:

java

package lishuo;
public class Hello {
    public static void main(String[] args) {
        System.out.println("Hello word!");
    }
}

C

#include<stdio.h>
int main(void){
    printf("Hello word!");
}

4)代码块里面包含html代码
在代码区块里面, & 、 < 和 > 会自动转成 HTML 实体,这样的方式让你非常容易使用 Markdown 插入范例用的 HTML 原始码,只需要复制贴上,点击右上角转成HTML 实体。示例如下:

<table>
 <tr>
  <th rowspan="2">值班人员</th>
  <th>星期一</th>
  <th>星期二</th>
  <th>星期三</th>
 </tr>
 <tr>
  <th>张三</th>
  <th>李四</th>
  <th>王五</th>
 </tr>
</table>
值班人员星期一星期二星期三
张三李四王五

2.6引用

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

(1)基本使用如下图所示:

(2)引用的嵌套使用如图所示:

(3) 引用其它要素
引用的区块内也可以使用其他的 Markdown 语法,包括标题、列表、代码区块等。
使用如图所示:
在这里插入图片描述

2.7 列表

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

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

(3)无序列表和有序列表同时使用

(4)列表和其它要素混合使用
列表不光可以单独使用,也可以使用其他的 Markdown 语法,包括标题、引用、代码区块等。

注意事项:

(1)加粗效果不能直接用于列表标题里面,但是可以嵌套在列表里面混合使用。

(2)列表中包含代码块(前面加2个tab或者8个空格,并且需要空一行,否则不显示)。
使用示例如下图:

2.8 表格

表格的基本写法很简单,就跟表格的形状很相似。表格对齐方式:我们可以指定表格单元格的对齐方式,冒号在左边表示左对齐,右边表示有对齐,两边都有表示居中。如下图所示:

3. 常用技巧

3.1 换行

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

3.2 特殊符号

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

示例如下:

3.3 字体、字号与颜色

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的!CSDN-markdown编辑器是其衍生版本,扩展了Markdown的功能(如表格、脚注、内嵌HTML等等)!对,就是内嵌HTML,接下来要讲的功能就需要使用内嵌HTML的方法来实现。字体,字号和颜色编辑如下代码

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

3.4 链接的高级操作

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

1.行内式

这个在上文第二条基本语法的 链接这个小节已经过,这里就不继续讲解了。

2.参考式链接

在文档要插入图片的地方写![图片或网址链接][标记],在文档的最后写上[标记]:图片地址 “标题”。(最后这个”标题”可以不填写)

3.内容目录

在段落中填写 [TOC] 以显示全文内容的目录结构。

4.锚点

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

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

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

使用如下图所示:例如跳转到目录

3.5 背景色

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

<table>
     <tr>
        <td bgcolor=orange>背景色:orange</td>
    </tr>
</table>
背景色:orange
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值