轉(zhuǎn)載自:abbrlink插件導(dǎo)致圖片失效 - 故人隨筆 (imgod.me)
abbrlink 導(dǎo)致圖片無(wú)法顯示
在 hexo 里我們引入圖片都是用 hexo-asset-image 插件佩脊,但單獨(dú)使用是沒(méi)有問(wèn)題的,
如果遇到標(biāo)題包含中文的情況下我們復(fù)制文章鏈接會(huì)變成一堆很長(zhǎng)的編碼威彰,
這時(shí)候我們就要用到 abbrlink 插件歇盼,
至于插件如何使用我就不多贅述了,看文檔即可
當(dāng)我們配置完成后豹缀,就會(huì)發(fā)現(xiàn)雖然文章鏈接確實(shí)沒(méi)有問(wèn)題了耿眉,但是圖片卻無(wú)法顯示
我們打開(kāi) f12 查看會(huì)發(fā)現(xiàn)圖片路徑變成 /.io//001.webp
而實(shí)際路徑應(yīng)該是 posts/:abbrlink/001.webp
解決方案(一)
適用于
permalink: posts/:abbrlink/
方案
打開(kāi)blog\node_modules\hexo-asset-image\index.js
文件
將其中第 24 行代碼var endPos = link.lastIndexOf('.');
更改為var endPos = link.length-1;
重新Git Bash Here
hexo clean
hexo g
hexo d
解決方案(二)
適用于
permalink: posts/:abbrlink.html
方案
打開(kāi)blog\node_modules\hexo-asset-image\index.js
文件
將其中第 24 行代碼var endPos = link.lastIndexOf('.');
更改為var endPos = link.length-5;
重新Git Bash Here
hexo clean
hexo g
hexo d