美文网首页一思诗文集社区晓事
编程笔记1-简书MarkDown语法

编程笔记1-简书MarkDown语法

作者: 江湾青年 | 来源:发表于2021-06-29 16:59 被阅读0次

引言

简书的富文本编辑器对代码块太不友好了,如果代码很长,布局会极度混乱。而且掌握MarkDown是一个程序员的基本素养,这篇学习文章之后我的所有简书文章将用MarkDown编辑。
简书的MarkDown语法是做过处理的,对于新手来说,MarkDown的语法规则更加简单,一学就会,这真的是满满的福利。但是对于一些MarkDown的资深老鸟而言,就有些不太适应了。因为简书的MarkDown无法使用CSS语法排版布局。比如连简单的首行缩进都无法实现(我是没找到方法,有大佬知道的还请指教)。但是就我个人而言,简书的布局还是很可观的。接下来就开始了解一下MarkDown的常用语法吧!


一级标题

二级标题

三级标题

四级标题

五级标题
六级标题
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

字体

斜体

*斜体*

粗体

**粗体**

粗斜体

**粗斜体**

带有删除线的文字

~~带有删除线的文字~~

以上是Mark常用的几种字体,简单粗暴。除此之外,还有一些比较炫酷的文字设置,想知道的小伙伴往下看哟!


引用

这是引用

引用中再引用

接着引用

我还能再引用

再引用最后一次

………………

>这是引用
>>引用中再引用
>>>接着引用
>>>>我还能再引用
>>>>>再引用最后一次
>>>>>>………………

分割线

---
***
-----
*******

使用三个及三个以上的“-”或者“*”都可以生成分割线,就是这行文字下面的那条线。本文就大量使用了分割线,这可以让文档看起来更有层次感。


图片

插入图片的语法如下:

![alt](url title)
# !表示以图片的形式显示,不加!显示为超链接;
# alt是显示在图片下方的文字,可随意添加;
# url表示图片的链接地址(https://……);
# title表示当鼠标移至图片上时显示的描述文字。
*/
例如: 我是标题
![我是标题](https://img.haomeiwen.com/i17916304/4bff9e1d2f51e471.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

点击简书MarkDown编辑器左上方的插入图片可以直接将本地的图片作为插入编辑器,图片被上传至简书服务器,自动生成一个url。当然也可以使用现成的url,但如果图片的链接有一天不存在了,那文章中的图片也会丢失。因此还是建议插入本地图片。


超链接

百度

[百度](https://www.baidu.com/)

这里有一张需要点击才能看得见的图片

[这里有一张需要点击才能看得见的图片](https://img.haomeiwen.com/i17916304/4bff9e1d2f51e471.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

列表

列表有无序列表和有序列表两种。

无序列表

  • 比如这个
  • 再比如这个
    • 我还可以继续加
      • 嵌套一层需要table一次
  • 这个也可以
- 比如这个
+ 再比如这个
  + 我还可以继续加
    + 嵌套一层需要table一次
* 这个也可以

无序列表只需要“-” “+” “*”其中任意一个加空格即可,在使用列表嵌套的时候需要按table键一次

有序列表

  1. 我是第一个
    1. 我是第一个的第一个
      • 我还能继续添加
  2. 我是第二个
  3. 我是第三个
1. 我是第一个
 1. 我是第一个的第一个
     - 我还能继续添加
2. 我是第二个
3. 我是第三个

有序列表是使用数字,“.”和空格组成,有序列表占三个字节,因此使用有序列表嵌套的时候,下一层需要空出三个空格。

注意:

  1. 简书MarkDown一次table键相当于两个空格;
  2. 无序列表嵌套上下层相差一个table(即两个空格),有序嵌套则是三个空格(这一点小伙伴们试一下就知道了);
  3. 无序嵌套嵌套可以与标题一起使用。
    例如:
  • 列表

  • 表格

- ###列表 
- ###表格

表格

常用编程语言 类型划分 运行速度
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;
}
\```

注释:在使用的时候需要把上述代码中的“\”删去,“\”本是做转义字符时使用的,此处为了将“```”的效果消除而添加的。其实这里加点什么都是一样的。


番外篇

\color{red}{\it\large{炫彩字coming}}
上文提及简书的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 七号)

参考

https://www.jianshu.com/p/52bfd49d03ae

相关文章

网友评论

    本文标题:编程笔记1-简书MarkDown语法

    本文链接:https://www.haomeiwen.com/subject/ahdkultx.html