欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Markdown 语法学习

程序员文章站 2022-05-26 21:19:56
...

为什么要学习Markdown的语法

markdown作为一门很出色的轻量级的标记性语言,深受众多码字工作者的欢迎,自己也是因为想写自己的技术博客,所以想定决心要学好这一门语言,自己的写作之路也会更加顺畅一些,毕竟技多不压身嘛。
=基本的语法

1. 六级标题格式

1.1 “#”表示标题,数目越多表示标题的级数越大,字体的越小,示例如下

一级标题

二级标题

三级标题

四级标题

......
1.2 另一种表示标题的方式使用“=”和“-”分别表示二级和一级标题。

2. 表示引用

在markdown中表示引用的方法很简单,就只要在段落之前加上“>”(英文输入下的大于号)
如下:

这是一段引用

简而言之就是想要结束一段引用,只需要多打一行空行就行。
但是如果要达到分几段引用的效果,比如:

我是第一段引用

我是第二段引用

这时候就有两种办法可以处理
2.1 要打出两段分开的块,就是要控制结束一个块的输入才行,所以可以通过打出一个换行后在加上一个全角空格,在换行就可以输出两个分开的块了。(全角空格不同的输入法还有不同的输入方法,我使用的搜狗输入,只需要shift+空格,切换到全角输入,在按下空格即可)

>我是第一段引用

(左边是一个全角空格)

我是第二段引用

2.2 通过网上的学习又找到一种新的方法,是要通过HTML5的语法。
 ....

2.3 嵌套引用
有的时候引用需要几层,语法也很简单
“>>”表示两层引用,需要几层就在那一段之前加上几个大于号。

第一层引用

第二层引用

第三层引用

......

当然这个也是通过多打一个换行符来退出嵌套的。(自己觉得这种方式写出来的文章特美,以后要多用这种形式)

3. 代码块

对于程序员来说,要写代码是少不了的是,为了在普通的文本中也能写出代码的感觉,需要用特殊的标记。
1.1 对于单行的代码可以使用backqoute(`)(也就是esc键下的那个符号)
void type(int k,double b)
1.2 对于打断的代码来说,可以通过对于整段写成行首四个空格或者一个tab.

#include<iostream>
using namespace std;
int main()
{  int k;
   return 0;
}````
也可以通过四个backqoutes把整段代码夹在中间,就像C++中的大段注释一样,效果是一样的。

include<iostream>

using namespace std;
int main()
{ int k;
return 0;
}````

4. 段落缩进设置

为了让行文更加自然有层次,需要段落于段落之间的缩进。关于缩进的语法,markdown中的而设置也是挺人性化的,也很简单。
4.1 位于行首的两格缩进
中文段落经常需要两格缩进,但是markdown对于中文的缩进不是很友好,是按照英文的缩进进行的,一个空格只有半个汉字的位置。解决方案在网上看到了有两种。

换成全角输入,一个空格就能占到一个汉字的位置了。但是这也有一个缺点就是平时打字使用全角比较少,需要来回切换不方便。

使用一下的代码在在之后输入文本就可以了

半方大的空白 或 
全方大的空白 或 
不断行的空白格 或 

5.字体大小和形式

5.1 设置字体为斜体和粗体
把段落用“*”或者是“”夹在中间就是斜体,用“**”或“_”(两个下划线)夹在中间的就是粗体

这是一段斜体

这是一段粗体
这是一段又粗又斜的文字

5.2段落结束的下划线
.......这是一篇文章的结尾,需要加上一个结束的白线
__(三根下划线)
效果:
......一篇文章到此结束。


6.链接

内联方式:“This is [google official website](http://www.google.cn)”
外联方式:“This is[google official website][1]”
“This is [Facebook official website][2]”
[1]:http://www.google.cn
[2]:http://www.facebook.com

实现的结果如下:
内联方式:“This is google official website
外联方式:“This is[google official website][1]”
“This is [Facebook official website][2]”
[1]:http://www.google.cn
[2]:http://www.facebook.com

7.插入图片

图片的处理方式和链接的方式非常接近
内联方式:![picture_name](path/to/pic "Title")
外联方式:\![picture_name][1]
[1]:path/to/pic "Title"

一个惊叹号 !接着一个方括号,里面放上图片的替代文字,也就是当图片还未加载成功时显示的替换文本
接着一个普通括号,里面放上图片的网址,以及可选的用双引号(或单引号或括弧)包住的’title’文字,两者之间用若干个空格分割开来,如果加上了’title’文字,那么鼠标移到该图片上就会显示出该文字

具体实现出来是这样的:
![Markdown](http://baike.baidu.com/pic/markdown/3245829/0/00e93901213fb80ef9ceac7132d12f2eb938947d?fr=lemma&ct=single “online.jpg”)

转载于:https://www.jianshu.com/p/4db744d42931