天天看点

Markdown语法总结😄

前言

    昨天和前天经过

极其痛苦

配置过程,最后我的个人博客终于搭建成功了!!!我的博客地址(当然,博客的搭建过程并不复杂,只是喜欢追求完美的我,总是因为一点点的瑕疵就感到不满意,然后就想着解决,奈何

技术太菜

,所以只能时间来凑.

    好了,博客搭建好了,那么接下来自然而然就是通过它来记录学习过程了。所以自然就想到了Markdown。博客不同于word排版,通过框选、点击相应的按钮等操作就可以实现想要的效果,markdown完全是键盘操作,想要什么样的效果,完全是通过相应的语法来实现,也就是通过不同的符号和格式来实现。那么废话不多说,开始Markdown的语法的学习。

一、Markdown 纯文本基本语法

1、标题

    正如我们日常写课程报告一样,不同大小的标题显得文章更有层次感。那么Markdown中的不同的标题是通过

#

的个数来区分的,个数从1-6字体一次减小,常用的为标题二,也就是本小结的标题

一、Markdown纯文本基本语法

这样的大小(

1、标题

为标题三)。

    使用方法:

#

个数+

空格

+

标题

2、字体

    在基本用法中,常用的就是

加粗

斜体

删除线

下划线

等这些操作。

  • 加粗和斜体

        加粗和斜体是通过

    *

    或者

    _

    的个数来控制的。我就用

    *

    来演示。一个

    *

    代表倾斜,两个代表加粗,三个代表 加粗倾斜。

        使用方法:

    *

    个数+

    内容

    +

    *

    个数。如

    ** 我最棒 **

    。如果在使用过程中有无法识别的情况,请注意空格的使用。
  • 删除线

        在我们浏览公众号时经常会看到 "我可以"这样的写法,那么就是删除线的是用。在Markdown中使用

    ~~

    +

    内容

    +

    ~~

    的格式来呈现出删除线的效果。需要注意的是这里的

    ~~

    是英文中的,如果未能实现想要的效果,可能是中英文输入的问题。
  • 下划线

        下划线在word中可以说很简单的操作,但是在Markdown中就不是那么容易了。想要实现下划线的效果,需要写一长串的符号:

    <span style="border-bottom:2px dashed red">

    +

    内容

    +

    </span>

    。这个当然是自定义程度最高的了,涉及到css的语法,可以定义下划线的宽度、样式以及颜色。比如,Hello World

    。如果为了简单那么可以使用u标签,也就是

    <u>

    +

    内容

    +

    </u>

    ,比如:Hello World。可以看到这是最平常的一种样式。如果只需要简单使用下划线,那么可以用第二种方式。

3、分割线

    在日常的博客中,分割线必不可少。在Markdown中你可以使用

三个以上

*

-

_

来做出分割线,但行内不能有其他内容。比如:

    上面就是三个

*

做出来的分割线。

4、引用

    在需要引用的文字前在上

>

即可。以下例子引用

罗素

我为什么活着

    对爱情的渴望,对知识的追求,对人类苦难不可遏制的同情心,这三种纯洁但无比强烈的激情支配着我的一生。这三种激情,就像飓风一样,在深深的苦海上,肆意地把我吹来吹去,吹到濒临绝望的边缘。

    我寻求爱情,首先因为爱情给我带来狂喜,它如此强烈,以致我经常愿意为了几小时的欢愉而牺牲生命中的其他一切。我寻求爱情,其次是因为爱情解除孤寂——那是一颗震颤的心,在世界的边缘,俯瞰那冰冷死寂、深不可测的深渊。我寻求爱情,最后是因为在爱情的结合中,我看到圣徒和诗人们所想象的天空景象的神秘缩影。这就是我所寻求的,虽然它对人生似乎过于美好,然而最终我还是得到了它。

    我以同样的热情寻求知识,我希望了解人的心灵。我希望知道星星为什么闪闪发光,我试图理解毕达哥拉斯的思想威力,即数字支配着万物流转。这方面我获得一些成就,然而并不多。

    爱情和知识,尽可能地把我引上天堂,但同情心总把我带回尘世。痛苦的呼号的回声在我心中回荡,饥饿的儿童,被压迫者折磨的受害者,被儿女视为可厌负担的无助的老人,以及充满孤寂、贫穷和痛苦的整个世界,都是对人类应有生活的嘲讽。我渴望减轻这些不幸,但是我无能为力,而且我自己也深受其害。

    这就是我的一生,我觉得它值得活。如果有机会的话,我还乐意再活一次。

    当然你可以在引用中嵌套其他用法,这里不在赘述。

5、列表

  • 无序列表

        在Markdown中可以使用单个的

    -

    *

    +

    来实现无序列表的标记。如

    -

    +

    实例一

    。当然记住标记与内容要用空格隔开。如:

        - 中国

        - 美国

        - 日本

        无序列表可以嵌套,下一级在上一级的基础上加三个空格即可。如这样写:

 * 中国

    * 日本

       * 美国

效果:

  • 中国
    • 日本
      • 美国
  • 有序列表

        有序列表的用法为

    数字(1、2 、3……)

    +

    .(英文句号)

    +‘空格’+

    内容

    。如以下:
  1. 中国
  2. 美国
  3. 日本

6、表格

    如果需要在博客中加入表格,那么可以用下面的语法:

表头|表头|表头

-|:-:|-:

内容|内容|内容

内容|内容|内容

效果如下:`

国家 人口 排名
中国 14 No.1
美国 2.2 No.2

    默认文字居中,

-

两边都加代表文字居中,

-

加在右边代表文字居右

7、代码

    程序员嘛,在写博客时肯定缺少不了贴代码。Markdown中可以用两个

反引号

来标记代码。也可以用

````来显示代码段。如果这样写:

```java

+

代码

+

````,则代表java代码,实例效果如下:

class HelloWorld{
    public static void main(String[] args){
        System.out.println("Hello World!");
    }
}
           

二、Markdown纯文本进阶语法

    为了使自己的博客内容排版更好看一点,就需要学习更过知识了。

1、更改字体、大小、颜色

语法:

<font face ="宋体">内容</font>

<font color=yellow>内容</font>

<font size=5>内容</font>

    例子:

<font size=6 color= blue >Hello World!</font>

效果:

Hello World!

2、为文字添加背景色

    当然这个添加背景色是整个一行都会添加。

语法

:

<table><tr><td bgcolor=#003454>内容</td></tr></table>

例子

:

<table><tr><td bgcolor=#003454>Hello World!</td></tr></table>

效果

:

Hello World!

3、设置文字对齐方式

    在Markdown中设置文字对齐方式通过下列语法:

居中对齐

:

<center>内容</center>

左对齐

:

<p align="left">内容</p>

右对齐

:

<p align="right">内容</p>

举例效果:

:

富强、民主、文明、和谐,自由、平等、公正、法治,爱国、敬业、诚信、友善

富强、民主、文明、和谐,自由、平等、公正、法治,爱国、敬业、诚信、友善

富强、民主、文明、和谐,自由、平等、公正、法治,爱国、敬业、诚信、友善

4、加上下标

下标语法

内容<sub>内容</sub>内容

例子

:

Na<sub>2CO<sub>3

效果

:Na2CO3

上标语法

:

内容<sup>内容</sup>内容

例子

深圳腾讯<sup>TM</sup>

效果

:深圳腾讯TM

三、Markdown进阶使用

1、超链接

    Markdown支持两种形式的链接语法:行内式和参考式。

  • 行式链接

    行内式语法

    :

    内容[链接名](链接地址)内容

    例子

    :这就是百度,点击一下,你就知道!

        当然如果想在新标签也中打开链接网址,学过html的都知道,可以用

    <a href="链接地址" target="_blank" rel="external nofollow" target="_blank">超链接名</a>

        例如:

    <a href="http://baidu.com" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank">百度一下</a>

    效果

    :百度一下
  • 参考式链接

    参考式链接语法

    内容[链接名][id]内容

    +

    [id]:链接地址

    ,后者可以写在文章的任意位置,当然一般写在底部。

    例子

    :

    内容可参考[百度一下][1].[1]:www.baidu.com

    效果

    :内容可参考[百度][baidu]

        [baidu]:http://baidu.com/

2、自动链接

    Markdown也可以自动链接的形式来处理网址和电子邮件信箱,只需要用尖括号括起来就可以了,Markdown会将其自动转换成链接。

例子

:

<http://baidu.com>

效果

:http://baidu.com

3、图片的使用

    在日常的博客编写的过程中少不了图片的使用。Markdown中的图片插入不同于word直接拖拽式的,而是通过特定的语法来引用。与超链接相同,图片的插入同样分为

行内式

参考式

两种。

  • 行内式

    语法

    :

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qIkPSpbX-1596445569176)(URL)]

    例子

    :

    ![行情分析](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9teWJsb2ctcGljdHVyZS0xMjU5NzU4MzUyLmNvcy5hcC1uYW5qaW5nLm15cWNsb3VkLmNvbS9RUSVFNiU4OCVBQSVFNSU5QiVCRTIwMjAwNzMxMTkyNjQyLnBuZw?x-oss-process=image/format,png)

    效果

    :
    Markdown语法总结😄

    注意

    :上面的

    URL

    可以为本地路径,也可以是图片的网址。当然显然第二种更好,因为这样当本地路径发生变化时图片并不会丢失。这里我选择的是

    腾讯云图床

    对博客中的图片进行存储。
  • 参考式

        参考式的用法与超链接大同小异,不在赘述!

  • 图片的对齐方式

    语法

    :

    <div align=center>[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SuW06gyJ-1596445569185)(URL)]

    ,想要居右对齐,修改

    align

    参数为

    right

    即可。与上述的文字的对齐方式大同小异,不再演示。
  • 图片大小的设置

    语法

    <img src="URL" width="数值或者百分比" height="数值或百分比"/>

    例子

    :

    <img src="https://myblog-picture-1259758352.cos.ap-nanjing.myqcloud.com/QQ%E6%88%AA%E5%9B%BE20200731192642.png" width="200" height="100" />

    效果

    :
Markdown语法总结😄

4、LaTeX公式

    由于本人可能近期用到LaTeX公式的情况比较少,所以仅举一个原作者中提到的一个例子。

例子

:

$ X\stackrel{F}{\longrightarrow}Y$

效果

: X ⟶ F Y X\stackrel{F}{\longrightarrow}Y X⟶F​Y

总结

    以上列举的是最为常用的Markdown用法,当然Markdown还有许多其他的用法,感兴趣的可以查阅相关资料。也欢迎来我的个人博客看看。

😄

参考文章:Markdown语法及原理从入门到高级(可能是全网最全)

继续阅读