mip-img 处理 about hexo-theme-mip HOT 2 CLOSED

@xuexb 还是别编译动态获取了，直接要求用户在使用此模板是，如果需要使用img标签，必须定义宽高属性就行，hexojs 编译时只需读取 <img> 宽高属性值。

from hexo-theme-mip.

思路是在页面渲染后 after_render:html ，使用勾子把内容里的 <img> 替换为 <mip-img> ，代码是：

hexo.extend.filter.register('after_render:html'，function (html) {
    return html.replace(/<img([\S\s]+?)\/?>/ig，function (match，tag) {
        return '<mip-img ${tag}></mip-img>'.replace('${tag}'，tag.trim());
    });
});

当然也可以做成自动抓取

1. 如果是本地 - 直接获取图片信息，并设置宽高
2. 如果是远程 - 根据链接生成 md5 小缀缀，远程下载图片到本地，获取宽高后使用小缀缀设置缓存，最后设置图片宽高

from hexo-theme-mip.