语雀图片防盗链的解决方案

语雀图片防盗链的解决记录

在使用yuque-hexo同步文章到博客后，由于语雀的图片由有防盗链的限制，会导致部署后，博客网站显示图片异常。
有两种处理办法：

1.使用 markdown 格式的图片链接

在语雀上使用图片的时候，避开直接复制图片到语雀。先将图片上传到自己的图床后，直接使用 markdown 的图片语法：

2.在插件yuque-hexo中进行图床配置

安装依赖

1
2
3

npm i -g yuque-hexo
# or
npm i --save-dev yuque-hexo

在 package.json 中更改配置

"yuqueConfig": {
    "postPath": "source/_posts/yuque",
    "cachePath": "yuque.json",
    "mdNameFormat": "title",
    "adapter": "hexo",
    "concurrency": 5,
    "baseUrl": "https://www.yuque.com/api/v2",
    "login": "yinzhi",
    "repo": "blog",
    "onlyPublished": false,
    "onlyPublic": false,
    "lastGeneratePath": "lastGeneratePath.log",
    "imgCdn": {
      "enabled": false,
      "concurrency": 0,
      "imageBed": "qiniu",
      "host": "",
      "bucket": "",
      "region": "",
      "prefixKey": ""
    }
  }

imgCdn 是语雀图片转图床配置说明

参数名	含义	默认值
enabled	是否开启	false
concurrency	上传图片并发数, 0 代表无限制，使用 github 图床时，并发问题严重，建议设置为 1	0
imageBed	选择将图片上传的图床