Update cdn url

Author: antalike

app/components/Api/Authorizations/index.vue

@@ -6,6 +6,7 @@ const props = defineProps<{
 
 const collectionName = inject<CollectionName>('collectionName')
 const { getSecurityWithTypes } = useOpenApi(collectionName)
+const { replaceVariables } = useVariableReplacement()
 
 const securitys = computed<SecurityProps[]>(() => {
   return getSecurityWithTypes(props.path, props.method)
@@ -47,7 +48,7 @@ const securitys = computed<SecurityProps[]>(() => {
         <template v-if="security.scheme.description">
           <p
             class="mt-4 whitespace-pre-line text-gray-400 text-sm"
-            v-html="security.scheme.description"
+            v-html="replaceVariables(security.scheme.description)"
           />
         </template>
       </div>

app/components/AppFooter.vue

@@ -124,11 +124,11 @@ const columns = computed(() => [
 ])
 const qrcodeData = computed(() => [
   {
-    img: 'https://statics.memtensor.com.cn/landing-v2/qrcode-wechat-v2.webp',
+    img: useStaticCdnUrl(`/landing-v2/qrcode-wechat-v2.webp`),
     label: t('footer.wechatGroup')
   },
   {
-    img: 'https://cdn.memtensor.com.cn/img/1768371361386_sjmr00_compressed.png',
+    img: useCdnUrl(`/img/1768371361386_sjmr00_compressed.png`),
     label: t('footer.officialAccount')
   }
 ])
@@ -153,7 +153,7 @@ const qrcodeData = computed(() => [
         <div class="flex flex-col">
           <div class="flex flex-row items-center gap-3.5 w-fit ">
             <img
-              src="https://statics.memtensor.com.cn/logo/memtensor-w.png"
+              :src="useStaticCdnUrl(`/logo/memtensor-w.png`)"
               class="sm:w-20 w-15"
             >
             <p class="sm:mt-1.5 text-[28px] leading-10 font-semibold bg-linear-180 from-8% from-white to-100% to-white/60 bg-clip-text text-transparent">
@@ -240,7 +240,7 @@ const qrcodeData = computed(() => [
                 <div class="grid grid-cols-2 gap-4">
                   <div class="space-y-2">
                     <img
-                      src="https://statics.memtensor.com.cn/landing-v2/qrcode-wechat-v2.webp"
+                      :src="useStaticCdnUrl(`/landing-v2/qrcode-wechat-v2.webp`)"
                       class="size-30"
                     >
                     <div class="flex items-center justify-center gap-1.5">
@@ -253,7 +253,7 @@ const qrcodeData = computed(() => [
                   </div>
                   <div class="space-y-2">
                     <img
-                      src="https://statics.memtensor.com.cn/landing-v2/qrcode-discord-v2.webp"
+                      :src="useStaticCdnUrl(`/landing-v2/qrcode-discord-v2.webp`)"
                       class="size-30"
                     >
                     <div class="flex items-center justify-center gap-1.5">

app/components/JoinCommunityButton.vue

@@ -17,7 +17,7 @@
         <div class="grid grid-cols-2 gap-4">
           <div class="space-y-2">
             <img
-              src="https://statics.memtensor.com.cn/landing-v2/qrcode-wechat-v2.webp"
+              :src="useStaticCdnUrl(`/landing-v2/qrcode-wechat-v2.webp`)"
               class="size-30"
             >
             <div class="flex items-center justify-center gap-1.5">
@@ -30,7 +30,7 @@
           </div>
           <div class="space-y-2">
             <img
-              src="https://statics.memtensor.com.cn/landing-v2/qrcode-discord-v2.webp"
+              :src="useStaticCdnUrl(`/landing-v2/qrcode-discord-v2.webp`)"
               class="size-30"
             >
             <div class="flex items-center justify-center gap-1.5">

app/composables/useCommon.ts

@@ -39,3 +39,15 @@ export function useOpenMemUrl() {
 
   return $config.public.openMemUrl || 'https://openmem.net/'
 }
+
+export function useStaticCdnUrl(path = '/') {
+  const { $config } = useNuxtApp()
+  const baseUrl = $config.public.staticCdnUrl || 'https://statics.memtensor.com.cn'
+  return `${baseUrl}${path}`
+}
+
+export function useCdnUrl(path = '/') {
+  const { $config } = useNuxtApp()
+  const baseUrl = $config.public.cdnUrl || 'https://cdn.memtensor.com.cn'
+  return `${baseUrl}${path}`
+}

app/composables/useVariableReplacement.ts

@@ -0,0 +1,15 @@
+export const useVariableReplacement = () => {
+  const config = useRuntimeConfig()
+
+  const replaceVariables = (text: string) => {
+    if (!text) return text
+
+    return text.replace(/{{(\w+)}}/g, (match, key) => {
+      return (config.public as unknown as Record<string, string>)[key] || match
+    })
+  }
+
+  return {
+    replaceVariables
+  }
+}

app/pages/index.vue

@@ -61,7 +61,11 @@ const items = computed(() => localeItems.value.map((item, index) => ({
         :to="item.to"
       >
         <div
-          class="flex items-center justify-center h-40 bg-[#171823] bg-cover rounded-xl mb-8 bg-[url(https://cdn.memtensor.com.cn/img/1766476630033_bbjhot_compressed.png)] group-hover:bg-[url(https://cdn.memtensor.com.cn/img/1766476753478_f7b4hm_compressed.png)]"
+          class="flex items-center justify-center h-40 bg-[#171823] bg-cover rounded-xl mb-8 bg-(image:--bg) group-hover:bg-(image:--hover-bg)"
+          :style="{
+            '--bg': `url(${useCdnUrl('/img/1766476630033_bbjhot_compressed.png')})`,
+            '--hover-bg': `url(${useCdnUrl('/img/1766476753478_f7b4hm_compressed.png')})`
+          }"
         >
           <UIcon
             :name="item.icon!"

content/cn/api_docs/api.json

@@ -476,7 +476,7 @@
         "type": "apiKey",
         "name": "Authorization",
         "in": "header",
-        "description": "Token API_key，可在 <a href=\"https://memos-dashboard.openmem.net/apikeys/\" class=\"text-primary border-b border-transparent hover:border-primary font-medium focus-visible:outline-primary [&amp;&gt;code]:border-dashed hover:[&amp;&gt;code]:border-primary hover:[&amp;&gt;code]:text-primary transition-colors [&amp;&gt;code]:transition-colors\" target=\"_blank\">API 控制台>接口密钥</a> 中查看"
+        "description": "Token API_key，可在 <a href=\"{{dashboardUrl}}/apikeys/\" class=\"text-primary border-b border-transparent hover:border-primary font-medium focus-visible:outline-primary [&amp;&gt;code]:border-dashed hover:[&amp;&gt;code]:border-primary hover:[&amp;&gt;code]:text-primary transition-colors [&amp;&gt;code]:transition-colors\" target=\"_blank\">API 控制台>接口密钥</a> 中查看"
       }
     },
     "schemas": {

content/cn/api_docs/start/configuration.md

@@ -10,7 +10,7 @@ desc: MemOS 支持以项目为维度管理资源、权限和调用日志。一
 *   通过控制台新建项目时，输入名称和描述，即可创建属于你的独立项目。
 
 
-![image.png](https://cdn.memtensor.com.cn/img/1766024162978_5nsoul_compressed.png)
+![image.png]({{cdnUrl}}/img/1766024162978_5nsoul_compressed.png)
 
 ## 2. 删除项目
 
@@ -21,7 +21,7 @@ desc: MemOS 支持以项目为维度管理资源、权限和调用日志。一
 删除项目将清空该项目下的所有记忆、消息及相关数据，该操作**不可恢复**。
 ::
 
-![image.png](https://cdn.memtensor.com.cn/img/1766024215447_ywtqmb_compressed.png)
+![image.png]({{cdnUrl}}/img/1766024215447_ywtqmb_compressed.png)
 
 ## 3. 项目接口密钥
 
@@ -30,14 +30,14 @@ desc: MemOS 支持以项目为维度管理资源、权限和调用日志。一
 *   在控制台左上角切换项目，即可查看对应密钥。
 
 
-![image.png](https://cdn.memtensor.com.cn/img/1766024242682_flsty6_compressed.png)
+![image.png]({{cdnUrl}}/img/1766024242682_flsty6_compressed.png)
 
 ## 4. 项目调用日志
 
 *   在控制台左上角切换项目，监控接口调用情况与历史记录。
 
 
-![image.png](https://cdn.memtensor.com.cn/img/1766024337178_5gwpgv_compressed.png)
+![image.png]({{cdnUrl}}/img/1766024337178_5gwpgv_compressed.png)
 
 ## 5. 项目知识库
 
@@ -48,4 +48,4 @@ desc: MemOS 支持以项目为维度管理资源、权限和调用日志。一
 了解知识库原理与使用方法，前往[**知识库介绍页面**](/memos_cloud/features/advanced/knowledge_base)，按照讲解一步步创建可以与用户记忆一起被召回的知识库文档记忆。
 ::
 
-![image.png](https://cdn.memtensor.com.cn/img/1766024259664_hq383f_compressed.png)
+![image.png]({{cdnUrl}}/img/1766024259664_hq383f_compressed.png)

content/cn/api_docs/start/overview.md

@@ -7,7 +7,7 @@ title: 概述
 MemOS 提供了完整的接口，通过简单的 API 请求，即可将记忆相关的功能集成到您的 AI 应用内，实现不同用户与 AI 智能体的记忆生产、调度、召回与生命周期管理。
 
 ::tip
-**快速开始：** 从 [**MemOS 控制台**](https://memos-dashboard.openmem.net/apikeys/) 获取你的接口密钥，一分钟即可完成首次记忆操作。
+**快速开始：** 从 [**MemOS 控制台**]({{dashboardUrl}}/apikeys/) 获取你的接口密钥，一分钟即可完成首次记忆操作。
 ::
 
 ## 2. 入门指南
@@ -32,7 +32,7 @@ MemOS 提供了完整的接口，通过简单的 API 请求，即可将记忆
 
 ## 4. 鉴权认证
 
-所有API请求都需要认证，请在请求头的 `Authorization` 中包含您的接口密钥。从[**MemOS 控制台**](https://memos-dashboard.openmem.net/apikeys/)获取接口密钥。
+所有API请求都需要认证，请在请求头的 `Authorization` 中包含您的接口密钥。从[**MemOS 控制台**]({{dashboardUrl}}/apikeys/)获取接口密钥。
 
 ::warning
 请勿在客户端或公共仓库中暴露您的接口密钥，所有请求都应通过环境变量或服务器端调用进行。

content/cn/mcp_agent/agent/guide.md

@@ -78,4 +78,4 @@ memos_key = "Token mpg-XXXXXXXXXXXXXXXXXXXXXXXXXXX"
 ```
 
 [Agent示例链接](https://www.coze.cn/s/85NOIg062vQ)
-![Agent 工作流](https://cdn.memtensor.com.cn/img/coze_workflow_compressed.png)
+![Agent 工作流]({{cdnUrl}}/img/coze_workflow_compressed.png)