- const { envId, region, option } = theme.twikoo
- const { use, lazyload, count } = theme.comments

script.
  (()=>{
    const init = () => {
      twikoo.init(Object.assign({
        el: '#twikoo-wrap',
        envId: '!{envId}',
        region: '!{region}',
        onCommentLoaded: function () {
          btf.loadLightbox(document.querySelectorAll('#twikoo .tk-content img:not(.tk-owo-emotion)'))
+         setTimeout(function(){
+           let tk_comment = document.querySelectorAll('.tk-comments-container .tk-comment')
+           if (tk_comment.length > 0) {
+             let html = `<div class="swiper-wrapper">`
+             for (let i = 0; i < tk_comment.length; i++) {
+               let tk_id = tk_comment[i].getAttribute('id') || ''
+               let tk_nick = tk_comment[i].querySelector('.tk-nick')?.innerText || ''
+               let tk_href = tk_comment[i].querySelector('.tk-nick')?.href || ''
+               let tk_avatar = tk_comment[i].querySelector('.tk-avatar-img')?.src || ''
+               let tk_time = tk_comment[i].querySelector('.tk-time')?.innerText || ''
+               let tk_city = tk_comment[i].querySelector('.tk-extras .tk-extra:first-child span:last-child')?.innerText || ''
+               let tk_content = tk_comment[i].querySelector('.tk-content>span:last-child')?.innerHTML || ''
+               tk_content = tk_content.replace(/\n/g, '') // replace \n
+               tk_content = tk_content.replace(/<blockquote>.*?<\/blockquote>/gi, '') // replace blockquote
+               tk_content = tk_content.replace(/<pre.*?<\/pre>/gi, '[!{_p("aside.card_newest_comments.code")}]') // replace code
+               html += `
+                 <div class="swiper-slide">
+                   <div class="comment-barrage-item">
+                     <div class="barrage-info">
+                       <a class="barrage-title" title="跳转至评论区" href="#post-comment">热评</a>
+                       <a href="${tk_href ? tk_href + '" target="_blank" rel="noopener noreferrer" title="访问 '+ tk_nick +'"' : 'javascript:void(0);"'}>
+                         <img class="barrage-avatar" src="${tk_avatar}">
+                       </a>
+                       <span class="barrage-nick">${tk_nick}</span>
+                       <span class="barrage-city">${tk_city}</span>
+                       <span class="barrage-time">${tk_time}</span>
+                       <a class="barrage-close" onclick="eurkon.switchCommentBarrage()" title="隐藏热评"><i class="fa-solid fa-xmark"></i></a>
+                     </div>
+                     <div class="barrage-content">
+                       <a title="跳转至该评论" href="#${tk_id}">${tk_content}</a>
+                     </div>
+                   </div>
+                 </div>`
+             }
+             html += '</div>'
+             let barrageContainer = document.getElementById('comment-barrage') || document.createElement('div')
+             barrageContainer.id = 'comment-barrage'
+             barrageContainer.innerHTML = html
+             barrageContainer.style.display = window.localStorage.getItem('commentBarrageDisplay') === 'false' ? 'none' : 'block'
+             document.getElementById('post-comment').appendChild(barrageContainer)
+             var barrageSwiper = new Swiper('#comment-barrage', {
+               direction: 'vertical',
+               loop: true,
+               mousewheel: true,
+               autoplay: {
+                 delay: 3000,
+                 disableOnInteraction: true,
+               }
+             })
+             barrageContainer.onmouseenter = function () {
+               barrageSwiper.autoplay.stop()
+             };
+             barrageContainer.onmouseleave = function () {
+               barrageSwiper.autoplay.start()
+             };
+           }
+         }, 1000)
        }
      }, !{JSON.stringify(option)}))
    }

    const getCount = () => {
      const countELement = document.getElementById('twikoo-count')
      if(!countELement) return
      twikoo.getCommentsCount({
        envId: '!{envId}',
        region: '!{region}',
        urls: [window.location.pathname],
        includeReply: false
      }).then(function (res) {
        countELement.innerText = res[0].count
      }).catch(function (err) {
        console.error(err);
      });
    }

    const runFn = () => {
      init()
      !{count ? 'GLOBAL_CONFIG_SITE.isPost && getCount()' : ''}
    }

    const loadTwikoo = () => {
      if (typeof twikoo === 'object') {
        setTimeout(runFn,0)
        return
      } 
      getScript('!{url_for(theme.asset.twikoo)}').then(runFn)
    }

    if ('!{use[0]}' === 'Twikoo' || !!{lazyload}) {
      if (!{lazyload}) btf.loadComment(document.getElementById('twikoo-wrap'), loadTwikoo)
      else loadTwikoo()
    } else {
      window.loadOtherComment = () => {
        loadTwikoo()
      }
    }
  })()

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

