腾讯云COS配置教程：我是如何将COS加入到Hexo博客工作流程中的

/**
* fancybox和 mediumZoom
*/
 const addFancybox = function (ele) {
   const runFancybox = (ele) => {
     ele.each(function (i, o) {
       const $this = $(o)
       const lazyloadSrc = $this.attr('data-lazy-src') || $this.attr('src')
       const lazyloadSrc1600 = lazyloadSrc + '_1600w'
       const dataCaption = $this.attr('alt') || ''
       if (lazyloadSrc.indexOf('!blogimg') != -1) {
         $this.wrap(`<a href="${lazyloadSrc}" data-fancybox="images" data-caption="${dataCaption}" class="fancybox" data-srcset="${lazyloadSrc1600} 1600w"></a>`)
       }else {
         $this.wrap(`<a href="${lazyloadSrc}" data-fancybox="images" data-caption="${dataCaption}" class="fancybox" data-srcset="${lazyloadSrc} 1600w"></a>`)
       }
       
     })

     $().fancybox({
       selector: '[data-fancybox]',
       loop: true,
       transitionEffect: 'slide',
       protect: true,
       buttons: ['slideShow', 'fullScreen', 'thumbs', 'close'],
       hash: false
     })
   }

   if (typeof $.fancybox === 'undefined') {
     $('head').append(`<link rel="stylesheet" type="text/css" href="${GLOBAL_CONFIG.source.fancybox.css}">`)
     $.getScript(`${GLOBAL_CONFIG.source.fancybox.js}`, function () {
       runFancybox($(ele))
     })
   } else {
     runFancybox($(ele))
   }
 }

 const addMediumZoom = () => {
   const zoom = mediumZoom(document.querySelectorAll('#article-container :not(a)>img'))
   zoom.on('open', e => {
     const photoBg = document.documentElement.getAttribute('data-theme') === 'dark' ? '#121212' : '#fff'
     zoom.update({
       background: photoBg
     })
   })
 }

 const jqLoadAndRun = () => {
   const $fancyboxEle = GLOBAL_CONFIG.lightbox === 'fancybox'
     ? document.querySelectorAll('#article-container :not(a):not(.gallery-group) > img, #article-container > img,.bber-content-img > img')
     : []
   const fbLengthNoZero = $fancyboxEle.length > 0
   const $jgEle = document.querySelectorAll('#article-container .justified-gallery')
   const jgLengthNoZero = $jgEle.length > 0

   if (jgLengthNoZero || fbLengthNoZero) {
     btf.isJqueryLoad(() => {
       jgLengthNoZero && runJustifiedGallery($jgEle)
       fbLengthNoZero && addFancybox($fancyboxEle)
     })
   }
 }

//封面纯色
function coverColor() {
    var path = document.getElementById("post-cover")?.src;
    // console.log(path);
    if(path !== undefined){
        var httpRequest = new XMLHttpRequest();//第一步：建立所需的对象
        httpRequest.open('GET', path + '?imageAve', true);//第二步：打开连接  将请求参数写在url中 
        httpRequest.send();
        /**
         * 获取数据后的处理程序
         */
        httpRequest.onreadystatechange = function () {
            if (httpRequest.readyState == 4 && httpRequest.status == 200) {
                var json = httpRequest.responseText;//获取到json字符串，还需解析
                var obj = eval('(' + json + ')');
                var value = obj.RGB;
                value ="#" + value.slice(2)
                // console.log(value);
                //   document.getElementById('page-header').style.backgroundColor=value;
                // document.styleSheets[0].addRule('#page-header:before','background: '+ value +'!important');
                
                if(getContrastYIQ(value) == "light"){
                    value = LightenDarkenColor(colorHex(value),-40)
                }

                document.styleSheets[0].addRule(':root','--heo-main:'+ value +'!important');
                document.styleSheets[0].addRule(':root','--heo-main-op:'+ value +'23!important');
                document.styleSheets[0].addRule(':root','--heo-main-op-deep:'+ value +'dd!important');
                document.styleSheets[0].addRule(':root','--heo-main-none:'+ value +'00!important');
                heo.initThemeColor()
                document.getElementById("coverdiv").classList.add("loaded");
            }
        };
    }else{
        // document.styleSheets[0].addRule('#page-header:before','background: none!important');
        document.styleSheets[0].addRule(':root','--heo-main: var(--heo-theme)!important');
        document.styleSheets[0].addRule(':root','--heo-main-op: var(--heo-theme-op)!important');
        document.styleSheets[0].addRule(':root','--heo-main-op-deep:var(--heo-theme-op-deep)!important');
        document.styleSheets[0].addRule(':root','--heo-main-none: var(--heo-theme-none)!important');
        heo.initThemeColor()
    }
}

//RGB颜色转化为16进制颜色
function colorHex(str) {
    var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
    var that = str;
    if (/^(rgb|RGB)/.test(that)) {
      var aColor = that.replace(/(?:\(|\)|rgb|RGB)*/g, "").split(",");
      var strHex = "#";
      for (var i = 0; i < aColor.length; i++) {
        var hex = Number(aColor[i]).toString(16);
        if (hex === "0") {
          hex += hex;
        }
        strHex += hex;
      }
      if (strHex.length !== 7) {
        strHex = that;
      }
      return strHex;
    } else if (reg.test(that)) {
      var aNum = that.replace(/#/, "").split("");
      if (aNum.length === 6) {
        return that;
      } else if (aNum.length === 3) {
        var numHex = "#";
        for (var i = 0; i < aNum.length; i += 1) {
          numHex += (aNum[i] + aNum[i]);
        }
        return numHex;
      }
    } else {
      return that;
    }  
}

//16进制颜色转化为RGB颜色
function colorRgb(str) {
    var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
    var sColor = str.toLowerCase();
    if (sColor && reg.test(sColor)) {
      if (sColor.length === 4) {
        var sColorNew = "#";
        for (var i = 1; i < 4; i += 1) {
          sColorNew += sColor.slice(i, i + 1).concat(sColor.slice(i, i + 1));
        }
        sColor = sColorNew;
      }
      //处理六位的颜色值
      var sColorChange = [];
      for (var i = 1; i < 7; i += 2) {
        sColorChange.push(parseInt("0x" + sColor.slice(i, i + 2)));
      }
      return "rgb(" + sColorChange.join(",") + ")";
    } else {
      return sColor;
    }                  
}

//变暗变亮主方法
function LightenDarkenColor (col, amt) {
    var usePound = false;

    if (col[0] == "#") {
      col = col.slice(1);
      usePound = true;
    }

    var num = parseInt(col, 16);

    var r = (num >> 16) + amt;

    if (r > 255) r = 255;
    else if (r < 0) r = 0;

    var b = ((num >> 8) & 0x00FF) + amt;

    if (b > 255) b = 255;
    else if (b < 0) b = 0;

    var g = (num & 0x0000FF) + amt;

    if (g > 255) g = 255;
    else if (g < 0) g = 0;


    return (usePound ? "#" : "") + String("000000" + (g | (b << 8) | (r << 16)).toString(16)).slice(-6);
}
//判断是否为亮色
function getContrastYIQ(hexcolor) {
    var colorrgb = colorRgb(hexcolor);
    var colors = colorrgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
    var red = colors[1];
    var green = colors[2];
    var blue = colors[3];
    var brightness;
    brightness = (red * 299) + (green * 587) + (blue * 114);
    brightness = brightness / 255000;
    if (brightness >= 0.5) {
      return "light";
    } else {
      return "dark";
    }
}