hexo-theme-butterfly/scripts/helpers/related-post.js

/**
 * Butterfly
 * Related Posts
 * According the tag
 */

'use strict'

hexo.extend.helper.register('related_posts', function (currentPost, allPosts) {
  var relatedPosts = []
  currentPost.tags.forEach(function (tag) {
    allPosts.forEach(function (post) {
      if (isTagRelated(tag.name, post.tags)) {
        var relatedPost = {
          title: post.title,
          path: post.path,
          cover: post.cover,
          randomcover: post.randomcover,
          weight: 1,
          updated: post.updated,
          created: post.date
        }
        var index = findItem(relatedPosts, 'path', post.path)
        if (index !== -1) {
          relatedPosts[index].weight += 1
        } else {
          if (currentPost.path !== post.path) {
            relatedPosts.push(relatedPost)
          }
        }
      }
    })
  })
  if (relatedPosts.length === 0) {
    return ''
  }
  var result = ''
  const hexoConfig = hexo.theme.config.rootConfig
  const config = hexo.theme.config

  var limitNum = config.related_post.limit || 6
  var dateType = config.related_post.date_type || 'created'
  var headlineLang = this._p('post.recommend')
  var lazySrc = config.lazyload.enable ? 'data-src' : 'src'
  var lazyClass = config.lazyload.enable ? 'lazyload' : ''

  relatedPosts = relatedPosts.sort(compare('weight'))

  if (relatedPosts.length > 0) {
    result += '<div class="relatedPosts">'
    result +=
      '<div class="relatedPosts_headline"><i class="fa fa-fw fa-thumbs-up" aria-hidden="true"></i><span>' +
      ' ' +
      headlineLang +
      '</span></div>'
    result += '<div class="relatedPosts_list">'

    for (var i = 0; i < Math.min(relatedPosts.length, limitNum); i++) {
      var cover =
        relatedPosts[i].cover === false
          ? relatedPosts[i].randomcover
          : relatedPosts[i].cover
      result +=
        '<div class="relatedPosts_item"><a href="' +
        hexoConfig.root +
        relatedPosts[i].path +
        '" title="' +
        relatedPosts[i].title +
        '">'
      result +=
        '<img class="relatedPosts_cover ' +
        lazyClass +
        '"' +
        lazySrc +
        '="' +
        cover +
        '">'
      if (dateType === 'created') {
        result +=
          '<div class="relatedPosts_main is-center"><div class="relatedPosts_date"><i class="fa fa-calendar fa-fw" aria-hidden="true"></i>' +
          ' ' +
          this.date(relatedPosts[i].created, hexoConfig.date_format) +
          '</div>'
      } else {
        result +=
          '<div class="relatedPosts_main is-center"><div class="relatedPosts_date"><i class="fa fa-history fa-fw" aria-hidden="true"></i>' +
          ' ' +
          this.date(relatedPosts[i].updated, hexoConfig.date_format) +
          '</div>'
      }
      result +=
        '<div class="relatedPosts_title">' + relatedPosts[i].title + '</div>'
      result += '</div></a></div>'
    }

    result += '</div><div class="clear_both"></div></div>'
    return result
  }
})

function isTagRelated (tagName, TBDtags) {
  var result = false
  TBDtags.forEach(function (tag) {
    if (tagName === tag.name) {
      result = true
    }
  })
  return result
}

function findItem (arrayToSearch, attr, val) {
  for (var i = 0; i < arrayToSearch.length; i++) {
    if (arrayToSearch[i][attr] === val) {
      return i
    }
  }
  return -1
}

function compare (attr) {
  return function (a, b) {
    var val1 = a[attr]
    var val2 = b[attr]
    return val2 - val1
  }
}