MarkDown基本语法
Makedown效果 + ( MarkDown语法 )
1.标题
一级标题 ( # 一级标题 )
二级标题 ( ## 二级标题 )
三级标题 ( ### 三级标题 )
以此类推(# 与文字之间有空格) ( #### 以此类推(# 与文字之间有空格))
2.分割线
3个*号 ( *** )
或者
3个-号 ( — )
3.块引用
块引用 ( > 块引用 )
- 块内引用 ( > * 块内引用 )
块引用 ( > 块引用 )
块内引用 ( >> 块内引用 )
4.表格
交叉表 | 时间列 | 备注 |
---|---|---|
维度行 | n列 | ( :–: )注: 其中冒号‘:’表示以什么方式居中 |
汇总行 | sum() | 求和 |
5.插入代码段
在 ```或者 *** 之间添加代码段
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>企业数据仓库信息平台</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-control" content="no-cache" />
<meta http-equiv="Cache" content="no-cache" />
<script type="text/javascript">
window.baseUrl = 'http://10.80.36.84:5604/';
window.baseFrontUrl= '10.80.36.84:5606';
</script>
<script src="assets/screen/theme/darkBlue.js"></script>
<script src="assets/charts/charts.min.js"></script>
<script src="assets/screen/scriptLoader.js"></script>
</head>
6.插入链接
A.行内式
① 普通链接:
[Google](http://www.google.com/)
② 指向本地文件的链接:
[icon.png](./images/icon.png)
③ 包含 ‘title’ 的链接:
[Google](http://www.google.com/ "Google")
title 使用 ’ 或 " 都是可以的。
B.参考式
① 首先,定义链接:
[Google][link]
第二个方括号内为链接独有的 识别符,可以是字母、数字、空白或标点符号。识别符是 不区分大小写 的;
② 然后定义链接内容:
[link]: http://www.google.com/ "Google"
其格式为:[识别符]: URL 'title'
。
参考式相对于行内式有一个明显的优点,就是可以在多个不同的位置引用同一个 URL。
C.自动链接
使用 <>
包括的 URL 或邮箱地址会被自动转换为超链接:
<http://www.google.com/>
该方式适合行内较短的链接,会使用 URL 作为链接文字。
百度 ( 方括号中链接文字](圆括号中链接地址 “Title”) )
7.插入图标
😢
🐱
两个冒号(英文模式下)之间写英文描述 :单词:
8.下划线
下划线
underline
9.删除线
删除内容 (在需要删除的文字两端加上两个英文模式下的波浪线~~)
10.字体
斜体 (文字放在 * * 之间)
斜体 (文字放在 _ _ 之间)
粗体 (文字放在 ** ** 之间)
粗体 (文字放在 __ __ 之间)
粗斜体 (文字放在 *** *** 之间)
粗斜体 (文字放在 ___ ___ 之间)
11.插入图片
插入图片的语法和插入超链接的语法基本一致,只是在最前面多一个 !
。也分为行内式和参考式两种。
A.行内式
![GitHub](https://avatars2.githubusercontent.com/u/3265208?v=3&s=100 "GitHub,Social Coding")
方括号中的部分是图片的替代文本,括号中的 ‘title’ 部分和链接一样,是可选的。
B.参考式
![GitHub][github]
[github]: https://avatars2.githubusercontent.com/u/3265208?v=3&s=100 "GitHub,Social Coding"
C.指定图片的显示大小
Markdown 不支持指定图片的显示大小,不过可以通过直接插入<img />
标签来指定相关属性:
<img src="https://avatars2.githubusercontent.com/u/3265208?v=3&s=100" alt="GitHub" title="GitHub,Social Coding" width="50" height="50" />
12.文中标亮
文中标亮 文中标亮
文中标亮
用反引号
将需要标记的文本包裹起来,参考代码块用6个反引号
13.任务列表 Task List
====
- [ ] Eat
- [x] Code
- [x] HTML
- [x] CSS
- [x] JavaScript
- [ ] Sleep
- Eat
- Code
- HTML
- CSS
- JavaScript
- Sleep
参考
MarkDown 入门参考 :
https://github.com/LearnShare/Learning-Markdown