+ env NUXT_PUBLIC_TIEBA_IMAGE_PROXY to allow custom the interpolation for url of tieba images with its urlFilename @ utils/post/renderer/content.ts

@ fe

Author: n0099

fe/.env.example

@@ -3,3 +3,4 @@ NUXT_SITE_URL= # https://github.com/harlan-zw/nuxt-site-config/issues/32
 NUXT_PUBLIC_BE_URL=
 NUXT_PUBLIC_INSTANCE_NAME=
 NUXT_PUBLIC_FOOTER_TEXT=
+NUXT_PUBLIC_TIEBA_IMAGE_PROXY=

fe/nuxt.config.ts

@@ -67,7 +67,8 @@ export default defineNuxtConfig({
         public: keysWithSameValue([
             'beUrl',
             'instanceName',
-            'footerText'
+            'footerText',
+            'tiebaImageProxy'
         ], '')
     }
 });

fe/src/utils/post/renderer/content.ts

@@ -1,10 +1,15 @@
 export const extractContentTexts = (content?: PostContent | null) => content
     ?.reduce((acc, i) => acc + ('text' in i ? i.text ?? '' : ''), '') ?? '';
 export const toHTTPS = (url?: string) => url?.replace('http://', 'https://');
-export const imageUrl = (originSrc?: string) =>
-    (originSrc !== undefined && /^(?:[0-9a-f]{40}|[0-9a-f]{24})$/u.test(originSrc)
-        ? `https://imgsrc.baidu.com/forum/pic/item/${originSrc}.jpg`
-        : originSrc);
+const config = useRuntimeConfig().public;
+export const imageUrl = (originSrc?: string) => {
+    if (originSrc === undefined || !/^(?:[0-9a-f]{40}|[0-9a-f]{24})$/u.test(originSrc))
+        return originSrc;
+    if (config.tiebaImageProxy !== '')
+        return `${config.tiebaImageProxy}/${originSrc}`;
+
+    return `https://imgsrc.baidu.com/forum/pic/item/${originSrc}.jpg`;
+};
 export const tryExtractTiebaOutboundUrl = (rawURL?: string) => {
     const url = new URL(rawURL ?? '');
     if (url.hostname === 'tieba.baidu.com' && url.pathname === '/mo/q/checkurl')