hexo-theme-nexmoe/scripts/tag/gallery.js

🔥 A special hexo theme.

const toObject = (args = 'height:160px') => {
    try {
        const arr = args.split(' ');
        const obj = {};
        for (let i = 0; i < arr.length; i++) {
            const item = arr[i].split(':');
            obj[item[0]] = item[1];
        }
        return obj;
    } catch (e) {
        console.log(e);
    }
};

hexo.extend.tag.register(
    'gallery',
    (args, content) => {
        const params = toObject(args.join(' '));
        const width = params.width || 200;
        return `<p><div class="gallery-pro" style="column-width:${width}px;">${content
            .replace(/<br>/gi, '')
            .replace(/<p>/gi, '')
            .replace(/<p\/?>/gi, '')
            .replace(
                /!\[(.*?)\]\((.*?)\)/gm,
                '<div><img alt="$1" src="$2" data-caption="$1" data-fancybox="gallery" loading="lazy"></div>'
            )}
            </div></p>`;
    },
    { ends: true }
);