'commit'

static/js/douyin.js

@@ -15,53 +15,96 @@ createApp({
         const summaryLoading = ref(false);
         const summaryText = ref('');
 
-        // Simple Markdown Parser (Zero Dependency)
+        // 降级用的简易 Markdown 解析器
         const simpleMarkdown = (text) => {
             if (!text) return '';
             let lines = text.split('\n');
             let html = '';
             let inList = false;
-            
-            // Helper: Parse inline styles
             const parseInline = (str) => {
                 return str
-                    .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>') // Bold
-                    .replace(/`(.*?)`/g, '<code style="background:#f1f5f9; padding:2px 4px; border-radius:4px;">$1</code>'); // Code
+                    .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
+                    .replace(/`(.*?)`/g, '<code style="background:rgba(148, 163, 184, 0.1); padding:2px 4px; border-radius:4px;">$1</code>');
             };
-
             for (let line of lines) {
                 let trimmed = line.trim();
-                if (!trimmed) continue;
-
-                // Headers
+                if (!trimmed) {
+                    if (inList) { html += '</ul>'; inList = false; }
+                    html += '<br>';
+                    continue;
+                }
                 if (trimmed.startsWith('### ')) {
                     if (inList) { html += '</ul>'; inList = false; }
-                    html += `<h3 style="margin-top:16px; margin-bottom:8px; font-weight:bold; font-size:1.1em;">${parseInline(trimmed.substring(4))}</h3>`;
-                }
-                // Lists
-                else if (trimmed.startsWith('- ') || /^\d+\./.test(trimmed)) {
-                    if (!inList) { html += '<ul style="padding-left:20px; margin:0;">'; inList = true; }
+                    html += `<h3>${parseInline(trimmed.substring(4))}</h3>`;
+                } else if (trimmed.startsWith('- ') || /^\d+\./.test(trimmed)) {
+                    if (!inList) { html += '<ul>'; inList = true; }
                     let content = trimmed.replace(/^(- |\d+\. )/, '');
-                    html += `<li style="margin-bottom:4px;">${parseInline(content)}</li>`;
-                }
-                // Paragraphs
-                else {
+                    html += `<li>${parseInline(content)}</li>`;
+                } else {
                     if (inList) { html += '</ul>'; inList = false; }
-                    html += `<p style="margin-bottom:8px;">${parseInline(trimmed)}</p>`;
+                    html += `<p>${parseInline(trimmed)}</p>`;
                 }
             }
             if (inList) html += '</ul>';
             return html;
         };
 
+        // Configure Marked
+        if (typeof marked !== 'undefined') {
+            marked.use({
+                gfm: true,
+                breaks: true
+            });
+        }
+
+        // 增强的 Markdown & LaTeX 解析器
+        const renderMarkdownAndLatex = (text) => {
+            if (!text) return '';
+            
+            try {
+                // 1. 处理 LaTeX (简单替换，先处理 $$ 再处理 $)
+                let processedText = text;
+                
+                // 处理块级 LaTeX: $$ ... $$
+                processedText = processedText.replace(/\$\$\s*([\s\S]*?)\s*\$\$/g, (match, formula) => {
+                    try {
+                        if (typeof katex !== 'undefined') {
+                            return '<div class="katex-block">' + katex.renderToString(formula, { displayMode: true, throwOnError: false }) + '</div>';
+                        }
+                        return match;
+                    } catch (e) {
+                        return match;
+                    }
+                });
+                
+                // 处理行内 LaTeX: $ ... $
+                processedText = processedText.replace(/\$([^\$\n]+?)\$/g, (match, formula) => {
+                    try {
+                        if (typeof katex !== 'undefined') {
+                            return katex.renderToString(formula, { displayMode: false, throwOnError: false });
+                        }
+                        return match;
+                    } catch (e) {
+                        return match;
+                    }
+                });
+
+                // 2. 使用 marked 解析 Markdown
+                if (typeof marked !== 'undefined') {
+                    return marked.parse(processedText);
+                } else {
+                    // 降级使用之前的 simpleMarkdown
+                    return simpleMarkdown(processedText);
+                }
+            } catch (e) {
+                console.error('Markdown/LaTeX rendering error:', e);
+                return text;
+            }
+        };
+
         const renderedSummary = computed(() => {
             if (!summaryText.value) return '';
-            try {
-                return simpleMarkdown(summaryText.value);
-            } catch (e) {
-                console.error("Simple markdown error:", e);
-                return summaryText.value;
-            }
+            return renderMarkdownAndLatex(summaryText.value);
         });
 
         // Methods