mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2025-09-15 12:58:48 +08:00
a7d6d0fb80
breaking changes: CDN option 部分參數名字修改 feat: 升級 fancybox 到 v5 feat: 更新 facebook js 版本 feat: 移除 gitter 聊天插件 closed #1212 improvement: 社交圖標 hover 旋轉180度 closed #1195 improvement: 代碼優化 fix: 開啟 archor 後， pace.js 會隨着 archor 添加而觸發的問題 fix: 修復設置圖片時，圖片後綴大寫而導致識別錯誤的 bug closed #1205
70 lines
1.9 KiB
JavaScript
70 lines
1.9 KiB
JavaScript
/**
|
|
* Butterfly
|
|
* galleryGroup and gallery
|
|
* {% galleryGroup [name] [descr] [url] [img] %}
|
|
* {% gallery [lazyload],[rowHeight],[limit] %}
|
|
* {% gallery url,[url],[lazyload],[rowHeight],[limit] %}
|
|
*/
|
|
|
|
'use strict'
|
|
|
|
const urlFor = require('hexo-util').url_for.bind(hexo)
|
|
|
|
function gallery (args, content) {
|
|
const { data, languages } = hexo.theme.i18n
|
|
args = args.join(' ').split(',')
|
|
let rowHeight, limit, lazyload, type, dataStr
|
|
|
|
if (args[0] === 'url') {
|
|
[type, dataStr, lazyload, rowHeight = 220, limit = 10] = args // url,[link],[lazyload],[rowHeight],[limit]
|
|
} else {
|
|
[lazyload, rowHeight = 220, limit = 10] = args // [lazyload],[rowHeight],[limit]
|
|
const regex = /!\[(.*?)\]\(([^\s]*)\s*(?:["'](.*?)["']?)?\s*\)/g
|
|
let m
|
|
const arr = []
|
|
while ((m = regex.exec(content)) !== null) {
|
|
if (m.index === regex.lastIndex) {
|
|
regex.lastIndex++
|
|
}
|
|
arr.push({
|
|
url: m[2],
|
|
alt: m[1],
|
|
title: m[3]
|
|
})
|
|
}
|
|
|
|
dataStr = JSON.stringify(arr)
|
|
}
|
|
|
|
type = type ? ' url' : ' data'
|
|
const lazyloadClass = lazyload === 'true' ? 'lazyload' : ''
|
|
|
|
return `<div class="gallery">
|
|
<div class="fj-gallery ${lazyloadClass + type}" data-rowHeight="${rowHeight}" data-limit="${limit}">
|
|
<span class="gallery-data">${dataStr}</span>
|
|
</div>
|
|
<button class="gallery-load-more"><span>${data[languages[0]].load_more}</span><i class="fa-solid fa-arrow-down"></i></button>
|
|
</div>`
|
|
}
|
|
|
|
function galleryGroup (args) {
|
|
const name = args[0]
|
|
const descr = args[1]
|
|
const url = urlFor(args[2])
|
|
const img = urlFor(args[3])
|
|
|
|
return `
|
|
<figure class="gallery-group">
|
|
<img class="gallery-group-img no-lightbox" src='${img}' alt="Group Image Gallery">
|
|
<figcaption>
|
|
<div class="gallery-group-name">${name}</div>
|
|
<p>${descr}</p>
|
|
<a href='${url}'></a>
|
|
</figcaption>
|
|
</figure>
|
|
`
|
|
}
|
|
|
|
hexo.extend.tag.register('gallery', gallery, { ends: true })
|
|
hexo.extend.tag.register('galleryGroup', galleryGroup)
|