curben
/
blog
mirror of https://gitlab.com/curben/blog
1
0
Fork 0
Code Issues Releases Wiki Activity

refactor(cloudinary): combine variables

This commit is contained in:
curben 2019-08-30 05:52:16 +01:00
parent 020ba39fff
commit f39bab62de
No known key found for this signature in database
GPG Key ID: 5D9DB57A25D34EE3
1 changed files with 16 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
scripts/cloudinary.js
View File

@ -10,7 +10,7 @@
hexo.extend.tag.register('cloudinary', (args) => {
const user = 'curben'
let fileName = args[0]
const fileName = args[0]
const alt = args[1] || ''
let modern = ''
let legacy = ''
@ -26,37 +26,36 @@ hexo.extend.tag.register('cloudinary', (args) => {
legacy = fileName
}
fileName += '?auto_format=false'
modern += '?auto_format=false'
legacy += '?auto_format=false'
const modernLink = link + '/' + modern + '?auto_format=false'
const legacyLink = link + '/' + legacy + '?auto_format=false'
const img = `<img
srcset="${link}/${legacy}&w=320 320w,
${link}/${legacy}&w=468 468w,
${link}/${legacy}&w=768 768w,
${link}/${legacy} 800w"
srcset="${legacyLink}&w=320 320w,
${legacyLink}&w=468 468w,
${legacyLink}&w=768 768w,
${legacyLink} 800w"
sizes="(max-width: 320px) 320px,
(max-width: 468px) 468px,
(max-width: 768px) 768px,
800px"
src="${link}/${legacy}"
src="${legacyLink}"
alt="${alt}" loading="lazy">`
if (fileName.endsWith('.png') || fileName.endsWith('.webp')) {
return `<a href="${link}/${fileName}">
<picture><noscript>
return `<a href="${legacyLink}">
<picture>
<source type="image/webp"
srcset="${link}/${modern}&w=320 320w,
${link}/${modern}&w=468 468w,
${link}/${modern}&w=768 768w,
${link}/${modern} 800w"
srcset="${modernLink}&w=320 320w,
${modernLink}&w=468 468w,
${modernLink}&w=768 768w,
${modernLink} 800w"
sizes="(max-width: 320px) 320px,
(max-width: 468px) 468px,
(max-width: 768px) 768px,
800px">
${img}
</noscript></picture></a>`
</picture></a>`
} else {
return `<a href="${link}/${fileName}"><noscript>${img}</noscript></a>`
return `<a href="${legacyLink}">${img}</a>`
}
})