博客文章添加图片

阅读数: 次 2020-01-11

文章插入图片的问题

配置文件_config.yml 里的post_asset_folder:这个选项设置为true

下载安装一个可以上传本地图片的插件

npm install hexo-asset-image –save或

npm install https://github.com/CodeFalling/hexo-asset-image --save

但是这个插件的内容需要修改【不然可能会出Bug】

打开/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();
    }

  }

});