Markdown Pro

scorlw 发布于

之前只是对Markdown的基本语法做了简单的介绍,但是Markdown却不止如此,这篇来介绍一些Markdown的进阶使用。

1 插入链接与图片

1. 插入链接

链接的插入方式有行内链接、参考链接和自动链接三种。

  • 行内链接

    可以通过[链接文字](链接网址 "标题")的方式来添加行内链接。

    示例:

    1
    [我的博客](https://scorlw.gitee.io/ "博客")

    显示效果为:

    我的博客

  • 参考链接

    常用于编辑多个链接的时候。方法为:

    1
    2
    [链接文字][name]
    [name]: link "Title"

    示例:

    1
    2
    3
    4
    [百度][1]和[搜狗][2]都是搜索网站。

    [1]: https://www.baidu.com/ "Baidu Search"
    [2]: https://www.sogou.com/ "Sogou"

    百度搜狗都是搜索网站。

  • 自动链接

    对于一些之间的网址或者邮箱等,可以使用自动链接来快速生成。

    方法是<网址>

    示例:

    1
    <https://www.baidu.com/>

    效果:

    https://www.baidu.com/

2. 插入图片

图片插入的格式为![图名](地址 "描述"),和链接差一个叹号而已。

示例:

1
![cover](https://s1.ax1x.com/2020/05/14/YBSajg.jpg "好看")

效果:

cover

值得注意的是,如果地址的地方输入的是本地的地址,那么当md文件在非本地的情况下是打不开图片的,所以如果网上写博客的话建议使用图床。

关于图床的选择与使用可以到网上搜教程,可以使用Typora+picgo+图床来实现比较方便的图片上传。图床的选择可以看看markdown图床这篇文章。

2 Markdown排版

Markdown是支持HTML/CSS语法的,因为我也没有学过,所以本文只是罗列一些我常用的语法。

1. 字体颜色

可以通过<font color="颜色十六进制">文字</font>的方式来定义字体颜色。

示例:

1
<font color="#000077">这是浅蓝色的文字</font>

显示效果如下:

这是浅蓝色的文字

关于颜色的十六进制表示法可以去我上一篇文中推荐的网站进行查找。

2. 字号

可以通过<font size="字号">文字</font>的方式来定义字体颜色。

示例:

1
<font size="1">size为1</font>

显示效果如下:

size为1

3. 背景色

可以通过<table><tr><td bgcolor=颜色十六进制>文字</td></tr></table>的方式来定义字体颜色。

示例:

1
<table><tr><td bgcolor=#0000ff>这是浅蓝色背景</td></tr></table>

显示效果如下:

这是浅蓝色背景

4. 字体

格式:<font face="字体名">文字</font>

示例:

1
<font face="仿宋">这是仿宋字</font>

效果:

这是仿宋字

5. 文字位置

居中:

1
<center>居中</center>
居中

左对齐:

1
<p align="left">左对齐</p>

左对齐

右对齐:

1
<p align="right">右对齐</p>

右对齐

6. 图片大小与位置

1
<div align=center><img width = '350' height = '200' src = "https://s1.ax1x.com/2020/05/14/YBSajg.jpg"/></div>

end