文章目录前言一、MarkDown介绍二、常用操作2.1 基础语法2.1.1 字体2.1.2 段落与换行2.1.3 图片2.1.4 链接2.1.5 行内代码与代码块2.1.6 引用2.1.7 转义2.2 扩展语法GFM2.2.1 删除线2.2.2 表情符号2.2.3 自动链接2.2.4 表格2.2.5 任务列表2.2.6 围栏代码块2.2.7锚点2.3 排版技巧2.3.1 关于空格2.3.2 全角和半角2.3.3 CSDN中Markdown快捷键三、实用功能3.1 Typora扩展功能3.1.1 编辑样式3.1.2 编辑段落3.1.3 HTML标签3.2 插件MPE3.2.1 引用文件3.2.1 幻灯片3.3 reveeal.js3.4 Hexo GitHub Page搭建个人博客3.5 GitBook前言你会使用MD编辑器吗你熟练掌握CSDN的Markdown编辑器的操作吗下面就让我们一起来探索MD编辑器的强大之处。一、MarkDown介绍据GitHub Flavored Markdown( GFM)官方文档介绍Markdown是由约翰·格鲁伯(John Gruber)在亚伦·斯沃茨(Aaron Swartz)的帮助下开发并在2004年发布的标记语言。其设计灵感主要来源于纯文本电子邮件的格式目标是让人们能够使用易读、易写的纯文本格式编写文档而且这些文档可以转换为HTML(Hyper Text MarkupLanguage超文本标记语言)文档。Markdown是由一些简单的符号* / - # 等组成的用于排版的标记语言相当于简化了的HTML易读易写。二、常用操作2.1 基础语法2.1.1 字体标题# 一级标题 ## 二级标题 ### 三级标题文本样式*斜体*或者_斜体_ **加粗**或者__加粗__2.1.2 段落与换行列表有序列表1. 列表一 2. 列表二 3. 列表三无序列表- 列表一 * 列表一 列表一 - 列表二 或者 * 列表二 或者 列表二 - 列表三 * 列表三 列表三嵌套列表无序和有序可随意搭配- 第一层列表 * 第二层列表 第三层列表自定义列表列表名 : 列表1 : 列表2分隔线(至少需要三个以上之间可以有空格)*** --- ___2.1.3 图片] 图片地址后面可加 #pic_right 表示向右对其如.png#pic_right 50x50x50自定义尺寸50x宽不变定高x50高不变定宽2.1.4 链接文字链接[链接文字](链接地址)例如百度(https://www.baidu.com)。引用链接[链接文字]]链接标记] [链接标志]:链接地址网址链接URL或者邮箱地址例如https://www.baidu.com使用规范自动链接需要以http/https开头。2.1.5 行内代码与代码块行内代码代码例如使用cd命令切换到上一级。代码块以Tab键开头或者四个空格。2.1.6 引用语法 引用内容 嵌套引用使用规范建议符号之后添加空格每一行引用都添加不要在引用中添加空格。2.1.7 转义\ 特殊符号例如 \\ 为 \ \ 为 \* 为 * \_ 为 _ \{} 为 {} \[] 为 [] \# 为 # \ 为 \- 为 - \. 为 . \! 为 !2.2 扩展语法GFM2.2.1 删除线~~删除的文字~~2.2.2 表情符号:表情代码:例如smile1。2.2.3 自动链接自动链接自动识别以www或者http://开头的URL地址。2.2.4 表格表格语法为| 表头1 | 表头2 | 表头3 | | --- | --- | --- | | 内容1 | 内容2 | 内容3 | | 内容1 | 内容2 | 内容3 | 提示左对齐为:---右对齐为---:居中对齐为:---:。举例表头1表头二表头三内容1内容2内容3内容1内容2内容32.2.5 任务列表- [ ] 计划任务 - [x] 完成任务例如吃饭学习2.2.6 围栏代码块 代码 或 ~~~ 代码 ~~~ 语法高亮格式 c 代码片段不同处就是在上面加上代码格式 2.2.7锚点[锚点描述](#锚点名) 在锚点名处用span id 锚点名锚点/span例如2.2.72.3 排版技巧2.3.1 关于空格需要加空格的情况英文标点和后面的字符中文、英文使用半角和两边的字符。不需要加空格的情况中文字符和数字、中文、英文之间数字和百分号单位符号之间英文和数字组合之间当/表示或、路径的时候货币符号和数字之间负号和数字之间空格的实现nbsp; 不换行空格 ensp; 半角空格 emsp; 全角空格 thinsp; 窄空格 zwnj; 零宽不连字 zwj; 零宽连字2.3.2 全角和半角全角中文标点符号占两个字节。半角英文标点符号和数字占一个字节。2.3.3 CSDN中Markdown快捷键撤销 Ctrl Z 重做 Ctrl Y 加粗 Ctrl B 斜体 Ctrl I 标题 Ctrl Shift H 有序列表 Ctrl Shift O 无序列表 Ctrl Shift U 待办列表 Ctrl Shift C 插入代码 Ctrl Shift K 插入链接 Ctrl Shift L 插入图片 Ctrl Shift G 查找 Ctrl F 替换 Ctrl G三、实用功能3.1 Typora扩展功能Typora是一款简单、高效且非常优秀的Markdown编辑器。3.1.1 编辑样式下划线u下划线文字/u内联数学公式$数学公式$ LaTeX数学公式参考网址https://khan.github.io/KaTeX/ 举个重要例子文字上划线只能使用公式$\overline{\text{文字}}$很重要。下标和上标~下标~ ^上标^高亮高亮部分为黄色注释!--注释部分(只在编辑模式中可见)--或者*[需要注释的词句]: 解释。注释的效果为全局例如Markdown将文本转换为HTML。3.1.2 编辑段落数学公式块$$ 数学公式 $$ 注释\(数学公式\)表示行内公式目录[TOC] 可以自动生成目录后面添加括号可以编辑目录名字默认为文章目录。脚注[^数字] 数字将会从1开始按顺序排序 [^数字]: 注脚的解释 注脚的解释会出现在文末例如一个具有注脚的文本。1图表Flowchat流程图mermaid flowchat 语法 UML图mermaid sequenceDiagram 语法 甘特图mermaid gantt 语法 mermaid流程图mermaid graph LR 语法 类图mermaid classDiagram 语法 3.1.3 HTML标签文字颜色和大小font size5文字/font font colorred文字/font font face宋体文字/font 混合使用font size5 colorred face宋体文字/font嵌入网页iframe src /iframe插入视频video src /video3.2 插件MPE3.2.1 引用文件md文件import 文件名 或者 !--import 文件名--引用图片import 图片路径引用CSV文件import 文件路径3.2.1 幻灯片!-- slide -- 第一页 !-- slide -- 第二页3.3 reveeal.js欲知详细请自行学习。3.4 Hexo GitHub Page搭建个人博客Hexo是一个快速、简洁且高效的博客框架工具。它可以把Markdown文档快速解析成静态页面并支持各种漂亮的主题。所以我们可以使用熟悉的Markdown来写文章(编辑器可以随便选)然后通过Hexo把文章转换成静态页面再把这些静态页面托管到GitHub上然后绑定一个自己喜欢的域名个人博客就搭建完成了。欲知详细请自行学习。3.5 GitBookgitbook 是一个基于node.js命令的工具可以使用网络常见的github|git和Markdown来制作精美的电子书而且和typora软件搭配是一款非常好的笔记记录软件。欲知详细请自行学习。注脚的解释 ↩︎