更新图片代理

app.vue

@@ -13,24 +13,13 @@ const isDev = !import.meta.env.PROD
 const runtimeConfig = useRuntimeConfig()
 
 const websiteID = runtimeConfig.public.umamiWebsiteID
-console.log(websiteID)
 
 if (!useLoginAccount().value) {
   navigateTo('/login', {replace: true})
 }
 
 useHead({
-  meta: [
-    {
-      name: 'referrer',
-      content: 'no-referrer',
-      tagPriority: -20,
-    }
-  ],
   script: [
-    {
-      src: '/unregister.js',
-    },
     websiteID ?
     {
       src: 'https://cloud.umami.is/script.js',

components/ArticleItem.vue

@@ -3,7 +3,7 @@
     <img v-if="isDeleted" src="~/assets/deleted.png" alt="" class="absolute z-10 size-[100px] right-0 top-64 translate-x-full drop-shadow-[-116px_0_red]">
     <div v-if="cover" class="h-60 overflow-hidden" :style="{backgroundColor: themeColor(coverTheme!)}">
       <img
-          :src="cover"
+          :src="IMAGE_REFERER_PROXY + '?url=' + cover"
           loading="lazy"
           alt=""
           class="object-contain size-full group-hover:scale-110 ease-in-out transition duration-300">
@@ -46,6 +46,7 @@ import {saveAs} from 'file-saver'
 import {Loader} from 'lucide-vue-next';
 import {formatTimeStamp, downloadArticleHTML, packHTMLAssets, formatItemShowType} from "~/utils";
 import type {AppMsgAlbumInfo, RGB} from "~/types/types";
+import {IMAGE_REFERER_PROXY} from '~/config'
 
 
 interface Props {

components/DownloadSetting.vue

@@ -0,0 +1,14 @@
+<template>
+  <UCard class="mx-4 mt-10">
+    <template #header>
+      <h3 class="text-2xl font-semibold">下载选项</h3>
+      <p class="text-sm text-slate-10 font-serif">配置文章下载选项</p>
+    </template>
+
+    <div class="flex space-x-10"></div>
+  </UCard>
+</template>
+
+<script setup lang="ts">
+
+</script>

components/Header.vue

@@ -26,7 +26,7 @@
       </a>
     </div>
     <div v-if="loginAccount" class="flex flex-col sm:flex-row items-center sm:space-x-2 ml-5">
-      <img v-if="loginAccount.avatar" :src="loginAccount.avatar" alt="" class="rounded-full size-10">
+      <img v-if="loginAccount.avatar" :src="IMAGE_REFERER_PROXY + '?url=' + loginAccount.avatar" alt="" class="rounded-full size-10">
       <span v-if="loginAccount.nickname">{{loginAccount.nickname}}</span>
     </div>
   </header>
@@ -45,7 +45,7 @@
               :class="{active: account.fakeid === activeAccount?.fakeid}"
               @click="selectAccount(account)"
           >
-            <img v-if="account.type !== 'author'" class="size-20 mr-2" :src="account.round_head_img" alt="">
+            <img v-if="account.type !== 'author'" class="size-20 mr-2" :src="IMAGE_REFERER_PROXY + '?url=' + account.round_head_img" alt="">
             <div class="flex-1">
               <div class="flex justify-between">
                 <p class="font-semibold">{{ account.nickname }}</p>
@@ -80,6 +80,7 @@ import {Loader, ArrowRightLeft} from "lucide-vue-next";
 import {packHTMLAssets} from "~/utils";
 import {ACCOUNT_LIST_PAGE_SIZE, ACCOUNT_TYPE} from "~/config";
 import {getAccountList} from "~/apis";
+import {IMAGE_REFERER_PROXY} from '~/config'
 
 
 const loginAccount = useLoginAccount()

components/ProxySetting.vue

@@ -1,5 +1,5 @@
 <template>
-  <UCard class="mx-4 mt-4">
+  <UCard class="mx-4 mt-10">
     <template #header>
       <h3 class="text-2xl font-semibold">私有代理</h3>
       <p class="text-sm text-slate-10 font-serif">配置的私有代理地址仅供您本人使用</p>

config/index.ts

@@ -33,6 +33,8 @@ export const AVAILABLE_PROXY_LIST: string[] = [
     'https://wproxy-10.deno.dev/',
 ]
 
+export const IMAGE_REFERER_PROXY = 'https://clear-alligator-17.deno.dev'
+
 /**
  * 扫码状态
  */

pages/dashboard.vue

@@ -31,7 +31,7 @@
         <!-- footer -->
         <footer v-if="loginAccount" class="flex flex-col space-y-2 pt-3 border-t">
           <div class="flex items-center space-x-2">
-            <img v-if="loginAccount.avatar" :src="loginAccount.avatar" alt="" class="rounded-full size-10">
+            <img v-if="loginAccount.avatar" :src="IMAGE_REFERER_PROXY + '?url=' + loginAccount.avatar" alt="" class="rounded-full size-10">
             <UTooltip v-if="loginAccount.nickname" class="flex-1 overflow-hidden"
                       :popper="{ placement: 'top-start', offsetDistance: 16 }">
               <template #text>
@@ -86,6 +86,7 @@
 import {Album, ChartNoAxesCombined, Download, Globe, Settings} from 'lucide-vue-next';
 import {formatDistance} from "date-fns";
 import type {LogoutResponse} from "~/types/types";
+import {IMAGE_REFERER_PROXY} from '~/config'
 
 
 const route = useRoute()

pages/dashboard/album.vue

@@ -107,7 +107,7 @@
                   </h3>
                   <time class="text-sm text-slate-10">{{ formatAlbumTime(+article.create_time) }}</time>
                 </div>
-                <img class="size-16 ml-4 flex-shrink-0" :src="article.cover_img_1_1" alt="">
+                <img class="size-16 ml-4 flex-shrink-0" :src="IMAGE_REFERER_PROXY + '?url=' + article.cover_img_1_1" alt="">
               </li>
             </ul>
             <div v-element-visibility="onElementVisibility"></div>
@@ -131,6 +131,7 @@ import type {AppMsgAlbumResult, ArticleItem, BaseInfo} from "~/types/album";
 import {vElementVisibility} from "@vueuse/components"
 import {useDownloadAlbum} from '~/composables/useBatchDownload'
 import {formatAlbumTime} from "~/utils/album";
+import {IMAGE_REFERER_PROXY} from '~/config'
 
 
 useHead({

pages/dashboard/settings.vue

@@ -6,12 +6,14 @@
     <div class="flex-1 overflow-scroll">
       <CredentialSetting />
       <ProxySetting />
+      <DownloadSetting />
       <div class="h-[30vh]"></div>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
+
 useHead({
   title: '设置 | 微信公众号文章导出'
 });