From 304b1c3ab73e817c3521be7067c9a70f0c21991c Mon Sep 17 00:00:00 2001 From: LazuliKao Date: Sun, 22 Sep 2024 16:52:24 +0800 Subject: [PATCH] temporarily fix img --- astro.config.mts | 176 +++++++++++++++++++++++------------------------ 1 file changed, 88 insertions(+), 88 deletions(-) diff --git a/astro.config.mts b/astro.config.mts index 04cadd5..eb9ba8f 100644 --- a/astro.config.mts +++ b/astro.config.mts @@ -10,94 +10,94 @@ import md5 from "md5" function pipeline() { return [ - () => tree => { - visit(tree, "element", (node, index) => { - if (node.tagName === "p" && node.children[0].tagName === "img") { - node.tagName = "figure" - let img = node.children[0] - let sign = md5(img.properties.src) - let data = img.properties.alt.split("|") - let alt = data[0] - let size = "big" - if (data.length > 1) { - size = data[1] - } - let classes = ["image component image-full-bleed body-copy-wide nr-scroll-animation nr-scroll-animation--on"] - classes.push(`image-${size}`) - node.properties.className = classes - node.children = [ - { - type: "element", - tagName: "div", - properties: { - className: ["component-content"], - }, - children: [ - { - type: "element", - tagName: "div", - properties: { - className: ["image-share-sheet"], - }, - children: [ - { - type: "element", - tagName: "div", - properties: { - className: [`image image-load image-asset image-${sign}`], - id: `lht${sign}`, - }, - children: [ - { - type: "element", - tagName: "picture", - properties: { - className: ["picture"], - }, - children: [ - { - type: "element", - tagName: "img", - properties: { - "data-src": img.properties.src, - alt: alt, - className: ["picture-image"], - }, - }, - ], - }, - ], - }, - ], - }, - { - type: "element", - tagName: "div", - properties: { - className: ["image-description"], - }, - children: [ - { - type: "element", - tagName: "div", - properties: { - className: ["image-caption"], - }, - children: [ - { - type: "text", - value: alt, - }, - ], - }, - ], - }, - ], - }, - ] - } - }) - }, + // () => tree => { + // visit(tree, "element", (node, index) => { + // if (node.tagName === "p" && node.children[0].tagName === "img") { + // node.tagName = "figure" + // let img = node.children[0] + // let sign = md5(img.properties.src) + // let data = img.properties.alt.split("|") + // let alt = data[0] + // let size = "big" + // if (data.length > 1) { + // size = data[1] + // } + // let classes = ["image component image-full-bleed body-copy-wide nr-scroll-animation nr-scroll-animation--on"] + // classes.push(`image-${size}`) + // node.properties.className = classes + // node.children = [ + // { + // type: "element", + // tagName: "div", + // properties: { + // className: ["component-content"], + // }, + // children: [ + // { + // type: "element", + // tagName: "div", + // properties: { + // className: ["image-share-sheet"], + // }, + // children: [ + // { + // type: "element", + // tagName: "div", + // properties: { + // className: [`image image-load image-asset image-${sign}`], + // id: `lht${sign}`, + // }, + // children: [ + // { + // type: "element", + // tagName: "picture", + // properties: { + // className: ["picture"], + // }, + // children: [ + // { + // type: "element", + // tagName: "img", + // properties: { + // "data-src": img.properties.src, + // alt: alt, + // className: ["picture-image"], + // }, + // }, + // ], + // }, + // ], + // }, + // ], + // }, + // { + // type: "element", + // tagName: "div", + // properties: { + // className: ["image-description"], + // }, + // children: [ + // { + // type: "element", + // tagName: "div", + // properties: { + // className: ["image-caption"], + // }, + // children: [ + // { + // type: "text", + // value: alt, + // }, + // ], + // }, + // ], + // }, + // ], + // }, + // ] + // } + // }) + // }, () => tree => { tree.children.forEach(node => { if (node.type === "raw") {