外链即将失效？论如何用脚本一次性下载/替换失效的外链图片

矫情吗；* 2021-09-19 20:40 208阅读 0赞

### 前言 ###

大约一个月前，微博的图片外链失效了，以及掘金因为盗链问题也于`2019/06/06`[决定开启防盗链][Link 1]，造成的影响是：**个人博客网站的引用了这些图片外链都不能显示**。

**目前微博和掘金的屏蔽，在CSDN和segmentfault都是可以正常显示的，只影响个人博客**。

比如前段时间我的博客:[obkoro1.com][]上引用的微博图片都不能显示了。

因为我写博客比较频繁，被屏蔽的图片不在少数，肯定不能一个个手动的替换，查了一番没有找到现成的解决方案，做了个脚本工具，并且写了文档把它开源出来了。

## markdown-img-down-site-change(下载/替换markdown中的图片) ##

> 搜索目标文件夹中的markdown文件，找到目标图片，提供下载图片，替换图片链接的功能-通常用于markdown 图片失效。

### 简介 ###

这是一个极为轻量的脚本，引用包，设置好参数，通过API即可轻松上手。

### 解决什么问题？ ###

1.  集中下载markdown文件中某个域名下的图片到一个文件夹下。
2.  用新的图片链接替换markdown文件中某个域名的图片链接。

// 1. 下载这两个图片
    // ![](https://user-gold-cdn.xitu.io/2019/5/20/图片名字?w=2024&h=1240&f=png&s=339262)
    // ![](https://user-gold-cdn.xitu.io/2018/6/16/图片名字)
    // 2. 替换成：github的链接
    ![](https://raw.githubusercontent.com/OBKoro1/articleImg_src/master/juejin/图片名字?w=2024&h=1240&f=png&s=339262)
    ![](https://raw.githubusercontent.com/OBKoro1/articleImg_src/master/juejin/图片名字)
    复制代码

### 安装: ###

npm i markdown-img-down-site-change -S
    复制代码

### 文档： ###

[Github][]

[API][]

[更新日志][Link 2]

### 数据安全： ###

刚上手可能不了解脚本的功能，需要调试一番，这时候万一把`markdown`文件给改坏了，岂不是要哭死？

脚本有两种形式来防止这种情况发生：

1.  脚本会[默认备份][Link 3]你的文件。
2.  默认开启[测试模式][Link 4]，等到调试的差不多了，可以关闭测试模式。
3.  建议：再不放心的话，可以先用一两个文件来测试一下脚本

### 使用：20行代码不到 ###

在项目中有一个使用[栗子][Link 5]，里面加了蛮多注释和空行的，实际代码20行都不到，可以说很简单了，如下：

// npm i markdown-img-down-site-change -S 
    const markdownImageDown = require('markdown-img-down-site-change'); // 文件模块
    
    // 传参： 这也是脚本的默认参数，根据情况可以自行修改
    let option = {
        replace_image_url: 'https://user-gold-cdn.xitu.io/',
        read_markdown_src: './source', // 要查找markdown文件的文件夹地址
        down_img_src: './juejin', // 下载图片到这个文件夹
        var_number: 3 // url前半部分的变量数量 比如上面的日期: /2019/5/20/、/2018/6/16/
    }
    
    // 初始化
    const markdownImage = new markdownImageDown(option)
    
    // 下载外链
    markdownImage.checkDownImg();
    
    // 上传下载下来的图片文件夹到云端 用户自己操作
    
    // 上传图片之后 
    // 脚本会把以前的外链替换成云端地址+拼接一个图片名
    markdownImage.updateOption({
        new_image_url: 'https://xxx.com/目录地址/', // 图片上传的地址
        add_end: '?raw=true' // github图片地址有后缀 直接进去是仓库
    })
    
    // 替换外链 
    // 把replace_image_url的字符串换成new_image_url字符串
    markdownImage.replaceMarkdown();
    复制代码

### 运行： ###

**仔细阅读文本，配置好参数之后**

在项目根节点新建一个`handleImg.js`文件，安装一下脚本，然后用`node`运行该文件：

npm i markdown-img-down-site-change -S
    node handleImg.js
    复制代码

### 功能/参数简介： ###

*  `checkDownImg()`： 下载查找到的图片
 *  `replaceMarkdown()`: 替换图片链接为新的图片链接
 *  `replace_image_url`：要替换的图片地址
 *  `new_image_url`：图片的新地址
 *  `test`: 测试模式。
 *  `var_number`: 匹配图片链接的图片名之前的url，值为变量数量
 *  `is_link`: 匹配链接。
 *  `write_file_time`: 间隔多久修改markdown图片链接
 *  `read_markdown_src`：要查找markdown文件的文件夹地址
 *  `down_img_src`：下载图片到这个地址下
 *  `copy_item_data`: 备份项目
 *  `filter_item`: 过滤某些文件夹，不查找markdown。
 *  `add_end`：在图片链接后面添加后缀添加后缀

[Link 1]: https://juejin.im/post/5cefb6a3f265da1b95703b9d
[obkoro1.com]: https://link.juejin.im?target=http%3A%2F%2Fobkoro1.com
[Github]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2FOBKoro1%2Fmarkdown-img-down-site-change
[API]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2FOBKoro1%2Fmarkdown-img-down-site-change%2Fwiki%2FAPI
[Link 2]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2FOBKoro1%2Fmarkdown-img-down-site-change%2Fwiki%2F%25E6%259B%25B4%25E6%2596%25B0%25E6%2597%25A5%25E5%25BF%2597
[Link 3]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2FOBKoro1%2Fmarkdown-img-down-site-change%2Fwiki%2FAPI%23copy_item_data%25E5%25A4%2587%25E4%25BB%25BD%25E9%25A1%25B9%25E7%259B%25AE%25E7%259A%2584%25E5%259C%25B0%25E5%259D%2580
[Link 4]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2FOBKoro1%2Fmarkdown-img-down-site-change%2Fwiki%2FAPI%23test%25E6%2598%25AF%25E5%2590%25A6%25E5%25BC%2580%25E5%2590%25AF%25E6%25B5%258B%25E8%25AF%2595%25E6%25A8%25A1%25E5%25BC%258F
[Link 5]: https://link.juejin.im?target=https%3A%2F%2Fgithub.com%2FOBKoro1%2Fmarkdown-img-down-site-change%2Fblob%2Fmaster%2Fexample.js