大家好，我是二哥！ 很早之前，就有小伙伴給我反饋說《Java 程式員進階之路》經常有圖片不顯示或者載入緩慢。 但由於白嫖（GitHub圖床+jsdelivr CDN）的力量實在是太過強大了（狗頭），再加上我本人沒有遇到過這個問題，所以就一直拖延著，遲遲沒有行動。 直到某一天，我神秘的流量用光了，上不 ...
大家好，我是二哥！
很早之前，就有小伙伴給我反饋說《Java 程式員進階之路》經常有圖片不顯示或者載入緩慢。
但由於白嫖（GitHub圖床+jsdelivr CDN）的力量實在是太過強大了（狗頭），再加上我本人沒有遇到過這個問題，所以就一直拖延著，遲遲沒有行動。
直到某一天，我神秘的流量用光了，上不去了谷歌，訪問不了 X 網，我才發現，原來我的網站載入圖片這樣慢啊！！！！經常是一蹦一蹦出來的，肉眼（帶近視鏡）可見的慢。
事沒到自己頭上，顯然高高掛起，可一旦事擱到自己頭上，就受不了了呀！
於是我打開站長工具檢測了一下圖片的訪問速度，好家伙，我直接好家伙！國內的訪問速度能飆到 100ms，國外的確實快，只有 14.7ms，
要知道，網站面對的用戶群體大多數都是國內的小伙伴，這速度，真的是勸退用戶！
再加上我今天看到小林把自己的網站也升級了自己的圖床，所以我就也按捺不住了。
怎麼辦？
不可能一個個手動替換啊，《Java 程式員進階之路》上少說也有 200 篇文章，一篇文章平均 5 張圖片的話，也得 1000 張吧，全部替換下來還不得瘋！
由於我本地已經分門別類的保存了所有的圖片，就只剩下：
- 第一步，把圖片上傳到某雲廠商
- 第二步，批量替換所有文章中的圖片鏈接為新圖床的地址
替換鏈接的思路也比較簡單，就是讀取所有 md 文件，找到其中的圖片地址，按照下圖的方式替換即可。
第一步，上傳圖庫到雲廠商
直接選擇掃描文件夾就可以把所有的圖片上傳到新的圖床里。
PS：這裡有個坑，不知道有眼尖的小伙伴看出來了沒？
第二步，開啟 CDN
只使用 OSS 的話，除了流量計費比較高一點外，就是圖片沒有進行加速服務，所以我就順帶開啟了 CDN 服務。開啟方法非常簡單，只需要將功能變數名稱回源到 OSS 就可以了。
第三步，編寫 Java 代碼批量轉鏈
@Slf4j
public class ConvertAllFileWithPool {
public static final String img_url_pre_before = "https://cdn.jsdelivr.net/gh/itwanger/toBeBetterJavaer/images/";
private final static String img_url_pre_after = "http://cdn.tobebetterjavaer.com/tobebetterjavaer/images/images/";
private final static String docPath = "/Users/maweiqing/Documents/GitHub/toBeBetterJavaer/docs/";
public static void main(String[] args) throws IOException {
// 遞歸遍歷目錄以及子目錄中的所有文件
List<File> files = FileUtil.loopFiles(docPath);
log.info("總文件數{}",files.size());
ExecutorService executorService = Executors.newCachedThreadPool();
for (File file: files) {
if (FileNameUtil.isType(file.getName(), "md")) {
log.info("MD 文件{}", file.getName());
executorService.submit(() -> {
FileReader fileReader = FileReader.create(file, Charset.forName("utf-8"));
String result = fileReader.readString().replaceAll(img_url_pre_before,img_url_pre_after);
log.info("轉換完畢");
try {
FileWriter writer = new FileWriter(file);
writer.write(result);
writer.flush();
} catch (IOException e) {
log.error("寫入文件出錯了{}", e);
}
});
}
}
}
}
思路非常簡單，也沒有多少行代碼：
- 通過 hutool 的
FileUtil.loopFiles()方法遞歸遍歷目錄以及子目錄中的所有文件； - 通過
Executors.newCachedThreadPool()創建一個緩存線程池，由於最多 1087 個文件，所以不用擔心線程池資源耗盡；也就不用嚴格按照阿裡手冊上強制要求的不能使用 Executors 創建線程池，因地制宜； - 迴圈遍歷所有文件，通過
FileNameUtil.isType()過濾掉不是 md 的文件； - 通過 FileReader 讀取文件內容，並通過 String 類的
replaceAll()方法替換原有的圖片鏈接； - 通過 FileWriter 重新寫入文件；
來看一下執行日誌：
17:29:30.547 [main] INFO top.image.ConvertAllFileWithPool - 總文件數1087
。。。
17:29:30.649 [main] INFO top.image.ConvertAllFileWithPool - MD 文件flow-control.md
17:29:30.649 [pool-1-thread-12] INFO top.image.ConvertAllFileWithPool - 轉換完畢
17:29:30.649 [pool-1-thread-4] INFO top.image.ConvertAllFileWithPool - 轉換完畢
17:29:30.649 [pool-1-thread-8] INFO top.image.ConvertAllFileWithPool - 轉換完畢
17:29:30.649 [pool-1-thread-5] INFO top.image.ConvertAllFileWithPool - 轉換完畢
基本上不到一秒鐘就完成了，因為有 GitHub 作為版本倉庫，所以我們可以放心大膽地執行，不用擔心出錯，大不了重來就是了。
大概檢查幾個文件後，發現 OK，就可以把修改後的文件提交到版本庫了。
重新部署網站後，打開站長工具重新測試了一下圖片的訪問速度，這次就快多了，國內基本上都是在 20ms 左右，這比原來的 100ms 快了五分之四啊！
早知道這樣子，我就早切換鏈接了！
小插曲
本地圖片上傳 OSS 的時候一點沒註意，多了一個 images 的目錄，就導致我構建網站後，發現圖片全部掛了！
人慌了好一陣子，OSS 也沒提供移動資源的功能，索性就只能在 md 文件中多加了一個 images 目錄，這下只能將錯就錯了。
充了 100 塊錢，不知道能用多久，OSS+CDN，鏈接中沒敢用 HTTPS，因為 HTTPS 也收費，就先用 HTTP 了。
好了，今天是五一勞動節後第一天上班（昨天全員核酸），大早上起來我就在星球里制定了五月份的學習計劃，不少球友都響應了，也制訂了自己的學習計劃。
藥捲一起捲（狗頭）
強烈推薦一波 GitHub 上星標 2k+ star 的開源專欄《Java 程式員進階之路》，據說每一個優秀的 Java 程式員都喜歡她，風趣幽默、通俗易懂。內容包括 Java 基礎、Java 併發編程、Java 虛擬機、Java 企業級開發、Java 面試等核心知識點。學 Java，就認準 Java 程式員進階之路
