hexo在文章中添加图片

1.安装插件

npm install hexo-asset-image --save

2.站点配置

 在_config.yml配置文件中,修改为 
`post_asset_folder: true`

3.新建文章时就会产生同名文件夹

4.添加图片到文章中

5.如果插入图片无法显示,请修改插件内容

打开/node_modules/hexo-asset-image/index.js,将内容更换为下面的代码

    

'use strict';
var cheerio = require('cheerio');

// http://stackoverflow.com/questions/14480345/how-to-get-the-nth-occurrence-in-a-string
function getPosition(str, m, i) {
  return str.split(m, i).join(m).length;
}

var version = String(hexo.version).split('.');
hexo.extend.filter.register('after_post_render', function(data){
  var config = hexo.config;
  if(config.post_asset_folder){
    var link = data.permalink;
if(version.length > 0 && Number(version[0]) == 3)
   var beginPos = getPosition(link, '/', 1) + 1;
else
   var beginPos = getPosition(link, '/', 3) + 1;
// In hexo 3.1.1, the permalink of "about" page is like ".../about/index.html".
var endPos = link.lastIndexOf('/') + 1;
    link = link.substring(beginPos, endPos);

    var toprocess = ['excerpt', 'more', 'content'];
    for(var i = 0; i < toprocess.length; i++){
      var key = toprocess[i];

      var $ = cheerio.load(data[key], {
        ignoreWhitespace: false,
        xmlMode: false,
        lowerCaseTags: false,
        decodeEntities: false
      });

      $('img').each(function(){
if ($(this).attr('src')){
// For windows style path, we replace '\' to '/'.
var src = $(this).attr('src').replace('\\', '/');
if(!/http[s]*.*|\/\/.*/.test(src) &&
   !/^\s*\//.test(src)) {
  // For "about" page, the first part of "src" can't be removed.
  // In addition, to support multi-level local directory.
  var linkArray = link.split('/').filter(function(elem){
return elem != '';
  });
  var srcArray = src.split('/').filter(function(elem){
return elem != '' && elem != '.';
  });
  if(srcArray.length > 1)
srcArray.shift();
  src = srcArray.join('/');
  $(this).attr('src', config.root + link + src);
  console.info&&console.info("update link as:-->"+config.root + link + src);
}
}else{
console.info&&console.info("no src attr, skipped...");
console.info&&console.info($(this));
}
      });
      data[key] = $.html();
    }
  }
});

此文章转载自《一口丁的博客

  • Copyright: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source.
  • Copyrights © 2019-2020 A monk
  • Visitors: | Views:

请我喝杯咖啡吧~

支付宝
微信