通过HEXO第一次接触到了Markdown。给人的第一感觉是很简单,整个版面看上去比较清爽,是我想要的feel。
Markdown 可以通过简单、易读易写的文本格式生成结构化的HTML文档,应用广泛。基于HTML的语法可以完全用在Markdown中,当然大部分时候我们更需要用Markdown针对书写的边便捷用法,这里做一个总结。
常用语法
1.标题
在句首插入#表示标题,有六种标题。也就是最多可以有6个#号表示最小字号的标题
2.列表
有序列表 数字加英文的点 如 1. 2. 3.
无序列表 *+- 这三个任意一种后面文本接空格
3.引用块
在引用块的句首加>
嵌套引用需要缩进 比如第一次嵌套用>>
4.代码块
使用 ``` 进行代码块引用 这里可以接对应的代码语言名Markdown会自行使用对应的背景渲染。
行内引用 可以用两个`` 夹住句子
5.链接超链接 \[A](网址 "optional title")
图片链接 \
地址也可以用本地路径,可以在makdown文件夹建一个picture文件夹,optional title的鼠标悬停图片上会显示,可不写。
6.强调
在字两边加一个*为斜体
在字两边加两个**为粗体
在字两边加三个***为粗斜体 记得不要有与字不要有空格
7.分割线
连续三个或以上星号或下划线或减号 都可以生成一个分割线如下
8.反斜杠
Markdown 支持将大部分符号前面加上反斜杠来帮助插入普通的符号
9.居中居右居左
居中
<center>文本</center>
居右<p align="right">文本</p>
居左<p align="left">文本</p>
10.换行</br>
或两个或以上空格
进阶语法
1.表格
使用
|
分隔不同的单元格,使用-
分隔表头与其它行
右对齐------:
,左对齐:------
居中对齐---:---
,默认居中对齐------
示例:
1 | 日期 |天气 | 心情 |
日期 | 天气 | 心情 |
---|---|---|
B | A | C |
注意:这里有个坑,我试了很多次才找出来。:
冒号一定要在英文状态下打,不然识别不了。然后-
数量不限定,可以一个也可以多个。
2.图表
图表有更多代码。参考这里
这种用的少,需要用的时候可以再来调取用法。
3.字体字号和颜色
<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=#0099ff size=7 face="黑体">color=#0099ff size=72 face="黑体"</font>
<font color=#00ffff size=72>color=#00ffff</font>
<font color=gray size=72>color=gray</font>
Size:规定文本的尺寸大小。可能的值:从 1 到 7 的数字。浏览器默认值是 3 。颜色是按十六进制颜色值来的。常用的红色(#FF0000)金色(#FFD700)黄色(#FFFF00)
4.图片居中
居中,在图片引用上一栏加
<div alighn=center>
改变图片大小
<img src="./xxx.png 路径" width = "300" height = "200" alt="图片名称" />
可能会导致图变形,用的少
5.待办事宜
横框+空格+方括号+空格+文本 通过方括号内加入X来区别已办未办,注意方括号也要有空格。
- 爬山
- [X] 走向人生巅峰
- [X] K歌
冷门用法
1.删除线
使用 ~~ 将要删除文字夹起来。表示删除
HAPPYDAY
2.注脚
使用 [^footer] 表示注脚,注意一个引用要写两次。如下
玫瑰是什么颜色[^footer1]
[^footer1]: 玫瑰是红的
。
玫瑰是什么颜色[^footer1]
[^footer1]: 玫瑰是红的。
3.页内跳转
使用html代码实现页内跳转。在要跳转到的位置定义个锚
<span id = "jump">World</span>
,然后使用[HELLO](#jump)
将你好设置为一单击即跳转到WORLD所在位置的效果
1 | [HELLO](#jump) |
HELLO
World
4.LateX公式
行内公式:使用两个”$”符号引用公式: $公式$
行间公式:使用两对“$$”符号引用公式: $$公式$$
这个其实挺复杂,参考这里。
5.首行缩进
半方大的空白
 或 
【常用】
全方大的空白 或 
不断行的空白格 或 
间距如下:
AAA
AAA
AAA
6.视频嵌套
1 | <video id="video" controls="" preload="none" poster="http://om2bks7xs.bkt.clouddn.com/2017-08-26-Markdown-Advance-Video.jpg"> |
7.音频嵌套
1 | <audio id="audio" controls="" preload="none"> |
总结
基本用法能解决大部分情景,高阶用法一般和HTML语法整合的多,但是用的少。如果想更好的进阶可以学习一下HTML语法。一个原则,常用的要能熟练内化为自己的潜意识,少用的要收录起来需要时可以最短时间内调用。