From d64741628b4e73382eb61f74dfac523ee5a2cad5 Mon Sep 17 00:00:00 2001
From: huangjianwu <huangjianwu@ynyuc.com>
Date: Thu, 7 May 2026 12:18:55 +0800
Subject: [PATCH] =?UTF-8?q?ui(extension):=20=E6=B8=B2=E6=9F=93=E6=97=B6?=
 =?UTF-8?q?=E5=89=A5=E6=8E=89=20backend=20=E6=B3=A8=E5=85=A5=E7=9A=84=20'>?=
 =?UTF-8?q?=20=E6=9D=A5=E6=BA=90=E9=93=BE=E6=8E=A5=EF=BC=9AURL'=20?=
 =?UTF-8?q?=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

backend 的 note_helper 会在笔记开头加一行 '> 来源链接：<url>'。侧边栏顶部已经有
封面 + 标题 + 跳原片链接的卡片，再在正文里出现一遍是冗余还吃高度。
MindMap 也会把它当作根节点的兄弟节点，影响导图结构。

加 stripSourceLink() helper（regex 直接复刻 web 端 MarkdownViewer.tsx:468 的处理），
在 MarkdownView 与 MindMap 渲染前剥掉。复制 / 下载导出的 .md 仍保留原行，便于溯源。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 BillNote_extension/src/components/MarkdownView.vue | 4 ++--
 BillNote_extension/src/components/MindMap.vue      | 4 ++--
 BillNote_extension/src/logic/api.ts                | 7 +++++++
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/BillNote_extension/src/components/MarkdownView.vue b/BillNote_extension/src/components/MarkdownView.vue
index bc1e8d1..a492703 100644
--- a/BillNote_extension/src/components/MarkdownView.vue
+++ b/BillNote_extension/src/components/MarkdownView.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import MarkdownIt from 'markdown-it'
-import { absolutizeMarkdownImages } from '~/logic/api'
+import { absolutizeMarkdownImages, stripSourceLink } from '~/logic/api'
 
 const props = defineProps<{ markdown: string, title?: string, hideActions?: boolean }>()
 
 const md = new MarkdownIt({ html: false, linkify: true, breaks: true })
 
-const html = computed(() => md.render(absolutizeMarkdownImages(props.markdown || '')))
+const html = computed(() => md.render(absolutizeMarkdownImages(stripSourceLink(props.markdown || ''))))
 
 async function copy() {
   await navigator.clipboard.writeText(props.markdown)
diff --git a/BillNote_extension/src/components/MindMap.vue b/BillNote_extension/src/components/MindMap.vue
index e5f13f0..0da1b21 100644
--- a/BillNote_extension/src/components/MindMap.vue
+++ b/BillNote_extension/src/components/MindMap.vue
@@ -2,7 +2,7 @@
 import { onMounted, ref, watch } from 'vue'
 import { Transformer } from 'markmap-lib'
 import { Markmap } from 'markmap-view'
-import { absolutizeMarkdownImages } from '~/logic/api'
+import { absolutizeMarkdownImages, stripSourceLink } from '~/logic/api'
 
 const props = defineProps<{ markdown: string }>()
 
@@ -13,7 +13,7 @@ const transformer = new Transformer()
 function render() {
   if (!svgRef.value)
     return
-  const md = absolutizeMarkdownImages(props.markdown || '')
+  const md = absolutizeMarkdownImages(stripSourceLink(props.markdown || ''))
   const { root } = transformer.transform(md)
   if (!mm)
     mm = Markmap.create(svgRef.value, undefined, root)
diff --git a/BillNote_extension/src/logic/api.ts b/BillNote_extension/src/logic/api.ts
index 61d96e8..9f935ea 100644
--- a/BillNote_extension/src/logic/api.ts
+++ b/BillNote_extension/src/logic/api.ts
@@ -214,6 +214,13 @@ export function absolutizeMarkdownImages(md: string): string {
   return md.replace(/!\[([^\]]*)\]\((\/static\/[^)]+)\)/g, (_, alt, path) => `![${alt}](${base}${path})`)
 }
 
+// backend 用 note_helper 在笔记开头插一行 '> 来源链接：URL'。侧边栏顶部已经有原片链接卡片，
+// 渲染前把它剥掉，避免重复占位。复制/下载的 .md 保留原样以便溯源。
+// 与 BillNote_frontend/src/pages/HomePage/components/MarkdownViewer.tsx:468 对齐
+export function stripSourceLink(md: string): string {
+  return md.replace(/^>\s*来源链接：[^\n]*\n*/m, '')
+}
+
 // 单个图片 URL 的处理：相对路径 → 拼后端域名；B 站等带防盗链的封面 → 走后端 image_proxy
 export function resolveImageUrl(url: string | undefined | null): string {
   if (!url)