Preface

About a month ago, the external link of Weibo pictures failed, and the Nuggets also lost their links due to hotlink issues.2019/06/06Decided to open anti-leech, The impact is:The personal blog website quoted these pictures outside the chain can not be displayed。

Currently, the blocking of Weibo and Nuggets can be displayed normally in CSDN and segmentfault, which only affects personal blogs。

For example, my blog some time ago:http://obkoro1.comNone of the Weibo pictures quoted above can be displayed.

Because I write blogs frequently, there are not a few blocked pictures, so I definitely can’t replace them manually. I checked and didn’t find a ready-made solution. I made a script tool and wrote a document to open it up.

markdown-img-down-site-change (download/replace the image in markdown)

Search the markdown file in the target folder, find the target picture, provide the function of downloading the picture, and replacing the picture link-usually used for markdown picture failure.

Introduction

This is an extremely lightweight script, reference the package, set the parameters, and easily get started through the API.

What problem is solved?

1. Centrally download the pictures under a certain domain name in the markdown file to a folder.
2. Replace the image link of a domain name in the markdown file with a new image link.

// 1. Download these two pictures
// ![](https://user-gold-cdn.xitu.io/2019/5/20/Picture name?w=2024&h=1240&f=png&s=339262)
// ![](https://user-gold-cdn.xitu.io/2018/6/16/picture name)
// 2. Replace with: github link
![](https://raw.githubusercontent.com/OBKoro1/articleImg_src/master/juejin/Picture name?w=2024&h=1240&f=png&s=339262)
![](https://raw.githubusercontent.com/OBKoro1/articleImg_src/master/juejin/Picture name)

installation:

npm i markdown-img-down-site-change -S

Documentation:

Github

API

Update log

Data Security:

You may not understand the function of the script when you are just getting started, and you need to debug it.markdownThe file is broken, don't you want to cry to death?

There are two forms of scripts to prevent this from happening:

1. Script meetingDefault backupYour file.
2. Default onTest mode, When the debugging is almost done, you can turn off the test mode.
3. Suggestion: If you are not at ease, you can use one or two files to test the script

Use: Less than 20 lines of code

There is a use in the projectchestnut, There are a lot of comments and blank lines, the actual code is less than 20 lines, it can be said that it is very simple, as follows:

// npm i markdown-img-down-site-change -S 
const markdownImageDown = require('markdown-img-down-site-change'); // file module

// Passing parameters: This is also the default parameter of the script, you can modify it according to the situation
let option = {
    replace_image_url: 'https://user-gold-cdn.xitu.io/',
    read_markdown_src: './source', // To find the folder address of the markdown file
    down_img_src: './juejin', // Download pictures to this folder
    var_number: 3 // The number of variables in the first half of the url, such as the date above: /2019/5/20/, /2018/6/16/
}

// Initialize
const markdownImage = new markdownImageDown(option)

// Download external link
markdownImage.checkDownImg();

// Upload the downloaded image folder to the cloud, user operation

// After uploading the picture 
// The script will replace the previous external link with a cloud address + splicing a picture name
markdownImage.updateOption({
    new_image_url: 'https://xxx.com/directory address/', // The address of the picture upload
    add_end: '?raw=true' // The github picture address has a suffix and goes directly to the warehouse
})

// Replace external link 
// Replace the string of replace_image_url with a string of new_image_url
markdownImage.replaceMarkdown();

run:

Read the text carefully and configure the parameters

Create a new one at the project root nodehandleImg.jsFile, install the script, and then usenodeRun the file:

npm i markdown-img-down-site-change -S
node handleImg.js

Function/parameter introduction:

• checkDownImg(): Download the found pictures
• replaceMarkdown(): Replace the picture link with a new picture link
• replace_image_url: The address of the picture to be replaced
• new_image_url: The new address of the picture
• test: Test mode.
• var_number: Match the url before the image name of the image link, the value is the variable quantity
• is_link: Match link.
• write_file_time: How often to modify the markdown image link
• read_markdown_src: To find the folder address of the markdown file
• down_img_src：Download pictures to this address
• copy_item_data: Backup project
• filter_item: Filter some folders without searching markdown.
• add_end: Add a suffix after the image link

---

Welcome to try

Friends in need, come and try! The document is well written and easy to get started. The project will continue to be maintained. If you have any questions, please contact meissue~

If you think this script is not bad, giveprojectOrder a Star!

Blog、Front end accumulation document、No public, Wx:OBkoro1, email: [email protected]

Above 2019.06.04