Markdown基本用法

Markdown 实用技巧

Markdown简介

Markdown是一种简单的轻量级标记语言,它可以被编译成Html页面,或者以纯文本的形式来进行展现,有着“易读易写”、简洁、快捷等特点,所以对于编写博客,或者做笔记的友友们就很有帮助,它的速度将是一个提升。在我CSDN这个博客中,里面也有默认这个Markdown编辑器

Markdown在CSDN常见的功能

  • 代码高亮
  • 图片和链接的上传
  • 偏亮的数学公式
  • 离线写博客
  • UML序列图和流程图
  • 导入导出Markdown文件
  • 好多快捷键

下面将总结一下这些功能怎么实现吧!

滴~滴滴~~
在编辑栏其实有可以选择的控件,但是为了加快我们日常的学习,我们必须熟悉使用这些标签,尽量不用鼠标,这样我们的开发效率就会快很多,距离大神有近了很多。哈哈~

快捷键的使用

  • 加粗 Ctrl + B
  • 斜体 Ctrl + I
  • 引用 Ctrl + Q
  • 撤销 Ctrl + Z
  • 重做 Ctrl + Y
  • 插入链接 Ctrl + L
  • 插入代码 Ctrl + K
  • 插入图片 Ctrl + G
  • 提升标题 Ctrl + H
  • 有序列表 Ctrl + O
  • 无须列表 Ctrl + U
    总共有11个,相信学过这个的前端的老帖,十秒就能记住!

标题

在Markdown中总共有六级标题,一个#表示一集标题,加多一个表示增加多一级。
还有就是#号后要加空格才会生效。
Markdown基本用法_第1张图片

引用

这里写图片描述
转换后

比如说我这里引用百度。 —–[百度]

表格

表格的语法是:
Markdown基本用法_第2张图片
转换后

标签1 标签2 标签3
A A A
B B B

定义列表

这个可以将列表分为两种,一个是 有序列表无序列表
无序列表:
Markdown基本用法_第3张图片

这里需要注意的是这个标签需要空出来一行

有序列表:
Markdown基本用法_第4张图片

不要问为什么乱序后还能排序,就是这么智能。。
还有就是需要空出一行

代码块

直接上图:
Markdown基本用法_第5张图片

脚注

生成一个脚注1.
Markdown基本用法_第6张图片

目录

可以用[TOC]来生成目录

下划线、分割线、除文线

用三个”__”代表下划线


用三个”*“代表分隔线


用三个”-“代表下划线


流程图

Markdown基本用法_第7张图片
转化后:

Created with Raphaël 2.1.2 开始 我的操作 确认? 结束 yes no

UML图:

Markdown基本用法_第8张图片
转化后:

Created with Raphaël 2.1.2 A A B B hello thing... hello

离线和博客

当我们12点过后我们还在写博客断网怎么办。。。
不用担心,我们的这个编辑器支持离线写博客。我们打开我们之前写过博客的浏览器输入以下的任何方式都可以:
方式1 write.blog.csdn.net/mdeditor
方式2 http://write.blog.csdn.net/mdeditor
它的原理其实就是将我们编写的博客放在本地中,当我们下次开浏览器的时候他将会提醒我们去发表我们的博客,假如有网络的话,就上传之后删掉本地缓存啦。

数学公式

Markdown基本用法_第9张图片

E = mc^2

至于其他没有提过的的应该不是重要的或者是快捷键有的了~~


  1. 这是脚注的内容 ↩

你可能感兴趣的:(Markdown,Markdown常见用法,Markdown实用,前端)