feat: img loading="lazy"

docs/.vuepress/config.js

@@ -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;
+	});
+};