kb-web/view.php

<?php
require_once 'config.php';
checkLogin();

$user = getCurrentUser();
$username = $user['username'];
$docDir = getUserDocDir($username);

$file = $_GET['file'] ?? '';
$search = $_GET['q'] ?? '';

if (empty($file) || strpos($file, '..') !== false) {
    die('无效的文件名');
}

$filePath = $docDir . '/' . $file;

$realPath = realpath($filePath);
$realDocDir = realpath($docDir);
if ($realPath === false || strpos($realPath, $realDocDir) !== 0) {
    die('文件不存在或无权访问');
}

if (!file_exists($filePath)) {
    die('文件不存在');
}

$content = file_get_contents($filePath);

// 解析元数据
$meta = [
    'title' => basename($file),
    'author' => '',
    'date' => '',
    'platform' => '',
    'url' => '',
    'tags' => [],
    'duration' => '',
    'type' => 'article'
];

// 提取并移除 YAML front matter
if (preg_match('/^---\s*\n(.*?)\n---\s*\n(.*)$/s', $content, $matches)) {
    $yaml = $matches[1];
    $content = $matches[2];
    
    if (preg_match('/^title:\s*["\']?(.+?)["\']?\s*$/m', $yaml, $m)) {
        $meta['title'] = trim($m[1], '"\'');
    }
    if (preg_match('/^author:\s*(.+?)\s*$/m', $yaml, $m)) {
        $meta['author'] = trim($m[1]);
    }
    if (preg_match('/^date:\s*(.+?)\s*$/m', $yaml, $m)) {
        $meta['date'] = trim($m[1]);
    }
    if (preg_match('/^platform:\s*(.+?)\s*$/m', $yaml, $m)) {
        $meta['platform'] = trim($m[1]);
    }
    if (preg_match('/^url:\s*(.+?)\s*$/m', $yaml, $m)) {
        $meta['url'] = trim($m[1]);
    }
    if (preg_match('/^duration:\s*(.+?)\s*$/m', $yaml, $m)) {
        $meta['duration'] = trim($m[1]);
        $meta['type'] = 'video';
    }
    if (preg_match('/^tags:\s*\[(.+)\]\s*$/m', $yaml, $m)) {
        $tagsStr = $m[1];
        preg_match_all('/"([^"]+)"/', $tagsStr, $tagMatches);
        $meta['tags'] = $tagMatches[1] ?? [];
    }
}

// Markdown 转换
function markdownToHtml($text) {
    $text = preg_replace('/^#### (.*$)/m', '<h4>$1</h4>', $text);
    $text = preg_replace('/^### (.*$)/m', '<h3>$1</h3>', $text);
    $text = preg_replace('/^## (.*$)/m', '<h2>$1</h2>', $text);
    $text = preg_replace('/^# (.*$)/m', '<h1>$1</h1>', $text);
    
    $text = preg_replace('/\*\*(.+?)\*\*/', '<strong>$1</strong>', $text);
    $text = preg_replace('/\*(.+?)\*/', '<em>$1</em>', $text);
    
    $text = preg_replace('/```(\w*)\n(.*?)```/s', '<pre><code class="language-$1">$2</code></pre>', $text);
    $text = preg_replace('/`(.+?)`/', '<code>$1</code>', $text);
    
    $text = preg_replace('/\[(.+?)\]\((.+?)\)/', '<a href="$2" target="_blank">$1</a>', $text);
    
    $text = preg_replace('/^- (.*$)/m', '<li>$1</li>', $text);
    $text = preg_replace('/(<li>.*<\/li>\n?)+/', '<ul>$0</ul>', $text);
    
    $text = preg_replace('/\n\n/', '</p><p>', $text);
    $text = '<p>' . $text . '</p>';
    
    return $text;
}

function highlightSearch($text, $search) {
    if (empty($search)) return $text;
    return preg_replace('/(' . preg_quote($search, '/') . ')/i', '<mark>$1</mark>', $text);
}

