镜像自地址
https://github.com/JGZYES/ParlzPackageManger.git
已同步 2026-09-11 08:52:45 +08:00
JGZYES
b3e48338c1
The docs page relied on external assets/style.css which may be stale/cached on the server, leaving the app unstyled (directory items inline, content bare). Embed the full docs-Layout CSS inline in docs/index.php with concrete colors (no CSS vars) and force the tree links to display:block vertically, so the left file tree and right rendered markdown always render correctly regardless of the external stylesheet. Responsive single-column fallback included.
91 行
4.2 KiB
PHP
91 行
4.2 KiB
PHP
<?php
|
|
/* PMM docs site — left sidebar directory + right rendered .md content.
|
|
* URL: docs/index.php?page=<name> (defaults to "index"). */
|
|
define('PMM_SITE', 1);
|
|
require dirname(__DIR__) . '/_common.php';
|
|
|
|
/* 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];
|
|
|
|
$mdPath = __DIR__ . '/' . $page . '.md';
|
|
$body = '';
|
|
if (is_file($mdPath)) {
|
|
$body = (string)file_get_contents($mdPath);
|
|
$body = str_replace("\r", "", $body); // md() regex hard-codes \n
|
|
$body = md($body);
|
|
}
|
|
|
|
pmm_header('docs', '文档 · ' . $title);
|
|
?>
|
|
<style>
|
|
/* docs layout — inline so it works regardless of external style.css state */
|
|
.docs-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;max-width:1160px;margin:0 auto;padding:28px 22px 60px;align-items:start}
|
|
.docs-sidebar{position:sticky;top:14px;min-width:0;border-right:1px solid #282828;padding-right:16px}
|
|
.docs-sidebar-brand{font-weight:700;font-size:15px;color:#fff;padding:0 4px 12px;border-bottom:1px solid #282828;margin-bottom:8px}
|
|
.docs-group{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#555;padding:14px 6px 6px}
|
|
.docs-tree{display:block}
|
|
.docs-tree a.docs-link{display:block;font-size:14px;color:#9a9a9a;text-decoration:none;padding:7px 10px;border-radius:7px;margin:0}
|
|
.docs-tree a.docs-link:hover{color:#fff;background:#101010}
|
|
.docs-tree a.docs-link.active{color:#000;background:#f2f2f2}
|
|
.docs-content{min-width:0}
|
|
.docs-crumb{font-size:12px;color:#555;margin-bottom:18px}
|
|
.docs-body{max-width:820px;line-height:1.85;color:#ededed;font-size:15px}
|
|
.docs-body h1{font-size:30px;margin:0 0 18px;color:#fff;border-bottom:1px solid #282828;padding-bottom:14px}
|
|
.docs-body h2{font-size:21px;margin:36px 0 12px;color:#fff}
|
|
.docs-body h3{font-size:17px;margin:26px 0 10px;color:#fff}
|
|
.docs-body p{margin:0 0 14px}
|
|
.docs-body ul,.docs-body ol{padding-left:22px;margin:0 0 14px}
|
|
.docs-body li{margin:5px 0}
|
|
.docs-body a{color:#fff;text-decoration:underline}
|
|
.docs-body a:hover{color:#f2f2f2}
|
|
.docs-body strong{color:#fff}
|
|
.docs-body code{background:#101010;border:1px solid #282828;padding:1px 6px;border-radius:5px;font-size:13px;font-family:ui-monospace,monospace;color:#9a9a9a}
|
|
.docs-body pre.mdcode{background:#101010;border:1px solid #282828;border-radius:10px;padding:14px 16px;overflow:auto;margin:0 0 14px}
|
|
.docs-body pre.mdcode code{background:none;border:0;padding:0;color:#ededed;font-size:13px;line-height:1.6;display:block}
|
|
.docs-body hr{border:0;border-top:1px solid #282828;margin:22px 0}
|
|
.docs-body table{border-collapse:collapse;width:100%;margin:0 0 16px}
|
|
.docs-body th,.docs-body td{border:1px solid #282828;padding:8px 12px;font-size:13px;text-align:left}
|
|
.docs-body th{background:#101010;color:#fff}
|
|
@media(max-width:840px){.docs-layout{grid-template-columns:1fr}.docs-sidebar{position:static;border-right:0;padding-right:0}}
|
|
</style>
|
|
<section class="docs-layout">
|
|
<aside class="docs-sidebar">
|
|
<div class="docs-sidebar-brand"><span>PMM 文档</span></div>
|
|
<nav class="docs-tree">
|
|
<?php foreach ($groups as $g => $list): ?>
|
|
<div class="docs-group"><?php echo htmlspecialchars($g); ?></div>
|
|
<?php foreach ($list as $slug => $t): ?>
|
|
<a class="docs-link<?php echo $slug === $page ? ' active' : ''; ?>" href="index.php?page=<?php echo $slug; ?>"><?php echo htmlspecialchars($t); ?></a>
|
|
<?php endforeach; ?>
|
|
<?php endforeach; ?>
|
|
</nav>
|
|
</aside>
|
|
<div class="docs-content">
|
|
<div class="docs-crumb">文档 / <?php echo htmlspecialchars($title); ?></div>
|
|
<div class="docs-body"><?php echo $body; ?></div>
|
|
</div>
|
|
</section>
|
|
<?php pmm_footer(); ?>
|