Markdown基本知识

关于我使用 Markdown 以来学到的知识,即markdown的操作方法

1. 空格

语法 example 解释
ok ok  ok ok 它是按下 space 键产生的空格,叫不换行空格,全称是 No-Break Space
ok ok ok ok 等同于字体度的一半,叫“半角空格”,全称是 En Space
ok ok ok ok 1 em 在 16px 的字体中就是 16px,它叫“全角空格”,全称是 Em Space
ok ok ok ok “窄空格”,全称是 Thin Space。占据的宽度比较小。它是 em 之六分之一宽
ok‍ok ok‍ok 它叫零宽连字,全称是 Zero Width Joiner,简称“ZWJ”,是一个不打印字符

参考网站

2. 链接

2.1 行内式(方便简洁)

[链接文字](链接网址 "标题")
This is an [example link](https://www.jianshu.com/p/31eade263e7a)
会显示为: This is an example link

2.2 锚点(有了目录的话,基本不用了)

  • 第一种

- [测试](#测试)
### <a id="测试">测试</a>

  • 第二种
1
2
3
4
5
6
### <a href="#测试2">测试2</a>
h
t
m
l
<a id="测试2">测试2</a>

参考link

3. 图片

3.1 网络图片的添加

1
2
3
![alt 属性文本](图片地址)

![alt 属性文本](图片地址 "可选标题")
1
![四月是你的谎言](https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=905665511,4125694826&fm=26&gp=0.jpg "四谎")

四月是你的谎言

3.2 本地图片的添加

1
2
3
4
5
![avatar](/img/picture_exam.jpeg "example")
--or--
<!-- <img src="/img/picture_exam.jpeg " width = 10% height = 10% div align=right /> -->
或者是
<!-- <img src="url" width = "100" height = "100" div align=center /> -->

picture_exam.jpeg

![avatar](/img/picture_exam.jpeg "example")
<img src="/img/picture_exam.jpeg " width = 10% height = 10% div align=center />

4. 表格

1
2
3
4
| 左对齐 | 右对齐 | 居中对齐 |
| :----- | -----: | :------: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
左对齐 右对齐 居中对齐
单元格 单元格 单元格
单元格 单元格 单元格

参考教程:markdown

5. 设置字体大小颜色

1
2
3
4
5
6
<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>
我是黑体字 我是微软雅黑 我是华文彩云 color=#0099ff size=72 face="黑体" color=#00ffff color=gray

6. 待办清单

可能是我的这个hexo主题不适配这种语法,但是再typora中就可以显示
有的markdown支持有的不支持

  • [ ] 任务一
  • [x] 任务二
1
2
- [ ] 任务一
- [x] 任务二

Welcome to my other publishing channels