引言
简书的富文本编辑器对代码块太不友好了,如果代码很长,布局会极度混乱。而且掌握MarkDown是一个程序员的基本素养,这篇学习文章之后我的所有简书文章将用MarkDown编辑。
简书的MarkDown语法是做过处理的,对于新手来说,MarkDown的语法规则更加简单,一学就会,这真的是满满的福利。但是对于一些MarkDown的资深老鸟而言,就有些不太适应了。因为简书的MarkDown无法使用CSS语法排版布局。比如连简单的首行缩进都无法实现(我是没找到方法,有大佬知道的还请指教)。但是就我个人而言,简书的布局还是很可观的。接下来就开始了解一下MarkDown的常用语法吧!
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
字体
斜体
*斜体*
粗体
**粗体**
粗斜体
**粗斜体**
带有删除线的文字
~~带有删除线的文字~~
以上是Mark常用的几种字体,简单粗暴。除此之外,还有一些比较炫酷的文字设置,想知道的小伙伴往下看哟!
引用
这是引用
引用中再引用
接着引用
我还能再引用
再引用最后一次
………………
>这是引用
>>引用中再引用
>>>接着引用
>>>>我还能再引用
>>>>>再引用最后一次
>>>>>>………………
分割线
---
***
-----
*******
使用三个及三个以上的“-”或者“*”都可以生成分割线,就是这行文字下面的那条线。本文就大量使用了分割线,这可以让文档看起来更有层次感。
图片
插入图片的语法如下:
![alt](url title)
# !表示以图片的形式显示,不加!显示为超链接;
# alt是显示在图片下方的文字,可随意添加;
# url表示图片的链接地址(https://……);
# title表示当鼠标移至图片上时显示的描述文字。
*/
例如:![我是标题](https://upload-images.jianshu.io/upload_images/17916304-4bff9e1d2f51e471.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
点击简书MarkDown编辑器左上方的插入图片可以直接将本地的图片作为插入编辑器,图片被上传至简书服务器,自动生成一个url。当然也可以使用现成的url,但如果图片的链接有一天不存在了,那文章中的图片也会丢失。因此还是建议插入本地图片。
超链接
[百度](https://www.baidu.com/)
[这里有一张需要点击才能看得见的图片](https://upload-images.jianshu.io/upload_images/17916304-4bff9e1d2f51e471.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
列表
列表有无序列表和有序列表两种。
无序列表
- 比如这个
- 再比如这个
- 我还可以继续加
- 嵌套一层需要table一次
- 我还可以继续加
- 这个也可以
- 比如这个
+ 再比如这个
+ 我还可以继续加
+ 嵌套一层需要table一次
* 这个也可以
无序列表只需要“-” “+” “*”其中任意一个加空格即可,在使用列表嵌套的时候需要按table键一次
有序列表
- 我是第一个
- 我是第一个的第一个
- 我还能继续添加
- 我是第一个的第一个
- 我是第二个
- 我是第三个
1. 我是第一个
1. 我是第一个的第一个
- 我还能继续添加
2. 我是第二个
3. 我是第三个
有序列表是使用数字,“.”和空格组成,有序列表占三个字节,因此使用有序列表嵌套的时候,下一层需要空出三个空格。
注意:
- 简书MarkDown一次table键相当于两个空格;
- 无序列表嵌套上下层相差一个table(即两个空格),有序嵌套则是三个空格(这一点小伙伴们试一下就知道了);
- 无序嵌套嵌套可以与标题一起使用。
例如:
-
列表
-
表格
- ###列表
- ###表格
表格
常用编程语言 | 类型划分 | 运行速度 |
---|---|---|
C/C++ | 编译型 | 很快 |
Java | 编译型 | 较快 |
Python | 解释性 | 较慢 |
常用编程语言 | 类型划分 | 运行速度
--- | :---: | ---:
C/C++ | 编译型 | 很快
Java | 编译型 | 较快
Python | 解释性 | 较慢
其中使用“--- | --- | ---”来分割表头和内容,事实上,这个格式并不是固定的,只需要“-|-|-”就可以起到分割的作用,但是考虑到书写美观,这里使用三个“-”外加空格使用。
另外上述表格的分割线部分有几个“:”;这是用来设置表格每列的文字对齐方式的,默认是左对齐。右对齐是在该列分割线右侧添加“:”;居中对齐是在该列分割线左右两侧添加“:”(语法使用的符号都必须是英文的符号)。
代码
单行代码
效果:print('Hello World!')
代码:
```print('Hello World!')```
多行代码
效果:
#include<iostream>
using namespace std;
int main(){
cout<<"Hello World!"; //注释语句
return 0;
}
代码:
\```
#include<iostream>
using namespace std;
int main(){
cout<<"Hello World!"; //注释语句
return 0;
}
\```
注释:在使用的时候需要把上述代码中的“\”删去,“\”本是做转义字符时使用的,此处为了将“```”的效果消除而添加的。其实这里加点什么都是一样的。
番外篇
上文提及简书的MarkDown是无法识别包括“<a>” “<font>” “<center>” “<big>”等标签的(我是没有找到方法,有知道的小伙伴还请指教);但是某一些字体的颜色、大小、字体还是可以修改的,比如上方五个大红字的代码如下:
$\color{red}{\it\large{炫彩字来了}}$
它的基本语法结结构和常用选项如下所示:
$\color{颜色}{\字体\字号{文本内容}}$
# Color
red(赤)
orange(橙)
yellow(黄)
green(绿)
cyan(青)
blue(蓝)
purple(紫)
# Font
rm(罗马字体)
it (意大利字体)
bf(黑体)
sl (斜体)
sf (等线体)
sc (小体大写字母)
tt (打字机字体)
mit (数学斜体)
# Size
Huge(25 一号 )
huge(20 二号)
LARGE(17 三号)
Large(14 四号)
large(12 小四号)
normalsize(10 五号)
small(9 小五号)
footnotesize(8 六号)
scriptsize(7 小六号)
tiny(5 七号)