Upload 6 files

github-advanced-test.php

@@ -51,7 +51,7 @@ function testGitHubAPI($token, $endpoint, $method = 'GET', $data = null) {
     // 详细日志记录
     error_log("GitHub API Test: $method $endpoint - HTTP $httpCode");
     if ($error) {
-        error_log("GitHub API cURL Error: $error");
+        error_log("GitHub API Test cURL Error: $error");
     }
     
     return [
@@ -59,8 +59,7 @@ function testGitHubAPI($token, $endpoint, $method = 'GET', $data = null) {
         'http_code' => $httpCode,
         'response' => $result,
         'error' => $error,
-        'endpoint' => $endpoint,
-        'method' => $method
+        'decoded' => json_decode($result, true)
     ];
 }
 
@@ -78,28 +77,30 @@ if ($_POST['run_diagnostics'] ?? false) {
     $branchUrl = "https://api.github.com/repos/{$github['owner']}/{$github['repo']}/branches/{$github['branch']}";
     $diagnostics['branch_test'] = testGitHubAPI($github['token'], $branchUrl);
     
-    // 测试 4: 测试文件创建权限（使用更安全的测试文件名）
-    $testFile = 'test/diagnostic-test-' . time() . '.txt';
-    $testContent = 'VvvebJs Diagnostic Test - ' . date('Y-m-d H:i:s') . "\nThis is a test file created by VvvebJs diagnostic tool.";
-    $createUrl = "https://api.github.com/repos/{$github['owner']}/{$github['repo']}/contents/{$github['path']}{$testFile}";
-    $diagnostics['create_test'] = testGitHubAPI($github['token'], $createUrl, 'PUT', [
-        'message' => 'VvvebJs diagnostic test - ' . date('Y-m-d H:i:s'),
+    // 测试 4: 测试用户目录读取
+    $userPath = StorageConfig::getUserPath();
+    $userDirUrl = "https://api.github.com/repos/{$github['owner']}/{$github['repo']}/contents/{$github['path']}{$userPath}";
+    $diagnostics['user_dir_test'] = testGitHubAPI($github['token'], $userDirUrl);
+    
+    // 测试 5: 测试写入权限（创建测试文件）
+    $testFilePath = "{$github['path']}{$userPath}test-write-permission.txt";
+    $testFileUrl = "https://api.github.com/repos/{$github['owner']}/{$github['repo']}/contents/{$testFilePath}";
+    $testContent = "VvvebJs write permission test - " . date('Y-m-d H:i:s');
+    $testData = [
+        'message' => 'VvvebJs write permission test',
         'content' => base64_encode($testContent),
         'branch' => $github['branch']
-    ]);
+    ];
+    $diagnostics['write_test'] = testGitHubAPI($github['token'], $testFileUrl, 'PUT', $testData);
     
-    // 如果创建成功，尝试删除测试文件以保持整洁
-    if ($diagnostics['create_test']['success']) {
-        // 获取创建的文件的SHA以便删除
-        $createdFile = json_decode($diagnostics['create_test']['response'], true);
-        if (isset($createdFile['content']['sha'])) {
-            $deleteData = [
-                'message' => 'Clean up diagnostic test file - ' . date('Y-m-d H:i:s'),
-                'sha' => $createdFile['content']['sha'],
-                'branch' => $github['branch']
-            ];
-            $diagnostics['cleanup_test'] = testGitHubAPI($github['token'], $createUrl, 'DELETE', $deleteData);
-        }
+    // 如果写入成功，立即删除测试文件
+    if ($diagnostics['write_test']['success'] && isset($diagnostics['write_test']['decoded']['sha'])) {
+        $deleteData = [
+            'message' => 'Clean up VvvebJs write permission test',
+            'sha' => $diagnostics['write_test']['decoded']['sha'],
+            'branch' => $github['branch']
+        ];
+        $diagnostics['cleanup_test'] = testGitHubAPI($github['token'], $testFileUrl, 'DELETE', $deleteData);
     }
 }
 ?>
@@ -112,49 +113,40 @@ if ($_POST['run_diagnostics'] ?? false) {
     <title>VvvebJs GitHub 高级诊断</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
     <style>
-        .diagnostic-result { font-family: monospace; font-size: 12px; }
+        .config-value { background-color: #f8f9fa; padding: 2px 6px; border-radius: 3px; font-family: monospace; }
         .status-ok { color: #28a745; }
         .status-error { color: #dc3545; }
         .status-warning { color: #ffc107; }
-        .config-value { background-color: #f8f9fa; padding: 2px 6px; border-radius: 3px; }
+        .test-result { margin-bottom: 20px; }
+        .response-data { background: #f8f9fa; padding: 10px; border-radius: 5px; max-height: 200px; overflow-y: auto; font-family: monospace; font-size: 12px; }
     </style>
 </head>
 <body>
     <div class="container mt-5">
         <div class="row">
-            <div class="col-md-10 mx-auto">
-                <h1 class="mb-4">🔍 VvvebJs GitHub 高级诊断</h1>
+            <div class="col-md-12">
+                <h1 class="mb-4">🔬 VvvebJs GitHub 高级诊断工具</h1>
                 
-                <!-- 当前配置 -->
+                <!-- 当前配置概览 -->
                 <div class="card mb-4">
                     <div class="card-header">
-                        <h3>📋 当前配置</h3>
+                        <h3>��️ 当前GitHub配置</h3>
                     </div>
                     <div class="card-body">
                         <div class="row">
                             <div class="col-md-6">
                                 <p><strong>Token:</strong> 
-                                    <span class="diagnostic-result config-value">
-                                        <?= !empty($github['token']) ? substr($github['token'], 0, 8) . '...' : '❌ 缺失' ?>
+                                    <span class="config-value <?= empty($github['token']) ? 'status-error' : 'status-ok' ?>">
+                                        <?= empty($github['token']) ? '❌ 未设置' : '✅ ' . substr($github['token'], 0, 8) . '... (长度: ' . strlen($github['token']) . ')' ?>
                                     </span>
                                 </p>
-                                <p><strong>Owner:</strong> 
-                                    <span class="diagnostic-result config-value"><?= htmlspecialchars($github['owner']) ?></span>
-                                </p>
-                                <p><strong>Repo:</strong> 
-                                    <span class="diagnostic-result config-value"><?= htmlspecialchars($github['repo']) ?></span>
-                                </p>
+                                <p><strong>Owner:</strong> <span class="config-value"><?= htmlspecialchars($github['owner']) ?></span></p>
+                                <p><strong>Repo:</strong> <span class="config-value"><?= htmlspecialchars($github['repo']) ?></span></p>
                             </div>
                             <div class="col-md-6">
-                                <p><strong>Branch:</strong> 
-                                    <span class="diagnostic-result config-value"><?= htmlspecialchars($github['branch']) ?></span>
-                                </p>
-                                <p><strong>Path:</strong> 
-                                    <span class="diagnostic-result config-value"><?= htmlspecialchars($github['path']) ?></span>
-                                </p>
-                                <p><strong>API URL:</strong> 
-                                    <span class="diagnostic-result config-value">https://api.github.com/repos/<?= htmlspecialchars($github['owner']) ?>/<?= htmlspecialchars($github['repo']) ?></span>
-                                </p>
+                                <p><strong>Branch:</strong> <span class="config-value"><?= htmlspecialchars($github['branch']) ?></span></p>
+                                <p><strong>Path:</strong> <span class="config-value"><?= htmlspecialchars($github['path']) ?></span></p>
+                                <p><strong>User Path:</strong> <span class="config-value"><?= htmlspecialchars(StorageConfig::getUserPath()) ?></span></p>
                             </div>
                         </div>
                     </div>
@@ -162,223 +154,258 @@ if ($_POST['run_diagnostics'] ?? false) {
 
                 <!-- 诊断控制 -->
                 <div class="card mb-4">
-                    <div class="card-body text-center">
+                    <div class="card-header">
+                        <h3>🚀 开始诊断</h3>
+                    </div>
+                    <div class="card-body">
+                        <?php if (empty($diagnostics)): ?>
+                        <p>点击下方按钮开始完整的GitHub连接和权限诊断：</p>
                         <form method="POST">
                             <button type="submit" name="run_diagnostics" value="1" class="btn btn-primary btn-lg">
-                                🧪 运行完整诊断
+                                🔍 运行完整诊断
                             </button>
                         </form>
+                        <?php else: ?>
+                        <p>诊断完成！查看下方详细结果。</p>
+                        <form method="POST">
+                            <button type="submit" name="run_diagnostics" value="1" class="btn btn-secondary">
+                                🔄 重新运行诊断
+                            </button>
+                        </form>
+                        <?php endif; ?>
                     </div>
                 </div>
 
-                <?php if (!empty($diagnostics)): ?>
                 <!-- 诊断结果 -->
+                <?php if (!empty($diagnostics)): ?>
+                
+                <!-- Token验证结果 -->
                 <div class="card mb-4">
                     <div class="card-header">
-                        <h3>🔬 诊断结果</h3>
+                        <h3>🔐 Token验证结果</h3>
                     </div>
                     <div class="card-body">
-                        
-                        <!-- Token 验证 -->
-                        <div class="mb-4">
-                            <h5>1. GitHub Token 验证</h5>
-                            <?php $test = $diagnostics['token_test']; ?>
-                            <div class="alert alert-<?= $test['success'] ? 'success' : 'danger' ?>">
-                                <strong>状态:</strong> 
-                                <span class="<?= $test['success'] ? 'status-ok' : 'status-error' ?>">
-                                    <?= $test['success'] ? '✅ 有效' : '❌ 无效' ?>
+                        <?php $tokenTest = $diagnostics['token_test']; ?>
+                        <div class="alert alert-<?= $tokenTest['success'] ? 'success' : 'danger' ?>">
+                            <h5>
+                                <span class="<?= $tokenTest['success'] ? 'status-ok' : 'status-error' ?>">
+                                    <?= $tokenTest['success'] ? '✅ Token有效' : '❌ Token无效' ?>
                                 </span>
-                                (HTTP <?= $test['http_code'] ?>)
-                                
-                                <?php if ($test['success'] && $test['response']): ?>
-                                    <?php $user = json_decode($test['response'], true); ?>
-                                    <br><strong>用户信息:</strong> <?= htmlspecialchars($user['login'] ?? 'Unknown') ?>
-                                    <br><strong>用户名:</strong> <?= htmlspecialchars($user['name'] ?? 'N/A') ?>
-                                    <br><strong>API Rate Limit:</strong> <?= isset($user['id']) ? '✅ 正常' : '⚠️ 可能受限' ?>
-                                <?php elseif (!$test['success']): ?>
-                                    <br><strong>错误详情:</strong> 
-                                    <pre class="diagnostic-result mt-2"><?= htmlspecialchars($test['error'] ?: $test['response']) ?></pre>
-                                <?php endif; ?>
-                            </div>
+                                (HTTP <?= $tokenTest['http_code'] ?>)
+                            </h5>
+                            <?php if ($tokenTest['success'] && $tokenTest['decoded']): ?>
+                            <p><strong>GitHub用户:</strong> <?= htmlspecialchars($tokenTest['decoded']['login']) ?></p>
+                            <p><strong>用户类型:</strong> <?= htmlspecialchars($tokenTest['decoded']['type']) ?></p>
+                            <?php if (isset($tokenTest['decoded']['scopes'])): ?>
+                            <p><strong>Token权限:</strong> <?= implode(', ', $tokenTest['decoded']['scopes']) ?></p>
+                            <?php endif; ?>
+                            <?php endif; ?>
                         </div>
+                        
+                        <?php if (!$tokenTest['success']): ?>
+                        <div class="response-data">
+                            <strong>错误响应:</strong><br>
+                            <?= htmlspecialchars($tokenTest['response']) ?>
+                        </div>
+                        <?php endif; ?>
+                    </div>
+                </div>
 
-                        <!-- 仓库检查 -->
-                        <div class="mb-4">
-                            <h5>2. 仓库访问检查</h5>
-                            <?php $test = $diagnostics['repo_test']; ?>
-                            <div class="alert alert-<?= $test['success'] ? 'success' : 'danger' ?>">
-                                <strong>状态:</strong> 
-                                <span class="<?= $test['success'] ? 'status-ok' : 'status-error' ?>">
-                                    <?= $test['success'] ? '✅ 可访问' : '❌ 无法访问' ?>
+                <!-- 仓库访问结果 -->
+                <div class="card mb-4">
+                    <div class="card-header">
+                        <h3>📁 仓库访问结果</h3>
+                    </div>
+                    <div class="card-body">
+                        <?php $repoTest = $diagnostics['repo_test']; ?>
+                        <div class="alert alert-<?= $repoTest['success'] ? 'success' : 'danger' ?>">
+                            <h5>
+                                <span class="<?= $repoTest['success'] ? 'status-ok' : 'status-error' ?>">
+                                    <?= $repoTest['success'] ? '✅ 仓库可访问' : '❌ 仓库不可访问' ?>
                                 </span>
-                                (HTTP <?= $test['http_code'] ?>)
-                                
-                                <?php if ($test['success'] && $test['response']): ?>
-                                    <?php $repo = json_decode($test['response'], true); ?>
-                                    <br><strong>仓库全名:</strong> <?= htmlspecialchars($repo['full_name'] ?? 'Unknown') ?>
-                                    <br><strong>私有仓库:</strong> <?= $repo['private'] ? '是' : '否' ?>
-                                    <br><strong>默认分支:</strong> <?= htmlspecialchars($repo['default_branch'] ?? 'Unknown') ?>
-                                    <br><strong>权限:</strong> 
-                                    <?php 
-                                    $permissions = $repo['permissions'] ?? [];
-                                    $canPush = $permissions['push'] ?? false;
-                                    echo $canPush ? '✅ 可写入' : '⚠️ 只读';
-                                    ?>
-                                <?php elseif ($test['http_code'] == 404): ?>
-                                    <br><strong>错误:</strong> 仓库不存在或无访问权限
-                                <?php else: ?>
-                                    <br><strong>错误详情:</strong> 
-                                    <pre class="diagnostic-result mt-2"><?= htmlspecialchars($test['response']) ?></pre>
-                                <?php endif; ?>
-                            </div>
+                                (HTTP <?= $repoTest['http_code'] ?>)
+                            </h5>
+                            <?php if ($repoTest['success'] && $repoTest['decoded']): ?>
+                            <p><strong>仓库全名:</strong> <?= htmlspecialchars($repoTest['decoded']['full_name']) ?></p>
+                            <p><strong>默认分支:</strong> <?= htmlspecialchars($repoTest['decoded']['default_branch']) ?></p>
+                            <p><strong>仓库权限:</strong> 
+                                读取: <?= $repoTest['decoded']['permissions']['pull'] ? '✅' : '❌' ?>, 
+                                写入: <?= $repoTest['decoded']['permissions']['push'] ? '✅' : '❌' ?>, 
+                                管理: <?= $repoTest['decoded']['permissions']['admin'] ? '✅' : '❌' ?>
+                            </p>
+                            <?php endif; ?>
+                        </div>
+                        
+                        <?php if (!$repoTest['success']): ?>
+                        <div class="response-data">
+                            <strong>错误响应:</strong><br>
+                            <?= htmlspecialchars($repoTest['response']) ?>
                         </div>
+                        <?php endif; ?>
+                    </div>
+                </div>
 
-                        <!-- 分支检查 -->
-                        <div class="mb-4">
-                            <h5>3. 分支检查</h5>
-                            <?php $test = $diagnostics['branch_test']; ?>
-                            <div class="alert alert-<?= $test['success'] ? 'success' : 'danger' ?>">
-                                <strong>状态:</strong> 
-                                <span class="<?= $test['success'] ? 'status-ok' : 'status-error' ?>">
-                                    <?= $test['success'] ? '✅ 分支存在' : '❌ 分支不存在' ?>
+                <!-- 分支检查结果 -->
+                <div class="card mb-4">
+                    <div class="card-header">
+                        <h3>🌿 分支检查结果</h3>
+                    </div>
+                    <div class="card-body">
+                        <?php $branchTest = $diagnostics['branch_test']; ?>
+                        <div class="alert alert-<?= $branchTest['success'] ? 'success' : 'danger' ?>">
+                            <h5>
+                                <span class="<?= $branchTest['success'] ? 'status-ok' : 'status-error' ?>">
+                                    <?= $branchTest['success'] ? '✅ 分支存在' : '❌ 分支不存在' ?>
                                 </span>
-                                (HTTP <?= $test['http_code'] ?>)
-                                
-                                <?php if ($test['success'] && $test['response']): ?>
-                                    <?php $branch = json_decode($test['response'], true); ?>
-                                    <br><strong>分支名:</strong> <?= htmlspecialchars($branch['name'] ?? 'Unknown') ?>
-                                    <br><strong>最新提交:</strong> <?= htmlspecialchars(substr($branch['commit']['sha'] ?? '', 0, 7)) ?>
-                                    <br><strong>提交信息:</strong> <?= htmlspecialchars(substr($branch['commit']['commit']['message'] ?? '', 0, 50)) ?><?= strlen($branch['commit']['commit']['message'] ?? '') > 50 ? '...' : '' ?>
-                                <?php endif; ?>
-                            </div>
+                                (HTTP <?= $branchTest['http_code'] ?>)
+                            </h5>
+                            <?php if ($branchTest['success'] && $branchTest['decoded']): ?>
+                            <p><strong>分支名:</strong> <?= htmlspecialchars($branchTest['decoded']['name']) ?></p>
+                            <p><strong>最后提交:</strong> <?= htmlspecialchars($branchTest['decoded']['commit']['sha']) ?></p>
+                            <?php endif; ?>
                         </div>
+                        
+                        <?php if (!$branchTest['success']): ?>
+                        <div class="response-data">
+                            <strong>错误响应:</strong><br>
+                            <?= htmlspecialchars($branchTest['response']) ?>
+                        </div>
+                        <?php endif; ?>
+                    </div>
+                </div>
 
-                        <!-- 文件创建权限 -->
-                        <div class="mb-4">
-                            <h5>4. 文件创建权限测试</h5>
-                            <?php $test = $diagnostics['create_test']; ?>
-                            <div class="alert alert-<?= $test['success'] ? 'success' : 'danger' ?>">
-                                <strong>状态:</strong> 
-                                <span class="<?= $test['success'] ? 'status-ok' : 'status-error' ?>">
-                                    <?= $test['success'] ? '✅ 可以创建文件' : '❌ 无法创建文件' ?>
+                <!-- 用户目录检查结果 -->
+                <div class="card mb-4">
+                    <div class="card-header">
+                        <h3>👤 用户目录检查结果</h3>
+                    </div>
+                    <div class="card-body">
+                        <?php $userDirTest = $diagnostics['user_dir_test']; ?>
+                        <div class="alert alert-<?= $userDirTest['success'] ? 'success' : 'warning' ?>">
+                            <h5>
+                                <span class="<?= $userDirTest['success'] ? 'status-ok' : 'status-warning' ?>">
+                                    <?= $userDirTest['success'] ? '✅ 用户目录存在' : '⚠️ 用户目录不存在' ?>
                                 </span>
-                                (HTTP <?= $test['http_code'] ?>)
-                                
-                                <?php if ($test['success']): ?>
-                                    <br><strong>✅ 成功创建测试文件！GitHub 保存功能正常。</strong>
-                                    <?php if (isset($diagnostics['cleanup_test']) && $diagnostics['cleanup_test']['success']): ?>
-                                        <br><small class="text-muted">🧹 测试文件已自动清理</small>
-                                    <?php endif; ?>
-                                <?php else: ?>
-                                    <br><strong>错误详情:</strong>
-                                    <pre class="diagnostic-result mt-2"><?= htmlspecialchars($test['response']) ?></pre>
-                                    <br><strong>请求信息:</strong> <?= $test['method'] ?> <?= htmlspecialchars($test['endpoint']) ?>
-                                <?php endif; ?>
-                            </div>
+                                (HTTP <?= $userDirTest['http_code'] ?>)
+                            </h5>
+                            <?php if ($userDirTest['success'] && $userDirTest['decoded']): ?>
+                            <p><strong>目录文件数:</strong> <?= count($userDirTest['decoded']) ?></p>
+                            <?php elseif ($userDirTest['http_code'] == 404): ?>
+                            <p>用户目录尚不存在，将在首次保存文件时自动创建。</p>
+                            <?php endif; ?>
+                        </div>
+                        
+                        <?php if ($userDirTest['http_code'] != 404 && !$userDirTest['success']): ?>
+                        <div class="response-data">
+                            <strong>错误响应:</strong><br>
+                            <?= htmlspecialchars($userDirTest['response']) ?>
                         </div>
+                        <?php endif; ?>
+                    </div>
+                </div>
 
+                <!-- 写入权限测试结果 -->
+                <div class="card mb-4">
+                    <div class="card-header">
+                        <h3>✍️ 写入权限测试结果</h3>
+                    </div>
+                    <div class="card-body">
+                        <?php $writeTest = $diagnostics['write_test']; ?>
+                        <div class="alert alert-<?= $writeTest['success'] ? 'success' : 'danger' ?>">
+                            <h5>
+                                <span class="<?= $writeTest['success'] ? 'status-ok' : 'status-error' ?>">
+                                    <?= $writeTest['success'] ? '✅ 写入权限正常' : '❌ 写入权限失败' ?>
+                                </span>
+                                (HTTP <?= $writeTest['http_code'] ?>)
+                            </h5>
+                            <?php if ($writeTest['success']): ?>
+                            <p>成功创建测试文件，GitHub写入权限正常。</p>
+                            <?php if (isset($diagnostics['cleanup_test'])): ?>
+                            <p><strong>清理:</strong> 
+                                <span class="<?= $diagnostics['cleanup_test']['success'] ? 'status-ok' : 'status-warning' ?>">
+                                    <?= $diagnostics['cleanup_test']['success'] ? '✅ 测试文件已删除' : '⚠️ 测试文件删除失败' ?>
+                                </span>
+                            </p>
+                            <?php endif; ?>
+                            <?php endif; ?>
+                        </div>
+                        
+                        <?php if (!$writeTest['success']): ?>
+                        <div class="response-data">
+                            <strong>错误响应:</strong><br>
+                            <?= htmlspecialchars($writeTest['response']) ?>
+                        </div>
+                        <?php endif; ?>
                     </div>
                 </div>
 
-                <!-- 解决方案 -->
-                <div class="card">
+                <!-- 诊断总结 -->
+                <div class="card mb-4">
                     <div class="card-header">
-                        <h3>🔧 问题解决方案</h3>
+                        <h3>📊 诊断总结</h3>
                     </div>
                     <div class="card-body">
-                        <?php
-                        $hasErrors = false;
-                        $hasWarnings = false;
-                        foreach ($diagnostics as $key => $test) {
-                            if ($key === 'cleanup_test') continue; // 跳过清理测试
-                            if (!$test['success']) {
-                                $hasErrors = true;
-                                break;
-                            }
-                        }
+                        <?php 
+                        $allPassed = $diagnostics['token_test']['success'] && 
+                                    $diagnostics['repo_test']['success'] && 
+                                    $diagnostics['branch_test']['success'] && 
+                                    $diagnostics['write_test']['success'];
                         ?>
                         
-                        <?php if (!$hasErrors): ?>
+                        <?php if ($allPassed): ?>
                         <div class="alert alert-success">
-                            <h5>🎉 所有测试通过！</h5>
-                            <p>GitHub 配置完全正常，可以正常保存文件。如果编辑器保存仍有问题，请检查：</p>
+                            <h4>🎉 所有测试通过！</h4>
+                            <p>你的GitHub配置完全正常，VvvebJs应该能够正常保存文件到GitHub仓库。</p>
+                            <p><strong>建议:</strong> 如果仍然遇到保存问题，请检查网络连接或尝试重启Hugging Face Space。</p>
+                        </div>
+                        <?php else: ?>
+                        <div class="alert alert-danger">
+                            <h4>❌ 发现问题</h4>
+                            <p>部分测试失败，请根据上述详细结果修复相关问题：</p>
                             <ul>
-                                <li>编辑器中的用户认证是否正确</li>
-                                <li>浏览器控制台是否有JavaScript错误</li>
-                                <li>网络连接是否稳定</li>
-                                <li>防火墙是否阻止了API请求</li>
+                                <?php if (!$diagnostics['token_test']['success']): ?>
+                                <li>Token验证失败 - 检查Token是否正确且有效</li>
+                                <?php endif; ?>
+                                <?php if (!$diagnostics['repo_test']['success']): ?>
+                                <li>仓库访问失败 - 检查仓库名称和权限</li>
+                                <?php endif; ?>
+                                <?php if (!$diagnostics['branch_test']['success']): ?>
+                                <li>分支不存在 - 检查分支名称是否正确</li>
+                                <?php endif; ?>
+                                <?php if (!$diagnostics['write_test']['success']): ?>
+                                <li>写入权限不足 - 检查Token是否有repo权限</li>
+                                <?php endif; ?>
                             </ul>
-                            <div class="mt-3">
-                                <a href="editor.html" class="btn btn-success">🚀 开始使用编辑器</a>
-                            </div>
                         </div>
-                        <?php else: ?>
-                        <div class="alert alert-warning">
-                            <h5>⚠️ 发现问题，请按以下步骤修复：</h5>
-                            
-                            <?php if (!$diagnostics['token_test']['success']): ?>
-                            <div class="mb-3">
-                                <h6>🔑 Token 问题</h6>
-                                <ul>
-                                    <li>检查 <code>GITHUB_TOKEN</code> 环境变量是否正确设置</li>
-                                    <li>访问 <a href="https://github.com/settings/tokens" target="_blank">GitHub Token 设置</a> 重新生成</li>
-                                    <li>确保 Token 有 <code>repo</code> 权限（不仅是 <code>public_repo</code>）</li>
-                                    <li>如果是私有仓库，确保 Token 有完整的私有仓库访问权限</li>
-                                </ul>
+                        <?php endif; ?>
+                    </div>
+                </div>
+
+                <?php endif; ?>
+
+                <!-- 操作按钮 -->
+                <div class="card">
+                    <div class="card-body text-center">
+                        <div class="row">
+                            <div class="col-md-3">
+                                <a href="github-save-debug.php" class="btn btn-warning w-100">保存调试</a>
                             </div>
-                            <?php endif; ?>
-                            
-                            <?php if (!$diagnostics['repo_test']['success']): ?>
-                            <div class="mb-3">
-                                <h6>📁 仓库问题</h6>
-                                <ul>
-                                    <li>检查 <code>GITHUB_OWNER</code> 是否是正确的用户名或组织名（区分大小写）</li>
-                                    <li>检查 <code>GITHUB_REPO</code> 是否是正确的仓库名（区分大小写）</li>
-                                    <li>确保仓库存在且 Token 有访问权限</li>
-                                    <li>如果是组织仓库，确保 Token 有组织权限</li>
-                                </ul>
+                            <div class="col-md-3">
+                                <a href="hf-space-check.php" class="btn btn-info w-100">HF Space 检查</a>
                             </div>
-                            <?php endif; ?>
-                            
-                            <?php if (!$diagnostics['branch_test']['success']): ?>
-                            <div class="mb-3">
-                                <h6>🌿 分支问题</h6>
-                                <ul>
-                                    <li>检查 <code>GITHUB_BRANCH</code> 是否正确（通常是 <code>main</code> 或 <code>master</code>）</li>
-                                    <li>在 GitHub 仓库中创建对应的分支</li>
-                                    <li>确保分支存在且不是空分支</li>
-                                </ul>
+                            <div class="col-md-3">
+                                <a href="config-check.php" class="btn btn-secondary w-100">配置检查</a>
                             </div>
-                            <?php endif; ?>
-                            
-                            <?php if (!$diagnostics['create_test']['success']): ?>
-                            <div class="mb-3">
-                                <h6>✏️ 写入权限问题</h6>
-                                <ul>
-                                    <li><strong>确保 Token 有 <code>repo</code> 的完整权限</strong>（这是最常见的问题）</li>
-                                    <li>检查仓库是否允许写入（不是只读状态）</li>
-                                    <li>检查 <code>GITHUB_PATH</code> 路径格式是否正确（应以 <code>/</code> 结尾）</li>
-                                    <li>确保目标路径在仓库中存在或可以创建</li>
-                                    <li>检查是否有分支保护规则阻止直接推送</li>
-                                </ul>
+                            <div class="col-md-3">
+                                <a href="editor.html" class="btn btn-success w-100">返回编辑器</a>
                             </div>
-                            <?php endif; ?>
-                        </div>
-                        <?php endif; ?>
-                        
-                        <div class="mt-4">
-                            <a href="config.php" class="btn btn-secondary">⚙️ 返回配置页面</a>
-                            <a href="github-test.php" class="btn btn-info">🧪 基础测试</a>
-                            <?php if (!$hasErrors): ?>
-                                <a href="editor.html" class="btn btn-primary">📝 返回编辑器</a>
-                            <?php endif; ?>
                         </div>
                     </div>
                 </div>
-                
-                <?php endif; ?>
             </div>
         </div>
     </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
 </body>
 </html>

github-save-debug.php

@@ -0,0 +1,335 @@
+<?php
+require_once __DIR__ . '/storage.php';
+
+// 简单认证
+$testAuth = false;
+if (isset($_SERVER['PHP_AUTH_USER']) && isset($_SERVER['PHP_AUTH_PW'])) {
+    $users = StorageConfig::getUsers();
+    $testAuth = isset($users[$_SERVER['PHP_AUTH_USER']]) && 
+                $users[$_SERVER['PHP_AUTH_USER']] === $_SERVER['PHP_AUTH_PW'];
+}
+
+if (!$testAuth) {
+    header('WWW-Authenticate: Basic realm="VvvebJs GitHub Debug"');
+    header('HTTP/1.0 401 Unauthorized');
+    die('Authentication required');
+}
+
+// 获取环境信息
+$isHuggingFace = StorageConfig::isHuggingFaceSpace();
+$github = StorageConfig::getGitHubConfig();
+$envDebug = StorageConfig::debugEnvironment();
+
+// 测试保存功能
+$testResults = [];
+if ($_POST['test_save'] ?? false) {
+    $testHtml = '<!DOCTYPE html><html><head><title>VvvebJs Test</title></head><body><h1>Test file created at ' . date('Y-m-d H:i:s') . '</h1><p>This is a test file created to verify GitHub save functionality.</p></body></html>';
+    $testFilename = 'test-' . time() . '.html';
+    
+    try {
+        $storageManager = new StorageManager();
+        $result = $storageManager->saveFile($testFilename, $testHtml);
+        
+        $testResults['save_test'] = [
+            'success' => $result,
+            'filename' => $testFilename,
+            'content_length' => strlen($testHtml),
+            'message' => $result ? 'File saved successfully!' : 'Save failed!'
+        ];
+        
+        // 立即尝试读取文件验证
+        if ($result) {
+            $retrievedContent = $storageManager->getFile($testFilename);
+            $testResults['read_test'] = [
+                'success' => $retrievedContent !== false,
+                'content_matches' => $retrievedContent === $testHtml,
+                'retrieved_length' => $retrievedContent ? strlen($retrievedContent) : 0
+            ];
+        }
+        
+    } catch (Exception $e) {
+        $testResults['save_test'] = [
+            'success' => false,
+            'error' => $e->getMessage(),
+            'filename' => $testFilename
+        ];
+    }
+}
+?>
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>VvvebJs GitHub 保存调试</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        .config-value { background-color: #f8f9fa; padding: 2px 6px; border-radius: 3px; font-family: monospace; }
+        .status-ok { color: #28a745; }
+        .status-error { color: #dc3545; }
+        .status-warning { color: #ffc107; }
+        .debug-output { background: #f8f9fa; padding: 15px; border-radius: 5px; font-family: monospace; font-size: 12px; max-height: 400px; overflow-y: auto; }
+    </style>
+</head>
+<body>
+    <div class="container mt-5">
+        <div class="row">
+            <div class="col-md-10 mx-auto">
+                <h1 class="mb-4">🚨 VvvebJs GitHub 保存问题调试</h1>
+                
+                <!-- 环境状态 -->
+                <div class="card mb-4">
+                    <div class="card-header">
+                        <h3>🌐 环境状态检查</h3>
+                    </div>
+                    <div class="card-body">
+                        <div class="row">
+                            <div class="col-md-6">
+                                <p><strong>运行环境:</strong> 
+                                    <span class="<?= $isHuggingFace ? 'status-ok' : 'status-warning' ?>">
+                                        <?= $isHuggingFace ? '✅ Hugging Face Space' : '⚠️ 本地环境' ?>
+                                    </span>
+                                </p>
+                                <p><strong>主机:</strong> <span class="config-value"><?= htmlspecialchars($_SERVER['HTTP_HOST'] ?? 'unknown') ?></span></p>
+                                <p><strong>Space ID:</strong> <span class="config-value"><?= htmlspecialchars($envDebug['space_id']) ?></span></p>
+                            </div>
+                            <div class="col-md-6">
+                                <p><strong>当前用户:</strong> <span class="config-value"><?= htmlspecialchars(StorageConfig::getCurrentUser()) ?></span></p>
+                                <p><strong>用户路径:</strong> <span class="config-value"><?= htmlspecialchars(StorageConfig::getUserPath()) ?></span></p>
+                                <p><strong>存储类型:</strong> <span class="config-value"><?= htmlspecialchars(StorageConfig::getStorageType()) ?></span></p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- GitHub 配置状态 -->
+                <div class="card mb-4">
+                    <div class="card-header">
+                        <h3>🔧 GitHub 配置状态</h3>
+                    </div>
+                    <div class="card-body">
+                        <div class="row">
+                            <div class="col-md-6">
+                                <p><strong>GITHUB_TOKEN:</strong> 
+                                    <span class="config-value <?= empty($github['token']) ? 'status-error' : 'status-ok' ?>">
+                                        <?php 
+                                        if (empty($github['token'])) {
+                                            echo '❌ 未设置';
+                                        } else {
+                                            echo '✅ 已设置 (长度: ' . strlen($github['token']) . ')';
+                                        }
+                                        ?>
+                                    </span>
+                                </p>
+                                <p><strong>GITHUB_OWNER:</strong> 
+                                    <span class="config-value <?= empty($github['owner']) ? 'status-error' : 'status-ok' ?>">
+                                        <?= empty($github['owner']) ? '❌ 未设置' : '✅ ' . htmlspecialchars($github['owner']) ?>
+                                    </span>
+                                </p>
+                                <p><strong>GITHUB_REPO:</strong> 
+                                    <span class="config-value <?= empty($github['repo']) ? 'status-error' : 'status-ok' ?>">
+                                        <?= empty($github['repo']) ? '❌ 未设置' : '✅ ' . htmlspecialchars($github['repo']) ?>
+                                    </span>
+                                </p>
+                            </div>
+                            <div class="col-md-6">
+                                <p><strong>GITHUB_BRANCH:</strong> 
+                                    <span class="config-value"><?= htmlspecialchars($github['branch']) ?></span>
+                                </p>
+                                <p><strong>GITHUB_PATH:</strong> 
+                                    <span class="config-value"><?= htmlspecialchars($github['path']) ?></span>
+                                </p>
+                                <p><strong>完整API URL:</strong> 
+                                    <span class="config-value">https://api.github.com/repos/<?= htmlspecialchars($github['owner']) ?>/<?= htmlspecialchars($github['repo']) ?></span>
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- 保存测试 -->
+                <div class="card mb-4">
+                    <div class="card-header">
+                        <h3>🧪 实际保存测试</h3>
+                    </div>
+                    <div class="card-body">
+                        <?php if (empty($testResults)): ?>
+                        <p>点击下方按钮来测试实际的文件保存功能：</p>
+                        <form method="POST">
+                            <button type="submit" name="test_save" value="1" class="btn btn-primary">
+                                🚀 测试保存到 GitHub
+                            </button>
+                        </form>
+                        <?php else: ?>
+                        <div class="row">
+                            <div class="col-md-6">
+                                <h5>保存测试结果</h5>
+                                <?php $saveTest = $testResults['save_test']; ?>
+                                <div class="alert alert-<?= $saveTest['success'] ? 'success' : 'danger' ?>">
+                                    <strong>状态:</strong> 
+                                    <span class="<?= $saveTest['success'] ? 'status-ok' : 'status-error' ?>">
+                                        <?= $saveTest['success'] ? '✅ 成功' : '❌ 失败' ?>
+                                    </span>
+                                    <br><strong>文件名:</strong> <?= htmlspecialchars($saveTest['filename']) ?>
+                                    <br><strong>内容长度:</strong> <?= $saveTest['content_length'] ?? 0 ?> 字符
+                                    <?php if (!$saveTest['success'] && isset($saveTest['error'])): ?>
+                                    <br><strong>错误:</strong> <?= htmlspecialchars($saveTest['error']) ?>
+                                    <?php endif; ?>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <?php if (isset($testResults['read_test'])): ?>
+                                <h5>读取验证结果</h5>
+                                <?php $readTest = $testResults['read_test']; ?>
+                                <div class="alert alert-<?= $readTest['success'] && $readTest['content_matches'] ? 'success' : 'warning' ?>">
+                                    <strong>读取状态:</strong> 
+                                    <span class="<?= $readTest['success'] ? 'status-ok' : 'status-error' ?>">
+                                        <?= $readTest['success'] ? '✅ 成功' : '❌ 失败' ?>
+                                    </span>
+                                    <br><strong>内容匹配:</strong> 
+                                    <span class="<?= $readTest['content_matches'] ? 'status-ok' : 'status-error' ?>">
+                                        <?= $readTest['content_matches'] ? '✅ 一致' : '❌ 不一致' ?>
+                                    </span>
+                                    <br><strong>读取长度:</strong> <?= $readTest['retrieved_length'] ?> 字符
+                                </div>
+                                <?php endif; ?>
+                            </div>
+                        </div>
+                        
+                        <div class="mt-3">
+                            <form method="POST">
+                                <button type="submit" name="test_save" value="1" class="btn btn-secondary">
+                                    🔄 重新测试
+                                </button>
+                            </form>
+                        </div>
+                        <?php endif; ?>
+                    </div>
+                </div>
+
+                <!-- 环境变量调试信息 -->
+                <div class="card mb-4">
+                    <div class="card-header">
+                        <h3>🔍 环境变量调试信息</h3>
+                    </div>
+                    <div class="card-body">
+                        <div class="debug-output">
+                            <?= json_encode($envDebug, JSON_PRETTY_PRINT) ?>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- 服务器日志信息 -->
+                <div class="card mb-4">
+                    <div class="card-header">
+                        <h3>📋 最近的服务器日志</h3>
+                    </div>
+                    <div class="card-body">
+                        <p class="text-muted">请检查Hugging Face Space的日志面板查看详细的错误信息。关键日志标识符：</p>
+                        <ul>
+                            <li><code>GitHub Save Debug:</code> - GitHub保存调试信息</li>
+                            <li><code>GitHub Save Error:</code> - GitHub保存错误</li>
+                            <li><code>GitHub API Error:</code> - GitHub API错误响应</li>
+                            <li><code>StorageManager saveFile:</code> - 存储管理器保存过程</li>
+                        </ul>
+                    </div>
+                </div>
+
+                <!-- 问题诊断建议 -->
+                <div class="card mb-4">
+                    <div class="card-header">
+                        <h3>💡 常见问题诊断</h3>
+                    </div>
+                    <div class="card-body">
+                        <div class="accordion" id="diagnosticAccordion">
+                            <div class="accordion-item">
+                                <h2 class="accordion-header">
+                                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#diag1">
+                                        Token 配置问题
+                                    </button>
+                                </h2>
+                                <div id="diag1" class="accordion-collapse collapse show" data-bs-parent="#diagnosticAccordion">
+                                    <div class="accordion-body">
+                                        <strong>检查项目：</strong>
+                                        <ul>
+                                            <li>确认 <code>GITHUB_TOKEN</code> 在Hugging Face Space Settings中正确设置为Private Secret</li>
+                                            <li>GitHub Token必须有 <code>repo</code> 权限（不仅是public_repo）</li>
+                                            <li>Token没有过期</li>
+                                            <li>Token对目标仓库有写入权限</li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="accordion-item">
+                                <h2 class="accordion-header">
+                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#diag2">
+                                        仓库配置问题
+                                    </button>
+                                </h2>
+                                <div id="diag2" class="accordion-collapse collapse" data-bs-parent="#diagnosticAccordion">
+                                    <div class="accordion-body">
+                                        <strong>检查项目：</strong>
+                                        <ul>
+                                            <li>仓库名和所有者名称完全正确（区分大小写）</li>
+                                            <li>分支名称正确（通常是main或master）</li>
+                                            <li>目标路径存在或可以创建</li>
+                                            <li>仓库没有分支保护规则阻止直接推送</li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="accordion-item">
+                                <h2 class="accordion-header">
+                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#diag3">
+                                        Hugging Face Space 特殊情况
+                                    </button>
+                                </h2>
+                                <div id="diag3" class="accordion-collapse collapse" data-bs-parent="#diagnosticAccordion">
+                                    <div class="accordion-body">
+                                        <strong>可能的问题：</strong>
+                                        <ul>
+                                            <li>环境变量需要在设置后重启Space才能生效</li>
+                                            <li>网络限制或超时问题</li>
+                                            <li>Space的文件系统权限限制</li>
+                                            <li>GitHub API速率限制</li>
+                                        </ul>
+                                        <strong>解决方案：</strong>
+                                        <ul>
+                                            <li>确保点击了"Restart this Space"</li>
+                                            <li>检查所有环境变量拼写正确</li>
+                                            <li>使用GitHub Personal Access Token (classic)</li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- 操作按钮 -->
+                <div class="card">
+                    <div class="card-body text-center">
+                        <div class="row">
+                            <div class="col-md-3">
+                                <a href="hf-space-check.php" class="btn btn-info w-100">HF Space 检查</a>
+                            </div>
+                            <div class="col-md-3">
+                                <a href="github-advanced-test.php" class="btn btn-primary w-100">GitHub 完整测试</a>
+                            </div>
+                            <div class="col-md-3">
+                                <a href="config-check.php" class="btn btn-secondary w-100">配置检查</a>
+                            </div>
+                            <div class="col-md-3">
+                                <a href="editor.html" class="btn btn-success w-100">返回编辑器</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>

storage.php

@@ -387,6 +387,15 @@ class GitHubStorage {
         $url = "https://api.github.com/repos/{$this->config['owner']}/{$this->config['repo']}/contents/{$path}";
         
         error_log("GitHub Save Debug: Attempting to save to $url on branch '{$this->config['branch']}' for user '{$this->userPath}'");
+        error_log("GitHub Save Debug: Token length: " . strlen($this->config['token']));
+        error_log("GitHub Save Debug: Owner: " . $this->config['owner']);
+        error_log("GitHub Save Debug: Repo: " . $this->config['repo']);
+        error_log("GitHub Save Debug: Branch: " . $this->config['branch']);
+        error_log("GitHub Save Debug: User path: " . $this->userPath);
+        error_log("GitHub Save Debug: Full path: " . $path);
+        
+        // 首次保存时，先尝试创建用户目录的 README.md 文件
+        $this->ensureUserDirectoryExists();
         
         // Get current file SHA if exists
         $sha = $this->getFileSHA($path);
@@ -404,10 +413,13 @@ class GitHubStorage {
             error_log("GitHub Save Debug: Creating new file");
         }
         
+        error_log("GitHub Save Debug: Request data: " . json_encode(array_merge($data, ['content' => '[BASE64_CONTENT_' . strlen($data['content']) . '_CHARS]'])));
+        
         $result = $this->makeRequest($url, 'PUT', $data);
         
         if ($result) {
             error_log("GitHub Save Success: File saved successfully");
+            error_log("GitHub Save Success: Response: " . json_encode($result));
             return true;
         } else {
             error_log("GitHub Save Error: API request failed");
@@ -415,6 +427,36 @@ class GitHubStorage {
         }
     }
     
+    // 新增方法：确保用户目录存在
+    private function ensureUserDirectoryExists() {
+        $userDirPath = $this->config['path'] . $this->userPath;
+        $readmePath = $userDirPath . 'README.md';
+        $readmeUrl = "https://api.github.com/repos/{$this->config['owner']}/{$this->config['repo']}/contents/{$readmePath}";
+        
+        // 检查 README.md 是否存在（用来确认目录是否存在）
+        $existing = $this->makeRequest($readmeUrl, 'GET');
+        
+        if (!$existing) {
+            // 目录不存在，创建 README.md 文件来建立目录
+            $readmeContent = "# User Files for " . trim($this->userPath, '/') . "\n\nThis directory contains HTML files created by VvvebJs web builder.\n\nCreated: " . date('Y-m-d H:i:s') . " UTC";
+            
+            $readmeData = [
+                'message' => "Create user directory for " . trim($this->userPath, '/'),
+                'content' => base64_encode($readmeContent),
+                'branch' => $this->config['branch']
+            ];
+            
+            error_log("GitHub Save Debug: Creating user directory with README.md at: $readmePath");
+            $result = $this->makeRequest($readmeUrl, 'PUT', $readmeData);
+            
+            if ($result) {
+                error_log("GitHub Save Success: User directory created successfully");
+            } else {
+                error_log("GitHub Save Warning: Failed to create user directory, but will continue with file save");
+            }
+        }
+    }
+    
     public function get($filename) {
         if (empty($this->config['token'])) return false;