hexo博客搭建——3.为博客添加图片

方式1：图床

平台

网上有很多图床用于上传图片，可以在markdown语法中引用。
图床平台总结参考知乎文章国内免费的图床

1. 七牛云

   官网地址：https://portal.qiniu.com

   简介：注册认证后有10G永久免费空间，每月10G国内和10G国外流量，速度相当快，七牛云是国内专业CDN服务商，插件支持比较多，有免费ssl证书，但https流量收费

2. SM.MS

   官网地址：https://sm.ms

   特点：永久存储免注册，图片链接支持https，可以删除上传的图片，提供多种图片链接格式，建立于2015年，目前免费用户无法使用香港节点因此速度比较慢

   图片上传限制：每个图片最大5M，每次最多上传10张

3. 腾讯云

   官网地址：https://cloud.tencent.com

   简介：仅可以使用六个月的免费存储容量、免费请求和免费流量，不推荐使用

   限制：时间、流量、空间大小均有限制

如上述几个，参考文档里还有不少平台并介绍了每个的优劣。

添加图片

这里以SM.MS为例

1. 上传图片

   进入sm上传页面

   

   这里支持本地文件拖动到上传区域、复制图片在页面粘贴、直接截屏后在页面粘贴

2. 引用

   上传后在当前页面下边可以看到各种引用方式，选用markdown

   

   在markdown文件中引用

   

   运行后可以在文档中看到相应图片

   

方式2：本地位置

1. 配置修改
   进入blog文件夹_config.yml文件修改post_asset_folder配置项为true

   post_asset_folder: true

2. 文件夹创建
   在本地创建同名文件夹
   
   在markdown中引用。这里需要注意，直接写文件名，不要带文件夹
   
   这里会造成在markdown无法预览，因为相对路径不对，改成文件夹名/文件名即可在本地预览，
   但发布到网页上会无法显示

   正确写法发布后效果如下
   

3. 方法2缺陷

   1. markdown预览不便，如上所述
   2. 发布后也只能在当前博客下预览，比如这个时候如果index没有做任何配置，
      默认显示所有的博客，那么其中的图片会全部无法显示。如下图所示：
      
      上传图床图片的则不存在这样的问题，是通过url请求回来的图片。