传送门:

MarkDown学习整理(上)


水平线

三个或者更多 短划线(—)、星号(***) 、下划线(___),推荐使用短划线或者下划线,星号其他场景使用较多容易混淆,有些编辑器对这三个类型解释的粗细不太一样

---
***
___



使用水平线时要注意避开H2的特殊用法: 标题+换行+1个或多个短划线(-)或等号(=),这样显示的就不是水平线而是H2标记语法

标题H2
-标题H2
=

(为了不影响排版,这里不再演示)

生成HTML标签:<hr/>

链接

语法1 : [链接文字](http://url.com/ "Title")

url:跳转的目标地址, 可以用尖括号扩起来,也可以不用,但建议以协议头开头,http最好不要省略

title(鼠标移上去后显示的文字)可以加单引号、双引号或者小括号,可选

链接文字:显示的内容,注意链接文字和url中两个括号之间不要有空格

[访问百度](http://www.baidu.com "打开百度首页")

访问百度

语法2 : 直接写网址【markdown、CSDN不支持】(加http://几乎大部分的编辑器都支持)
CSDN演示效果:
http://www.baidu.com
如果上面不支持,就加上尖括号, 下面是加上后的效果
http://www.baidu.com

生成HTML标签:<a></a>

参考链接

[链接文字][链接参考标识]

[链接参考标识]: 【本文“链接”主题中的括号里面部分】

[访问百度][baidu][baidu]: http://www.baidu.com "访问百度"

访问百度

参考链接定义格式: [链接参考标识] + 冒号 + 空格 + 【本文“链接”主题中的括号里面部分】,冒号后要有一个空格

参考标识定义通常不会被编辑器展示
建议参考链接标识的定义全部放到文章最后,便于管理
参考标识定义只能每个一行,参考链接引用可以一行有多个

作用:

  1. 网站中有括号符号,无法读取,链接的方式会有问题,可以用参考链接
  2. 网址提出来可以重复引用,比原来阅读更简洁

网址和电子邮件

用<>将url或电子邮件地址扩起来,用于快速将其转为链接,通常url不加也行,但官方不支持,必须扩起来

<825060947@qq.com>
<http://www.baidu.com>

825060947@qq.com
http://www.baidu.com

图片

通常大多数网页编辑器支持复制粘贴自动上传,有些支持直接本地拖拽上传,本地编辑器一般都支持直接拖进来

图片语法:叹号!+ 链接语法(包括参考链接语法)

本地图片:

![图片描述](asserts/37P58PIC5Sf_1024.jpg “鼠标放上去的显示文字”)

URL引用

![图片描述](http://url.com “鼠标放上去的显示文字”)

![中森明菜](https://img-blog.csdnimg.cn/20200530233536406.jpg "中森明菜")

生成HTML标签:<img></img>

转义符

对特殊字符进行转义,使用反斜杠 \


扩展语法

删除线

两个波浪符号(~~)左右两边括起来

注意两个符号内部之间没有空格

~~删除的内容~~

删除的内容

生成HTML标签 <del></del>

自动URL链接

如果遇到URL或邮箱地址就自动转成超链接,如不希望自动转,可以使用【代码】解决,即左右两边加上 `

表格

标题1|标题2
---|---
aaa|bbb
ccc|ddd

或者

| 标题1 | 标题2 |
| ----- | ----- |
| aaa   | bbb   |
| ccc   | ddd   |

推荐第二种, 但是两种一般都不直接手敲,通常都用快捷键生成表格,多数编辑器支持界面直接操作

语法:用|分割每个列,第一行各列为 “表格标题”,第二行用 --- 代替标题位置作为分隔,后面为数据行, 第二行的 ---建议至少3个或以上,建议每列的数据和两边的|之间保留一个空格

格式:第一行是标题,对应html是<thead> 第二行---分隔符无意义,分隔之后都是数据行,对应html是<tbody>

标题1 标题2
aaa bbb
ccc ddd

在第二行 --- 左、右、两侧加上 : 可以控制文字对齐方式,如

| 左对齐  | 居中对齐  | 右对齐 |
| :----- | :------: | -----: |
| aaa    |   bbb    |    ccc |
| ddd    |   eee    |    fff |
左对齐 居中对齐 右对齐
aaa bbb ccc
ddd eee fff
通常快捷键: Ctrl + T
生成HTML标签 <table><thead></thead><tbody></tbody></table>
对齐会生成 style="text-align:left/center/right"

脚注

语法分两部分,脚注使用 和 脚注定义,如:

中岛美雪[^1] 的歌总是大气磅礴,撼动人心[^1]: 日本词曲创作演绎大物,被誉为80年代养活了大半个中国音乐圈

中岛美雪1 的歌总是大气磅礴,撼动人心

在指定文字的右上角插入一个较小的文字,脚注定义部分通常会被编辑器显示在文件的最后,可以点击跳转,有些编辑器不支持自动将脚注定义显示到最后,需要手动处理

注意:脚注定义通常来说会被编辑器显示在本页面的最后,typora则是鼠标移上去后展示

链接标题

包含两个要素:锚点,锚点目标

锚点

本质是一个markdown链接

锚点的定义方式有3种:行内式链接、参考式链接、HTML的a链接

和普通链接的区别是:URL变成了锚点目标,#+ID 方式

如:

[链接文字](#锚点目标 "title描述")[链接文字][参考标记]
[参考标记]: #锚点目标 "title描述"<a href="#锚点目标" title="title描述">链接文字</a>

锚点目标

  1. 锚点目标是标题
    对于标题而言,标题内容就是ID,ID最好不要重复
    注意标题中不能含有空格和大写字母,如果含有大写要改成小写字母,空格要改成符号 -

  2. 自定义ID(改变标题的默认ID)
    将自定义ID括在与标题位于同一行的花括号中,如 ## 链接标题{#link-title} 很多编辑器不支持自定义ID, 不推荐

  3. 标签形式:<div id="锚点目标ID">跳转到这里</div>
    CSDN支持,typora不支持

GO链接标题

定义列表

第一行主题,第二行冒号+空格+描述,可以有多行描述,主题和主题之间建议空一行(段落)

部分编辑器,如Typora不支持,CSDN展示效果:

主题1
描述1
描述2
描述3
主题2
描述1
描述2
描述3
生成HTML标签:<dl><dt></dt><dd></dd><dd></dd>...</dl>

任务列表(复选框)

语法: - [ ] 或 - [x] ,要选中的话括号里加一个x

注意:-号和[]之间,[]和后面的文字之间,至少要有一个空格,x是字母,不区分大小写,即使不选中,中括号里面也要保留一个空格(有且仅有一个)

- [ ] 语文- [ ] 文言文
- [ ] 数学
- [ ] 英语
- [X] 物理
  • 语文

    • 文言文
  • 数学
  • 英语
  • 物理
生成HTML标签:<ul><li><input type="checkbox" checked="checked"></input></li></ul>

公式、流程图、时序图等

不同的编辑器可能markdown语法不一样,具体的参考具体编辑器帮助文档, 以下简要介绍

公式:

使用$$上下包住公式内容

$$
\Gamma(z)=\int_0^\infty t^{z-1}e^{-1}dt.
$$

Γ(z)=∫0∞tz−1e−1dt.\Gamma(z)=\int_0^\infty t^{z-1}e^{-1}dt. Γ(z)=∫0∞​tz−1e−1dt.

mermaid语法流程图

```mermaid
graph LR
A[方形] --> B(圆角)
B --> C{条件a}
C -->|a=1| D[结果1]
C -->|a=2| E[结果2]
F[横向流程图]
```
a=1
a=2
方形
圆角
条件a
结果1
结果2
横向流程图

flowchat语法流程图

```mermaid
flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认?st->op->cond
cond(yes)->e
cond(no)->op
```
Created with Raphaël 2.2.0开始我的操作确认?结束yesno

sequence时序图语法

```mermaid
sequenceDiagram
张三->>李四: 吃了吗?
张三-->>李四: 吃了吗?
张三->>李四: 吃了吗?
张三-->>李四: 吃了吗?
李四->>张三: 吃个屁
```
张三李四吃了吗?吃了吗?吃了吗?吃了吗?吃个屁张三李四

  1. 日本词曲创作演绎大物,被誉为80年代养活了大半个中国音乐圈的女人(Hi ~ 这是脚注还记得吗) ↩︎

【学习分享】MarkDown学习整理(下)相关推荐

  1. ML学习分享系列3_计算广告小窥[下]要啥自行车!

    原作:@面包包包包包包 修改:@寒小阳 && @龙心尘 鸣谢:百度德川.阿里怀人.阿里口肃.腾讯Fandy王.优酷吕红亮 时间:2016年8月 出处:http://blog.csdn. ...

  2. 花一千多学python值吗_Python爬虫应该怎么学?程序猿花了一周整理的学习技巧,请收下...

    原标题:Python爬虫应该怎么学?程序猿花了一周整理的学习技巧,请收下 Python爬虫为什么受欢迎 如果你仔细观察,就不难发现,懂爬虫.学习爬虫的人越来越多,一方面,互联网可以获取的数据越来越多, ...

  3. 分享一个学习git的图形化学习网站-Learn Git Branching参考答案整理

    分享一个学习git的图形化学习网站:Learn Git Branching 初次学习点这里 这个链接可以跳过前面的帮助信息直接进入:Learn Git Branching 老手点这里 LearnGit ...

  4. python运维书籍推荐_python如何学习?下面给大家分享一些我整理的书籍

    image python如何学习?下面给大家分享一些我整理的书籍 入门书籍 1.<编程快速上手 让繁琐工作自动化>.pdf 编程快速上手 让繁琐工作自动化.pdf 2.<Python ...

  5. 深度学习-机器学习-联邦学习-可视化等最全python软件整理分享

    本资源整理了数据科学场景中常用的精选python软件资源,涉及机器学习,深度学习,联邦学习,机器学习可视化,可解释性等,分享给大家. 资源整理自网络,源地址:https://github.com/kr ...

  6. 学习分享:Windows下大型文件 CRC 校验

    学习分享:Windows下cmd窗口生成MDx与SHAx校验和 一.在 windows 下打开 cmd.exe 窗口 方法一:操作步骤: 同时按下键盘的 win + R 两个键,进入运行窗口: 在输入 ...

  7. 胡锐锋:组队学习分享(队长)

    组队学习分享(队长) 自我介绍 胡锐锋,现为Datawhale成员,目前担任<统计学习方法习题解答>开源项目的负责人,已工作近8年,由大数据平台研发工程师转变成一位项目管理人.我的人生目标 ...

  8. python学习图解_大牛整理!Python学习方法和学习路线,看完茅塞顿开!

    原标题:大牛整理!Python学习方法和学习路线,看完茅塞顿开! Python 是一种极具可读性和通用性的编程语言.Python 这个名字的灵感来自于英国喜剧团体 Monty Python,它的开发团 ...

  9. PPT作品分享——创建学习型组织,打造企业核心竞争力

    创建学习型组织,打造企业核心竞争力 1. 什么是学习型组织 2. 为什么要创建学习型组织 3. 如何创建学习型组织 3.1 实现自我超越:组织生命的源泉 3.2 完善心智模式:提高组织的"智 ...

最新文章

  1. jmeter压测_jmeter压测学习2linux运行jmeter环境
  2. es6 - 解构赋值
  3. 服务器同时登入会被挤下来吗_「英雄联盟手游」苹果iOS版LOL日服公测,日本服务器卡爆!...
  4. 从jHiccup开始
  5. java 循环map 优雅写法_Java for循环Map集合优化实现解析
  6. PHP危险函数被禁止怎么绕过,PHP危险函数(disable_functions)设置
  7. php发卡平台源码免费,php源码 免费开源的云尚发卡V1.5.7 个人发卡平台源码 免费源码分享...
  8. 高性能日记--show profile剖析sql语句
  9. Recursive Depth first search graph(adj matrix)
  10. 《Ray Tracing in One Weekend》——Chapter 3: Rays, a simple camera, and background
  11. php用date表示本月,用php获取本周,上周,本月,上月,本季度日期的代码
  12. 浏览器打不开CSDN博客网站解决方法
  13. ASP.NET全局文件Global.asax用法分析
  14. 【笔记:傅里叶分析】数学基础——傅里叶级数与傅里叶变换
  15. MySQL数据库基本操作-DDL
  16. SpringCloud基础学习
  17. excel拆分单元格内容_Excel中最神奇的一个快捷键!牛!!
  18. load.php 迅雷,C#_C#实现调用迅雷下载的方法,迅雷下载是目前使用非常普遍 - phpStudy...
  19. 如何评价红米 Note 11T系列手机?网友:没有不足
  20. Flink基础系列8-Flink on yarn运行wordcount程序

热门文章

  1. 1650显卡能带动144hz吗_什么显卡能带动1080 144hz的屏幕,所有游戏,全开?
  2. 修改主机名引起NNM无法正常启动
  3. Springboot中lookback日志配置文件
  4. 趣链中台部二面攻略(记得发布保存)
  5. Android 放图片背景的时钟
  6. 华为云赋能智能制造,助力图扑软件构造数字孪生场景
  7. 拉斯维加斯算法和N皇后问题
  8. iptables防火墙详解及使用layer7阻止qq,酷狗,等P2P软件
  9. 《Adobe After Effects CS6中文版经典教程》——1.2 创建项目并导入素材
  10. 当老板提出不合理要求时该怎么回?