【学习分享】MarkDown学习整理(下)
传送门:
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 "访问百度"
访问百度
参考链接定义格式: [链接参考标识] + 冒号 + 空格 + 【本文“链接”主题中的括号里面部分】,冒号后要有一个空格
参考标识定义通常不会被编辑器展示
建议参考链接标识的定义全部放到文章最后,便于管理
参考标识定义只能每个一行,参考链接引用可以一行有多个
作用:
- 网站中有括号符号,无法读取,链接的方式会有问题,可以用参考链接
- 网址提出来可以重复引用,比原来阅读更简洁
网址和电子邮件
用<>将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>
锚点目标
锚点目标是标题
对于标题而言,标题内容就是ID,ID最好不要重复
注意标题中不能含有空格和大写字母,如果含有大写要改成小写字母,空格要改成符号-
自定义ID(改变标题的默认ID)
将自定义ID括在与标题位于同一行的花括号中,如 ## 链接标题{#link-title} 很多编辑器不支持自定义ID, 不推荐标签形式:
<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[横向流程图]
```
flowchat语法流程图
```mermaid
flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认?st->op->cond
cond(yes)->e
cond(no)->op
```
sequence时序图语法
```mermaid
sequenceDiagram
张三->>李四: 吃了吗?
张三-->>李四: 吃了吗?
张三->>李四: 吃了吗?
张三-->>李四: 吃了吗?
李四->>张三: 吃个屁
```
日本词曲创作演绎大物,被誉为80年代养活了大半个中国音乐圈的女人(Hi ~ 这是脚注还记得吗) ↩︎
【学习分享】MarkDown学习整理(下)相关推荐
- ML学习分享系列3_计算广告小窥[下]要啥自行车!
原作:@面包包包包包包 修改:@寒小阳 && @龙心尘 鸣谢:百度德川.阿里怀人.阿里口肃.腾讯Fandy王.优酷吕红亮 时间:2016年8月 出处:http://blog.csdn. ...
- 花一千多学python值吗_Python爬虫应该怎么学?程序猿花了一周整理的学习技巧,请收下...
原标题:Python爬虫应该怎么学?程序猿花了一周整理的学习技巧,请收下 Python爬虫为什么受欢迎 如果你仔细观察,就不难发现,懂爬虫.学习爬虫的人越来越多,一方面,互联网可以获取的数据越来越多, ...
- 分享一个学习git的图形化学习网站-Learn Git Branching参考答案整理
分享一个学习git的图形化学习网站:Learn Git Branching 初次学习点这里 这个链接可以跳过前面的帮助信息直接进入:Learn Git Branching 老手点这里 LearnGit ...
- python运维书籍推荐_python如何学习?下面给大家分享一些我整理的书籍
image python如何学习?下面给大家分享一些我整理的书籍 入门书籍 1.<编程快速上手 让繁琐工作自动化>.pdf 编程快速上手 让繁琐工作自动化.pdf 2.<Python ...
- 深度学习-机器学习-联邦学习-可视化等最全python软件整理分享
本资源整理了数据科学场景中常用的精选python软件资源,涉及机器学习,深度学习,联邦学习,机器学习可视化,可解释性等,分享给大家. 资源整理自网络,源地址:https://github.com/kr ...
- 学习分享:Windows下大型文件 CRC 校验
学习分享:Windows下cmd窗口生成MDx与SHAx校验和 一.在 windows 下打开 cmd.exe 窗口 方法一:操作步骤: 同时按下键盘的 win + R 两个键,进入运行窗口: 在输入 ...
- 胡锐锋:组队学习分享(队长)
组队学习分享(队长) 自我介绍 胡锐锋,现为Datawhale成员,目前担任<统计学习方法习题解答>开源项目的负责人,已工作近8年,由大数据平台研发工程师转变成一位项目管理人.我的人生目标 ...
- python学习图解_大牛整理!Python学习方法和学习路线,看完茅塞顿开!
原标题:大牛整理!Python学习方法和学习路线,看完茅塞顿开! Python 是一种极具可读性和通用性的编程语言.Python 这个名字的灵感来自于英国喜剧团体 Monty Python,它的开发团 ...
- PPT作品分享——创建学习型组织,打造企业核心竞争力
创建学习型组织,打造企业核心竞争力 1. 什么是学习型组织 2. 为什么要创建学习型组织 3. 如何创建学习型组织 3.1 实现自我超越:组织生命的源泉 3.2 完善心智模式:提高组织的"智 ...
最新文章
- jmeter压测_jmeter压测学习2linux运行jmeter环境
- es6 - 解构赋值
- 服务器同时登入会被挤下来吗_「英雄联盟手游」苹果iOS版LOL日服公测,日本服务器卡爆!...
- 从jHiccup开始
- java 循环map 优雅写法_Java for循环Map集合优化实现解析
- PHP危险函数被禁止怎么绕过,PHP危险函数(disable_functions)设置
- php发卡平台源码免费,php源码 免费开源的云尚发卡V1.5.7 个人发卡平台源码 免费源码分享...
- 高性能日记--show profile剖析sql语句
- Recursive Depth first search graph(adj matrix)
- 《Ray Tracing in One Weekend》——Chapter 3: Rays, a simple camera, and background
- php用date表示本月,用php获取本周,上周,本月,上月,本季度日期的代码
- 浏览器打不开CSDN博客网站解决方法
- ASP.NET全局文件Global.asax用法分析
- 【笔记:傅里叶分析】数学基础——傅里叶级数与傅里叶变换
- MySQL数据库基本操作-DDL
- SpringCloud基础学习
- excel拆分单元格内容_Excel中最神奇的一个快捷键!牛!!
- load.php 迅雷,C#_C#实现调用迅雷下载的方法,迅雷下载是目前使用非常普遍 - phpStudy...
- 如何评价红米 Note 11T系列手机?网友:没有不足
- Flink基础系列8-Flink on yarn运行wordcount程序