hexo-theme-keep/scripts/filters/lazyload-handle.js

32 lines
828 B
JavaScript

/* global hexo */
'use strict'
hexo.extend.filter.register(
'after_post_render',
function (data) {
const theme = hexo.theme.config
if (!theme.lazyload || !theme.lazyload.enable) return
data.content = data.content.replace(
// Match 'img' tags the src attribute.
/<img([^>]*)src="([^"]*)"([^>\/]*)\/?\s*>/gim,
function (match, attrBegin, src, attrEnd) {
let hasAlt = false
if (!src) return match
if (attrBegin.includes('alt="')) {
hasAlt = true
} else if (attrBegin.includes('alt="')) {
hasAlt = true
}
return `<img ${attrBegin}
lazyload
${hasAlt ? '' : 'alt="image"'}
data-src="${src}"
${attrEnd}
>`
}
)
},
1
)