一篇文章让你能灵活运用Markdown

Markdown教学:

1.标题:

使用 # 号表示 1-6 级标题,一级标题对应一个 # 号,二级标题对应两个 # 号,以此类推

2.段落:

2.1换行:

段落的换行是使用两个以上空格加上回车。
当然也可以在段落后面使用一个空行来表示重新开始一个段落。

2.2字体:

斜体,粗体,粗斜体

2.3分割线:

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

2.4删除线:

如果段落上的文字要添加删除线,只需要在文字的两端加上两个波浪线 ~~ 	即可

2.5下划线: 下划线可以通过 HTML 的 标签来实现

2.6脚注:

[^要注明的文本]
创建脚注格式类似这样 [^RUNOOB]。
[^RUNOOB]: 菜鸟教程 -- 学的不仅是技术,更是梦想!!!

3.列表:

3.1无序列表:

无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记,这些标记后面要	添加一个空格,然后再填写内容: 

3.2有序列表:

有序列表使用数字并加上 . 号来表示,

3.3嵌套列表:

列表嵌套只需在子列表中的选项前面添加四个空格即可

4.区块:

4.1:区块引用

Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符	号,另外区块是可以嵌套的,一个 > 符号是最外层,两个 > 符号是第一层	嵌套,以此类推

4.2区块中使用列表

> 区块中使用列表
> 1. 第一项
> 2. 第二项
> + 第一项
> + 第二项
> + 第三项

4.3列表中使用区块

如果要在列表项目内放进区块,那么就需要在 > 前添加四个空格的缩进

5.代码

代码区块使用 4 个空格或者一个制表符(Tab 键)
也可以用 ```包裹一段代码,并指定一种语言(也可以不指定)

6.链接

6.1直接链接

[链接名称](链接地址)或<链接地址>  

6.2高级链接

我们可以通过变量来设置一个链接,变量赋值在文档末尾进行
这个链接用 1 作为网址变量 [Google][1]
这个链接用 runoob 作为网址变量 [Runoob][runoob]
然后在文档的结尾为变量赋值(网址)
[1]: http://www.google.com/
[runoob]: http://www.runoob.com/

7.

8.表格:

Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他	行
我们可以设置表格的对齐方式:
	-: 设置内容和标题栏居右对齐。
	:- 设置内容和标题栏居左对齐。
	:-: 设置内容和标题栏居中对齐。
例如:
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

9.高级技巧:

支持HTML元素:目前支持的 HTML 元素有:<kbd> <b> <i> <em><sup> <sub> <br>等
转义字符:
		以下这些符号前面加上反斜杠来帮助插入普通的符号:
		\  ,`  ,*   ,_   ,{}  ,[]  ,()  ,#  ,+   ,-   ,.   ,!   	
数学公式(用到就查)
画流程图、时序图、甘宁图(用到再补)

10.markdown段落如何产生缩进:

1.大小有序列表在一起的时候,小列表相对大列	表要缩进
2. 半方大的空白&ensp;或&#8194;
	全方大的空白&emsp;或&#8195;
	不断行的空白格&nbsp;或&#160;	

11.字体颜色

<font color=gray size=72>color=gray</font>		

12.代码块高亮加行号

1.在需要渲染的页面引入样式文件:

<link href="https://cdn.bootcss.com/highlight.js/9.6.0/styles/atelier-lakeside-dark.min.css" rel="stylesheet"/>

2.引入Js文件并添加调用命令:

<script src="//cdn.bootcss.com/highlight.js/9.11.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

3.添加行号插件:

<script src="//cdn.bootcss.com/highlightjs-line-numbers.js/1.1.0/highlightjs-line-numbers.min.js"></script>

13.代码块背景色修改

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值