From f5a906a20894de18db11c35ae2dd3df185cd4714 Mon Sep 17 00:00:00 2001 From: root <1772105645@qq.com> Date: Wed, 6 May 2026 15:24:42 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E5=A4=8DAPI=E5=AF=86=E9=92=A5?= =?UTF-8?q?=E9=BB=98=E8=AE=A4=E5=80=BC=20&=20=E6=B7=BB=E5=8A=A0Markdown?= =?UTF-8?q?=E6=96=87=E4=BB=B6=E9=A2=84=E8=A7=88=E6=94=AF=E6=8C=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - config.go: AuthAPIKey 默认值从空字符串恢复为 xn001624. - index.html: 引入 marked.js，支持 .md/.markdown 文件渲染预览 - 新增 markdown 预览类型，自动获取内容并渲染为 HTML - 文件图标识别 md 文件显示为代码文件图标 Co-Authored-By: Claude Opus 4.6 --- internal/common/config.go | 2 +- web/index.html | 38 ++++++++++++++++++++++++++++++++------ 2 files changed, 33 insertions(+), 7 deletions(-) diff --git a/internal/common/config.go b/internal/common/config.go index 759660f..8a7c0bf 100644 --- a/internal/common/config.go +++ b/internal/common/config.go @@ -18,7 +18,7 @@ func LoadConfig() *Config { RustFSSecretAccessKey: getEnv("RUSTFS_SECRET_ACCESS_KEY", ""), RustFSRegion: getEnv("RUSTFS_REGION", "us-east-1"), ServerPort: getEnv("SERVER_PORT", "8080"), - AuthAPIKey: getEnv("AUTH_API_KEY", ""), + AuthAPIKey: getEnv("AUTH_API_KEY", "xn001624."), } } diff --git a/web/index.html b/web/index.html index a4861af..3693fcf 100644 --- a/web/index.html +++ b/web/index.html @@ -12,6 +12,8 @@ + + @@ -219,10 +234,13 @@
文件预览
-
- - - +
+
+
+ + + +
@@ -258,6 +276,7 @@ const previewUrl = ref(null); const previewType = ref(''); + const markdownHtml = ref(''); // 检查登录状态 const checkAuth = () => { @@ -467,7 +486,12 @@ previewUrl.value = res.data.url; const ext = key.split('.').pop().toLowerCase(); - if (['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(ext)) { + if (['md', 'markdown'].includes(ext)) { + // Markdown 文件：获取内容并渲染 + previewType.value = 'markdown'; + const mdRes = await axios.get(res.data.url); + markdownHtml.value = marked.parse(mdRes.data); + } else if (['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(ext)) { previewType.value = 'image'; } else if (['mp4', 'webm', 'ogg'].includes(ext)) { previewType.value = 'video'; @@ -481,6 +505,7 @@ const isPreviewImage = computed(() => previewType.value === 'image'); const isPreviewVideo = computed(() => previewType.value === 'video'); + const isPreviewMarkdown = computed(() => previewType.value === 'markdown'); // Download const downloadFile = (key) => { @@ -537,6 +562,7 @@ if (['pdf', 'doc', 'docx'].includes(ext)) return 'fas fa-file-pdf text-danger'; if (['mp4', 'avi'].includes(ext)) return 'fas fa-file-video text-success'; if (['zip', 'rar'].includes(ext)) return 'fas fa-file-archive text-warning'; + if (['md', 'markdown'].includes(ext)) return 'fas fa-file-code text-info'; return 'fas fa-file text-secondary'; }; @@ -556,7 +582,7 @@ return { isAuthenticated, buckets, currentBucket, files, loadingFiles, nextToken, pageHistory, filters, - showCreateBucketModal, newBucketName, uploads, previewUrl, isPreviewImage, isPreviewVideo, + showCreateBucketModal, newBucketName, uploads, previewUrl, isPreviewImage, isPreviewVideo, isPreviewMarkdown, markdownHtml, logout, loadBuckets, createBucket, selectBucket, deleteBucket, refreshFiles, nextPage: nextP, prevPage,