From 1ef6de6b627f29679fb2f50720cb939d158d0f19 Mon Sep 17 00:00:00 2001 From: JGZYES Date: Sat, 5 Sep 2026 11:46:15 +0800 Subject: [PATCH] web: docs left-tree/right-md layout + minimal color-only homepage MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - docs/index.php: left sidebar directory tree (grouped 开始/了解/社区) + right rendered .md content (breadcrumb + body). Replaces the horizontal pill nav. - assets/style.css: .docs-layout two-column (sticky tree + content), replaces the old .docs-nav pills; keeps the existing grayscale palette. - index.php: strip the Earth-canvas/map logic — now a minimal brand hero with docs/install/download entry cards, using the existing color scheme only. --- web/assets/style.css | 18 +++++++---- web/docs/index.php | 50 ++++++++++++++++++---------- web/index.php | 77 ++++++-------------------------------------- 3 files changed, 55 insertions(+), 90 deletions(-) diff --git a/web/assets/style.css b/web/assets/style.css index 015acfa..d978c7d 100644 --- a/web/assets/style.css +++ b/web/assets/style.css @@ -298,12 +298,18 @@ code{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Co .rel-dl{margin-left:auto;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:3px 10px;text-decoration:none;white-space:nowrap} .rel-dl:hover{color:#fff;border-color:#fff} -/* ---------- docs site ---------- */ -.docs-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:14px} -.docs-link{font-size:13.5px;color:var(--muted);text-decoration:none;padding:6px 14px;border:1px solid var(--line);border-radius:999px;white-space:nowrap} -.docs-link:hover{color:#fff;border-color:#fff} -.docs-link.active{color:var(--ink);background:var(--accent);border-color:var(--accent)} -.docs-body{max-width:860px;line-height:1.8;color:var(--text)} +/* ---------- docs site (left tree + right md) ---------- */ +.docs-layout{display:flex;gap:32px;max-width:1120px;margin:0 auto;padding:28px 24px 60px} +.docs-sidebar{flex:0 0 216px;position:sticky;top:16px;align-self:flex-start} +.docs-sidebar-brand{font-weight:700;font-size:15px;color:#fff;padding:0 12px 14px;border-bottom:1px solid var(--line);margin-bottom:10px} +.docs-group{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--dim);padding:14px 12px 6px} +.docs-tree{display:flex;flex-direction:column;gap:2px} +.docs-link{display:block;font-size:14px;color:var(--muted);text-decoration:none;padding:7px 12px;border-radius:8px} +.docs-link:hover{color:#fff;background:var(--panel)} +.docs-link.active{color:var(--ink);background:var(--accent)} +.docs-content{flex:1 1 auto;min-width:0} +.docs-crumb{font-size:12px;color:var(--dim);margin-bottom:18px} +.docs-body{max-width:820px;line-height:1.8;color:var(--text)} .docs-body h1{font-size:30px;margin:0 0 18px;letter-spacing:-.5px;border-bottom:1px solid var(--line);padding-bottom:14px} .docs-body h2{font-size:20px;margin:34px 0 12px;color:#fff} .docs-body h3{font-size:16px;margin:26px 0 10px;color:#fff} diff --git a/web/docs/index.php b/web/docs/index.php index 46386cf..7fd1d73 100644 --- a/web/docs/index.php +++ b/web/docs/index.php @@ -1,20 +1,30 @@ (defaults to "index"). */ define('PMM_SITE', 1); require dirname(__DIR__) . '/_common.php'; -/* doc pages: [slug, title] */ -$pages = [ - 'index' => '快速开始', - 'install' => '安装', - 'download' => '下载', - 'features' => '核心特性', - 'cli' => '命令参考', - 'mirror' => '镜像源', - 'translate' => '翻译 / 语言包', - 'source' => '源码', +/* doc pages: [slug, title] — grouped sections */ +$groups = [ + '开始' => [ + 'index' => '快速开始', + 'install' => '安装', + 'download'=> '下载', + ], + '了解' => [ + 'features' => '核心特性', + 'cli' => '命令参考', + 'mirror' => '镜像源', + ], + '社区' => [ + 'translate' => '翻译 / 语言包', + 'source' => '源码', + ], ]; +// flatten for page lookup +$pages = []; +foreach ($groups as $g => $list) foreach ($list as $slug => $t) $pages[$slug] = $t; + $page = isset($_GET['page']) ? (string)$_GET['page'] : 'index'; if (!isset($pages[$page])) $page = 'index'; $title = $pages[$page]; @@ -28,15 +38,21 @@ if (is_file($mdPath)) { } pmm_header('docs', '文档 · ' . $title); -pmm_page_open('DOCS', $title); ?> -
-
-