yiyungent/hexo-asset-img

🍰 Hexo local image plugin. | Hexo 本地图片插件: 转换 图片相对路径 为 asset_img

Hi I'm yiyun 👋

Data Science, Machine Learning, Fullstack Web Developer.

• Read more about my Blog
• Talk with me by Email: [email protected]

Latest Blog Posts

• CSS 双飞翼布局
• Web 前端 | 反爬虫 | 字体反爬
• 《深入架构原理与实践》| 读书笔记
• Vue.js 中 nextTick | 笔记
• 7 种常用的 TypeScript 类型

hexo-asset-img's Issues

在线运行测试地址

写了个在线测试例子，方便测试，起到单元测试的效果，可以在线运行

• https://replit.com/@yiyungent/hexo-asset-img-test

【自己解决bug】自己修改代码，npm安装自己仓库 方案

fork本仓库，修改fork后的代码，使用下方安装，注意替换你自己的用户名

npm install git://github.com/yiyungent/hexo-asset-img.git#main

路径中有空格时，因为markdown需要encode空格的原因，会匹配失败

hexo-asset-img/index.js

Line 19 in a981f1b

var regExp = RegExp("!\\[(.*?)\\]\\(" + fileName + '/(.+?)\\)', "g");

如果图片路径有空格，比如 ![](t a/a.png)，在markdown中需要encode空格，就变成了 ![](t%20a/a.png)。这时候就会匹配失败，导致没法替换成功。

个人试着修改了下，简单的改成

    // ![example](postname/example.jpg)  -->  {% asset_img example.jpg example %}
    var regExp = RegExp("!\\[+?(.*?)\\]+?\\((" + fileName + "|" + fileName.replace(" ", "%20") + ')/(.+?)\\)', "g");
    // hexo g
    data.content = data.content.replace(regExp, "{% asset_img $3 $1 %}","g");

是可以成功的，希望作者能完善下这个的匹配。

[email protected] 生成时报错

ERROR Plugin load failed: hexo-asset-img
TypeError: require(...) is not a function
at C:\path\to\dir\node_modules\hexo-asset-img\index.js:1:97
at C:\path\to\dir\node_modules\hexo\dist\hexo\index.js:248:20
at tryCatcher (C:\path\to\dir\node_modules\bluebird\js\release\util.js:16:23)
at Promise._settlePromiseFromHandler (C:\path\to\dir\node_modules\bluebird\js\release\promise.js:547:31)
at Promise._settlePromise (C:\path\to\dir\node_modules\bluebird\js\release\promise.js:604:18)
at Promise._settlePromise0 (C:\path\to\dir\node_modules\bluebird\js\release\promise.js:649:10)
at Promise._settlePromises (C:\path\to\dir\node_modules\bluebird\js\release\promise.js:729:18)
at _drainQueueStep (C:\path\to\dir\node_modules\bluebird\js\release\async.js:93:12)
at _drainQueue (C:\path\to\dir\node_modules\bluebird\js\release\async.js:86:9)
at Async._drainQueues (C:\path\to\dir\node_modules\bluebird\js\release\async.js:102:5)
at Immediate.Async.drainQueues [as _onImmediate] (C:\path\to\dir\node_modules\bluebird\js\release\async.js:15:14)
at processImmediate (node:internal/timers:466:21)

[email protected]
├── @next-theme/[email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]

研究了一下是因为7.0.0的hexo升级了hexo-log组件，有了新的用法，需要使用 const log = require('hexo-log').default({ 'debug': false, 'slient': false });

能不能不要转换文本中的md格式？

下面是代码块，里面是文本，但我不希望转换文本的格式

![image-20210922195056513](如何在github上搭博客/image-20210922195056513.png)

下面是图片，可以转换

[bug] 不能匹配图片链接中两头带 <> 的，附解决方案

如 ![git](<fileName/2023-11-28-15-54-23.png>) 就不会匹配到

解决方案：

第50行的
var regExp = RegExp("!\\[(.*?)\\]\\(" + fileName + '/(.+?)\\)', "g");
改为
var regExp = RegExp("!\\[(.*?)\\]\\(<?" + fileName + '/(.+?)>?\\)', "g");

 匹配错误 导致 图片宽度为1

![1](test/1.png)

<img src="/test/img-1.png" class="" width="1">

匹配错误

猜测:
![这里纯数字时错误](xxx)