$htmlContent = markdownToHtml(htmlspecialchars($content));
if ($search) {
    $htmlContent = highlightSearch($htmlContent, $search);
}

$folder = dirname($file) !== '.' ? dirname($file) : '';

// 平台配置
function getPlatformInfo($platform) {
    $platforms = [
        'bilibili' => ['name' => 'Bilibili', 'icon' => '📺', 'color' => '#fb7299'],
        'youtube' => ['name' => 'YouTube', 'icon' => '▶️', 'color' => '#ff0000'],
        'zhihu' => ['name' => '知乎', 'icon' => '💡', 'color' => '#0084ff'],
        'wechat' => ['name' => '微信', 'icon' => '💬', 'color' => '#07c160'],
    ];
    return $platforms[$platform] ?? ['name' => $platform ?: '未知', 'icon' => '📄', 'color' => '#666'];
}

$platformInfo = getPlatformInfo($meta['platform']);
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo htmlspecialchars($meta['title']); ?> - 知识库</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="view-page">
        <header class="header">
            <a href="dashboard.php<?php echo $search ? '?q=' . urlencode($search) : ''; ?>" class="btn-back">
                ← 返回列表
            </a>
            <h1><?php echo htmlspecialchars($meta['title']); ?></h1>
            <?php if ($folder): ?>
                <div class="folder-info">📁 <?php echo htmlspecialchars($folder); ?></div>
            <?php endif; ?>
        </header>
        
        <!-- 元数据卡片 -->
        <div class="meta-card">
            <div class="meta-row">
                <?php if ($meta['author']): ?>
                    <div class="meta-field">
                        <span class="meta-label">作者</span>
                        <span class="meta-value">👤 <?php echo htmlspecialchars($meta['author']); ?></span>
                    </div>
                <?php endif; ?>
                <?php if ($meta['date']): ?>
                    <div class="meta-field">
                        <span class="meta-label">发布时间</span>
                        <span class="meta-value">📅 <?php echo htmlspecialchars($meta['date']); ?></span>
                    </div>
                <?php endif; ?>
                <?php if ($meta['platform']): ?>
                    <div class="meta-field">
                        <span class="meta-label">平台</span>
                        <span class="meta-value platform-badge" style="--platform-color: <?php echo $platformInfo['color']; ?>">
                            <?php echo $platformInfo['icon']; ?> <?php echo $platformInfo['name']; ?>
                        </span>
                    </div>
                <?php endif; ?>
                <?php if ($meta['duration']): ?>
                    <div class="meta-field">
                        <span class="meta-label">时长</span>
                        <span class="meta-value">⏱️ <?php echo htmlspecialchars($meta['duration']); ?></span>
                    </div>
                <?php endif; ?>
                <div class="meta-field">
                    <span class="meta-label">类型</span>
                    <span class="meta-value"><?php echo $meta['type'] === 'video' ? '🎬 视频' : '📝 文章'; ?></span>
                </div>
            </div>
            
            <?php if ($meta['url']): ?>
                <div class="meta-source">
                    <span class="meta-label">源链接</span>
                    <a href="<?php echo htmlspecialchars($meta['url']); ?>" target="_blank" class="source-url">
                        🔗 <?php echo htmlspecialchars($meta['url']); ?>
                    </a>
                </div>
            <?php endif; ?>
            
            <?php if (!empty($meta['tags'])): ?>
                <div class="meta-tags">
                    <span class="meta-label">标签</span>
                    <div class="tags-list">
                        <?php foreach ($meta['tags'] as $tag): ?>
                            <span class="tag"><?php echo htmlspecialchars($tag); ?></span>
                        <?php endforeach; ?>
                    </div>
                </div>
            <?php endif; ?>
        </div>
        
        <div class="document-content">
            <?php echo $htmlContent; ?>
        </div>
    </div>
</body>
</html>