feat: img loading="lazy"

docs/.vuepress/config.js

@@ -24,8 +24,8 @@ const config = {
     }],
     ['script', { src: `/js/redirect.js?${Date.now()}&v=${Date.now()}&version=${Date.now()}` }],
     ['script', { src: 'https://hm.baidu.com/hm.js?fe3b7a223fc08c795f0f4b6350703e6f' }],
-	 ['script', { src: 'miku-delivery-1.1.0.js' }],
-	 ['script', { src: `/js/miku.js?${Date.now()}&v=${Date.now()}&version=${Date.now()}` }]
+    ['script', { src: 'miku-delivery-1.1.0.js' }],
+    ['script', { src: `/js/miku.js?${Date.now()}&v=${Date.now()}&version=${Date.now()}` }]
   ],
   locales: {
     '/': {
@@ -80,6 +80,9 @@ const config = {
         .end()
         .plugin('normallize-link')
         .use(require('./markdown/normallizeLink'))
+        .end()
+				.plugin('img-attrs')
+				.use(require('./markdown/markdowm-it-image-attrs'))
     }
   },
   chainWebpack (config, isServer) {

docs/.vuepress/markdown/markdowm-it-image-attrs.js

+module.exports = function (md, opts) {
+	md.core.ruler.after('inline', 'image-attrs', function (state) {
+		state.tokens.forEach(function (blockToken) {
+			if (blockToken.type === 'inline' && blockToken.children) {
+				blockToken.children.forEach(function (token) {
+					const type = token.type;
+					if (type === 'image') {
+						const src = token.attrs.find(attr => attr[0] === 'src');
+						if (
+							src &&
+							src[1].indexOf('qiniu-web-assets.dcloud.net.cn') > -1 &&
+							token.attrs.map(attr => attr[0]).indexOf('loading') < 0
+						) {
+							token.attrs.push(['loading', 'lazy']);
+						}
+					}
+				});
+			}
+		});
+		return false;
+	});
+};