图片

#语法

我们允许你在文章中使用图片，但是需要注意的是，这些图片不是在 Markdown 文件中。而是用链接的形式引入。

![image.png](https://source.unsplash.com/1600x900/?nature,water)

显示效果：

#图床使用

假如把图片放在工程本地，将会导致打包大小变得很大，并且托管到 Vercel 或者 Netlify 后图片加载的速度惨不忍睹。因此我们建议建立图床，使用外链引入到Markdown笔记中，这样工程包的大小缩小了，访问速度也有所提升。

#图床推荐

imgse
superbed
薄荷图床
云图床

此外还有微博图床或者自己搭建图床，下面将讲解微博图床搭建方法以及阿里云图床搭建方法。

#微博图床

#安装微博图床插件

点击微博图床插件进行下载安装（需要科学上网）

#打开微博图床插件

它可能需要你登录微博，那么访问微博就好了。
使用非常的便捷，只要将需要的图片复制进入窗口即可。
如图，你只需要上传一张图片，然后在窗口中粘贴即可。右边会生成各种代码，你可以直接将 Markdown 链接粘贴到你的工程中。

<img src="https://jetzihan-img.oss-cn-beijing.aliyuncs.com/blog/img/006SHRs9gy1h2x8crjlfij30r40isjx3.jpg"/>

在你的博客中，像下面这样插入图片：

![image.png](https://jetzihan-img.oss-cn-beijing.aliyuncs.com/blog/img/006SHRs9gy1h2x8crjlfij30r40isjx3.jpg)

#阿里云OSS

#注册

首先，在阿里云首页选择对象存储OSS服务。

#创建bucket

点击创建一个新的bucket。

填写bucket参数。

#获取地域结点信息

打开创建的bucket列表，如图，只需要复制oss-cn-beijing即可，不需要后面的.aliyuncs.com。

#创建AccessKey

来到页面的右上角，鼠标放在你的头像上，在弹出的框里选择AccessKey管理。

进入后，创建一个AccessKey。

在弹出的界面里，记住你的accessKeyId和accessKeySecret.

#PicGo

#配置

在Github中下载PicGo，并点击安装。在电脑桌面右下角的PicGo图标打开软件。在图床设置里面选择阿里云OSS，依照以下步骤填写信息：

1. 设定Keyld：填写刚刚获得的AccessKeyID

2. 设定KeySecret：填写AccessKeyIDSecret

3. 设定储存空间名：填写bucket名称，这里填写的是bucket名称，不是浏览器里的域名。

4. 确认存储区域：填写你的地域节点，注意复制的格式。

5. 指定存储路径：其实就是自定义一个文件夹的名字，以/结尾，它会自动在你的bucket里面创建一个文件夹，并把图片上传进去。

#使用

使用时，Picgo和其他图床一样，只需要把图片拖到图床上即可。
你可以登录你的阿里云OSS，查看你的图片。