写在前面
之前在风叔叔的群里问过,有什么编辑器比较好用,风叔叔说 typora 很好用,我也下载了,用过一两次,跟简书的 Markdown 相比真的简单多了。
其实我还是喜欢富文本的,因为没有那么多的语法......(看我,就喜欢简单的那些玩意儿,可能,头脑简单、四肢发达吧)
但现在想整理一下简书的 Markdown 的使用攻略,这可能对你来说没什么用,你可能很久之前就会了,但我啊,现在还要参照语法呢......
准备开始
标题
在 Markdown 中,标题,在文本前面加上 #
即可。
比如:
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
引用到代码块里面,如下:
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
引用
在 Markdown 中,只需要在希望引用的文字前面加上 >
。
即,“ > ” + “ 内容 ”
引用
引用到代码块里面,如下:
> 引用
列表
在 Markdown 中,在文字前面加上 -
。
比如:
- 文字1
- 文字2
- 文字3
引用到代码块里面,如下:
- 文字1
- 文字2
- 文字3
如果是有序列表,在文字前面加上 1. 2. 3.
就可以了,例如:
- 文字1
- 文字2
- 文字3
引用到代码块里面,如下:
1. 文字1
2. 文字2
3. 文字3
注:-、1.和文本之间要保留一个字符的空格。
插入链接
在 Markdown 中,插入链接不需要其他按钮,你只需要使用 [文字] + (链接地址)
这样的语法即可
引用到代码块里面,如下:
[文字](http://www.jianshu.com)
插入图片
在 Markdown 中,使用 !+[]+(图片链接地址)
即可。
比如:
引用到代码块里面,如下:
![](https://upload-images.jianshu.io/upload_images/4598900-8b3c06a5d11981c3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/702/format/webp)
引用内的引用
引用可以嵌套,如下:
这是一级引用
这是二级引用
这是三级引用
这是一级引用
引用到代码块里面,如下:
> 这是一级引用
>> 这是二级引用
>>> 这是三级引用
> 这是一级引用
还有一种。
这是一级引用
这是二级引用
这是三级引用
这是一级引用
引用到代码块里面,如下:
> 这是一级引用
>> 这是二级引用
>>> 这是三级引用
> 这是一级引用
斜体
就像这样:*文字*
引用到代码块里面,如下:
*文字*
粗体
就像这样:**文字**
引用到代码块里面,如下:
**文字**
代码块
引用到代码块里面,如下:
文字
截图如下:
其他写法
引用的区块内也可以使用其他的 Markdown 语法,包括标题、列表、代码区块等:
这是一个标题。
1. 这是第一行列表。
2. 这是第二行列表。例子代码:
fullPrice = price + (price * tax);
function toCelsius(fahrenheit) {
return (5 / 9) * (fahrenheit - 32);
}
引用到代码块里面,如下:
> ## 这是一个标题。
>
> 1\. 这是第一行列表。
> 2\. 这是第二行列表。
>
> 例子代码:
> fullPrice = price + (price * tax);
> function toCelsius(fahrenheit) {
return (5 / 9) * (fahrenheit - 32);
}
表格
如下:
姓名 | 年龄 | 性别 |
---|---|---|
张三 | 20 | 男 |
李四 | 22 | 男 |
王五 | 28 | 男 |
引用到代码块里面,如下:
| 姓名 | 年龄 | 性别 |
| ------------ |:-------------:| -----:|
| 张三 | 20 | 男 |
| 李四 | 22 | 男 |
| 王五 | 28 | 男 |
注意:
----:为右对齐
:----为左对齐
:---:居中对齐
-----默认左对齐
显示链接中带括号的图片
![][图片]
[图片]: [https://upload-images.jianshu.io/upload_images/4598900-8b3c06a5d11981c3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/702/format/webp)
引用到代码块里面,如下:
![][图片]
[图片]: https://upload-images.jianshu.io/upload_images/4598900-8b3c06a5d11981c3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/702/format/webp)
删除线
使用~~
表示删除线。
删除线
注意:~~和被删除的文字之间不能有空格
引用到代码块里面,如下:
~~删除线~~
注脚
在需要添加注脚的文字后加上脚注名字[^注脚名字]
,称为加注。 然后在文本的任意位置(一般在最后)添加脚注,脚注前必须有对应的脚注名字。
引用到代码块里面,如下:
注脚[^footer1]
[^footer1]: 注脚。
注意:
经测试注脚与注脚之间必须空一行,不然会失效。成功后会发现,即使你没有把注脚写在文末,经Markdown转换后,也会自动归类到文章的最后。
使用<sup>[[1]](#fn1)</sup>
表示注脚。
锚点
什么是锚点?
锚点就是页面里的超链接,也就是链接本文档内部某些地方,实现当前页面中的跳转。
比如我这里写下一个锚点,点击回到目录,就能跳转到目录。 在目录中点击这一节,就能跳过来。
引用到代码块里面,如下:
跳转到[这里](https://upload-images.jianshu.io/upload_images/4598900-8b3c06a5d11981c3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/702/format/webp)
跳转到这里
LaTeX公式
$
表示行内公式
爱因斯坦发明的质能方程是:
引用到代码块里面,如下:
爱因斯坦发明的质能方程是:$E=mc^2$
$$
表示整行公式
引用到代码块里面,如下:
$$\sum_{i=1}^n a_i=0$$
$$f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 $$
$$\sum^{j-1}{k=0}{\widehat{\gamma}{kj} z_k}$$
自动转链接
Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱,只要是用尖括号包起来, Markdown 就会自动把它转成链接。一般网址的链接文字就和链接地址一样。
比如:
<http://example.com/>
它会转成:
<a href="http://example.com/">http://example.com/</a>
比如:
<a href="http://example.com/">http://example.com/</a>
它会转成:
<a href="mailto:address@example.com">address@example.com</a>
反斜杠
Markdown 可以利用反斜杠来插入一些在语法中有其它意义的符号,例如:如果你想要用星号加在文字旁边的方式来做出强调效果,可以在星号的前面加上反斜杠:\*literal asterisks\*
引用到代码块里面,如下:
\*literal asterisks\*
Markdown 支持以下这些符号:
引用到代码块里面,如下:
\ 反斜线
` 反引号
* 星号
_ 底线
{} 花括号
[] 方括号
() 括弧
# 井字号
+ 加号
- 减号
. 英文句点
! 惊叹号
Github的复选框列表
引用到代码块里面,如下:
- [x] C
- [x] C++
- [x] Java
- [x] Qt
- [x] Android
- [ ] C#
- [ ] .NET
- [x] C
- [x] C++
- [x] Java
- [x] Qt
- [x] Android
- [ ] C#
- [ ] .NET
分割线
* * *
引用到代码块里面,如下:
* * *
小红字
“哈哈哈哈哈哈哈哈哈
”,引号内的文字就是小红字。
引用到代码块里面,如下:(也就是在字的前后加【`】)
哈哈哈哈哈哈哈哈哈
文字色彩
引用到代码块里面,如下:
$\color{red}{red}$
$\color{blue}{blue}$
$\color{yellow}{yellow}$
$\color{green}{green}$
$\color{pink}{pink}$
$\color{beige}{beige}$
$\color{brown}{brown}$
$\color{orange}{orange}$
------------------华丽丽的分割线---------------------
Markdown攻略,over~
by大楠