'use strict'

hexo.extend.helper.register('related_posts', function (currentPost, allPosts) {
  let relatedPosts = []
  currentPost.tags.forEach(function (tag) {
    allPosts.forEach(function (post) {
      if (isTagRelated(tag.name, post.tags)) {
        const relatedPost = {
          title: post.title,
          path: post.path,
          cover: post.cover,
          randomcover: post.randomcover,
          weight: 1,
+         description: post.description,
+         content: post.content,
          updated: post.updated,
          created: post.date
        }
        const 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 ''
  }
  let result = ''
  const hexoConfig = hexo.config
  const config = hexo.theme.config

  const limitNum = config.related_post.limit || 6
  const dateType = config.related_post.date_type || 'created'
  const headlineLang = this._p('post.recommend')

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

  if (relatedPosts.length > 0) {
    result += '<div class="relatedPosts">'
    result += `<div class="headline"><i class="fas fa-thumbs-up fa-fw"></i><span>${headlineLang}</span></div>`
    result += '<div class="relatedPosts-list">'
 
    for (let i = 0; i < Math.min(relatedPosts.length, limitNum); i++) {
      const cover =
        relatedPosts[i].cover === false
          ? relatedPosts[i].randomcover
          : relatedPosts[i].cover
      const title = this.escape_html(relatedPosts[i].title)
+     const description = this.strip_html(relatedPosts[i].description)
+     const content = this.strip_html(relatedPosts[i].content)
      result += `<div><a href="${this.url_for(relatedPosts[i].path)}" title="${title}">`
      result += `<img class="cover" src="${this.url_for(cover)}" alt="cover">`
      if (dateType === 'created') {
        result += `<div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> ${this.date(relatedPosts[i].created, hexoConfig.date_format)}</div>`
      } else {
        result += `<div class="content is-center"><div class="date"><i class="fas fa-history fa-fw"></i> ${this.date(relatedPosts[i].updated, hexoConfig.date_format)}</div>`
      }
      result += `<div class="title">${title}</div>`
+     switch (config.index_post_content.method) {
+       case false:
+         break
+       case 1:
+         result += `<div class="info">${description}</div>`
+         break
+       case 2:
+         if (description) {
+           result += `<div class="info">${description}</div>`
+         }
+         else {
+           let expert = content.substring(0, config.index_post_content.length)
+           content.length > config.index_post_content.length ? expert += ' ...' : ''
+           result += `<div class="info">${expert}</div>`
+         }
+         break
+       default:
+         let expert = content.substring(0, config.index_post_content.length)
+         content.length > config.index_post_content.length ? expert += ' ...' : ''
+         result += `<div class="info">${expert}</div>`
+         break
+     }
      result += '</div></a></div>'
    }

    result += '</div></div>'
    return result
  }
})
 
function isTagRelated (tagName, TBDtags) {
  let result = false
  TBDtags.forEach(function (tag) {
    if (tagName === tag.name) {
      result = true
    }
  })
  return result
}

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

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

-
  var options = {
    prev_text: '<i class="fas fa-chevron-left fa-fw"></i>',
    next_text: '<i class="fas fa-chevron-right fa-fw"></i>',
    mid_size: 1,
    escape: false
  }

if is_post()
  - let prev = theme.post_pagination === 1 ? page.prev : page.next
  - let next = theme.post_pagination === 1 ? page.next : page.prev
  nav#pagination.pagination-post
    if(prev)
      - var hasPageNext = next ? 'pull-left' : 'pull-full'
      .prev-post(class=hasPageNext)
        - var pagination_cover = prev.cover === false ? prev.randomcover : prev.cover
        a(href=url_for(prev.path))
          img.prev-cover(src=url_for(pagination_cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'` alt='cover of previous post')
          .pagination-info
            .label=_p('pagination.prev')
            .prev_info=prev.title
+           case theme.index_post_content.method
+             when false
+               - break
+             when 1
+               .content!= prev.description
+             when 2
+               if prev.description
+                 .content!= prev.description
+               else
+                 - const content = strip_html(prev.content)
+                 - let expert = content.substring(0, theme.index_post_content.length) 
+                 - content.length > theme.index_post_content.length ? expert += ' ...' : ''
+                 .content!= expert
+             default
+               - const content = strip_html(prev.content)
+               - let expert = content.substring(0, theme.index_post_content.length) 
+               - content.length > theme.index_post_content.length ? expert += ' ...' : ''
+               .content!= expert
          
    if(next)
      - var hasPagePrev = prev ? 'pull-right' : 'pull-full'
      - var pagination_cover = next.cover == false ? next.randomcover : next.cover
      .next-post(class=hasPagePrev)
        a(href=url_for(next.path))
          img.next-cover(src=url_for(pagination_cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'` alt='cover of next post')
          .pagination-info
            .label=_p('pagination.next')
            .next_info=next.title
+           case theme.index_post_content.method
+             when false
+               - break
+             when 1
+               .content!= next.description
+             when 2
+               if next.description
+                 .content!= next.description
+               else
+                 - const content = strip_html(next.content)
+                 - let expert = content.substring(0, theme.index_post_content.length) 
+                 - content.length > theme.index_post_content.length ? expert += ' ...' : ''
+                 .content!= expert
+             default
+               - const content = strip_html(next.content)
+               - let expert = content.substring(0, theme.index_post_content.length) 
+               - content.length > theme.index_post_content.length ? expert += ' ...' : ''
+               .content!= expert
else
  nav#pagination
    .pagination
      if is_home()
        - options.format = 'page/%d/#content-inner'
      !=paginator(options)

extends includes/layout.pug

block content
  include ./includes/mixins/article-sort.pug
  #archive
    .article-sort-title= _p('page.articles') + ' - ' + site.posts.length
-   +articleSort(page.posts)
+   +articleSort(page.posts, page.current)
    include includes/pagination.pug

extends includes/layout.pug

block content
  if theme.category_ui == 'index'
    include ./includes/mixins/post-ui.pug
    #recent-posts.recent-posts.category_ui   
      +postUI
      include includes/pagination.pug    
  else
    include ./includes/mixins/article-sort.pug
    #category
      .article-sort-title= _p('page.category') + ' - ' + page.category
-     +articleSort(page.posts)
+     +articleSort(page.posts, page.current)
      include includes/pagination.pug

extends includes/layout.pug

block content
  if theme.tag_ui == 'index'
    include ./includes/mixins/post-ui.pug
    #recent-posts.recent-posts
      +postUI
      include includes/pagination.pug
  else
    include ./includes/mixins/article-sort.pug
    #tag
      .article-sort-title= _p('page.tag') + ' - ' + page.tag
-     +articleSort(page.posts)
+     +articleSort(page.posts, page.current)
      include includes/pagination.pug

.article-sort
  margin-left: 10px
  padding-left: 20px
  border-left: 2px solid lighten($light-blue, 20)

  &-title
    position: relative
    margin-left: 10px
    padding-bottom: 20px
    padding-left: 20px
    font-size: 1.72em

    &:hover
      &:before
        border-color: var(--pseudo-hover)

    &:before
      position: absolute
      top: calc(((100% - 36px) / 2))
      left: -9px
      z-index: 1
      width: w = 10px
      height: h = w
      border: .5 * w solid $light-blue
      border-radius: w
      background: var(--card-bg)
      content: ''
      line-height: h
      transition: all .2s ease-in-out

    &:after
      position: absolute
      bottom: 0
      left: 0
      z-index: 0
      width: 2px
      height: 1.5em
      background: lighten($light-blue, 20)
      content: ''

  &-item
    position: relative
    display: flex
    align-items: center
    margin: 0 0 20px 10px
    transition: all .2s ease-in-out

    &:hover
      &:before
        border-color: var(--pseudo-hover)

    &:before
      $w = 6px
      position: absolute
      left: calc(-20px - 17px)
      width: w = $w
      height: h = w
      border: .5 * w solid $light-blue
      border-radius: w
      background: var(--card-bg)
      content: ''
      transition: all .2s ease-in-out

    &.no-article-cover
      height: 80px

      .article-sort-item-info
        padding: 0

    &.year
      font-size: 1.43em

      &:hover
        &:before
          border-color: $light-blue

      &:before
        border-color: var(--pseudo-hover)

    &-time
      color: $theme-meta-color
      font-size: 95%

      time
        padding-left: 6px
        cursor: default

    &-title
      @extend .limit-more-line
      color: var(--font-color)
      font-size: 1.1em
      transition: all .3s
      -webkit-line-clamp: 2

      &:hover
        color: $text-hover
        transform: translateX(10px)

+   &-index
+     opacity: .5
+     position: absolute
+     top: .5rem
+     right: .5rem
+     font-style: italic
+     font-size: 2.5rem
+     line-height: 1.5rem

    &-img
      overflow: hidden
      width: 80px
      height: 80px

      img
        @extend .imgHover

    &-info
      flex: 1
      padding: 0 16px

    - var htmlClassHideAside = theme.aside.enable && theme.aside.hide ? 'hide-aside' : ''
-   - page.aside = is_archive() ? theme.aside.display.archive: is_category() ? theme.aside.display.category : is_tag() ? theme.aside.display.tag : page.aside
+   - page.aside = is_archive() ? theme.aside.archives : page.aside // - 归档页隐藏侧栏
+   - page.aside = is_category() || page.type === 'categories' ? theme.aside.categories : page.aside // - 分类页隐藏侧栏
+   - page.aside = is_tag() || page.type === 'tags' ? theme.aside.tags : page.aside // - 标签页隐藏侧栏
+   - page.aside = page.type === 'link' ? theme.aside.display.flink : page.aside // - 友链页隐藏侧栏
    - var hideAside = !theme.aside.enable || page.aside === false ? 'hide-aside' : ''
    - var pageType = is_post() ? 'post' : 'page'

extends includes/layout.pug

block content
  if theme.category_ui == 'index'
    include ./includes/mixins/post-ui.pug
    #recent-posts.recent-posts.category_ui
      +postUI
      include includes/pagination.pug
  else
    include ./includes/mixins/article-sort.pug
    #category
+     #catalog-bar
+       i.fa-fw.fas.fa-shapes
+       #catalog-list
+         !=catalog_list("categories")
+       a.catalog-more(href="/categories/")!= '更多'
      .article-sort-title= _p('page.category') + ' - ' + page.category
      +articleSort(page.posts)
      include includes/pagination.pug

extends includes/layout.pug

block content
  if theme.tag_ui == 'index'
    include ./includes/mixins/post-ui.pug
    #recent-posts.recent-posts
      +postUI
      include includes/pagination.pug
  else
    include ./includes/mixins/article-sort.pug
    #tag
+     #catalog-bar
+       i.fa-fw.fas.fa-tags
+       #catalog-list
+         !=catalog_list("tags")
+       a.catalog-more(href="/tags/")!= '更多'
      .article-sort-title= _p('page.tag') + ' - ' + page.tag
      +articleSort(page.posts)
      include includes/pagination.pug