78 行
3.3 KiB
PHP
78 行
3.3 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="测试文档内容，用于验证文档扫描功能">
|
|
<title>测试文档</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
</head>
|
|
<body>
|
|
<button class="theme-toggle-btn" id="theme-toggle-btn">
|
|
<i class="fas fa-moon"></i>
|
|
</button>
|
|
<?php include 'includes/navbar.php'; ?>
|
|
<script>
|
|
function initThemeToggle() {
|
|
const themeToggleBtn = document.getElementById('theme-toggle-btn');
|
|
const themeIcon = themeToggleBtn.querySelector('i');
|
|
|
|
// 从localStorage读取主题设置
|
|
const savedTheme = localStorage.getItem('theme');
|
|
if (savedTheme === 'dark') {
|
|
document.body.classList.add('dark-mode');
|
|
themeIcon.classList.remove('fa-moon');
|
|
themeIcon.classList.add('fa-sun');
|
|
}
|
|
|
|
// 点击切换主题
|
|
themeToggleBtn.addEventListener('click', function() {
|
|
document.body.classList.toggle('dark-mode');
|
|
const isDark = document.body.classList.contains('dark-mode');
|
|
|
|
if (isDark) {
|
|
themeIcon.classList.remove('fa-moon');
|
|
themeIcon.classList.add('fa-sun');
|
|
localStorage.setItem('theme', 'dark');
|
|
} else {
|
|
themeIcon.classList.remove('fa-sun');
|
|
themeIcon.classList.add('fa-moon');
|
|
localStorage.setItem('theme', 'light');
|
|
}
|
|
});
|
|
}
|
|
|
|
// 页面加载完成后初始化
|
|
window.addEventListener('DOMContentLoaded', initThemeToggle);
|
|
</script>
|
|
|
|
<div class="doc-container">
|
|
<div class="doc-header">
|
|
<h1>测试文档</h1>
|
|
<p>版本：1.0 | 最后更新：2026年1月29日</p>
|
|
</div>
|
|
|
|
<div class="doc-content">
|
|
<h2>文档说明</h2>
|
|
<p>这是一个测试文档，用于验证文档中心的自动扫描功能。当文档中心首页加载时，会自动扫描目录下所有以 <code>doc_</code> 开头的PHP文件，并以卡片形式显示出来。</p>
|
|
|
|
<h2>功能特点</h2>
|
|
<p>1. 自动扫描：系统会自动检测目录下的文档文件</p>
|
|
<p>2. 卡片显示：每个文档以美观的卡片形式展示</p>
|
|
<p>3. 信息提取：自动从文档中提取标题和描述信息</p>
|
|
<p>4. 响应式设计：适配不同屏幕尺寸</p>
|
|
|
|
<h2>使用方法</h2>
|
|
<p>1. 在 <code>docs</code> 目录下创建以 <code>doc_</code> 开头的PHP文件</p>
|
|
<p>2. 在文件中添加标准的HTML结构，包括 <code><title></code> 和 <code><meta name="description"></code> 标签</p>
|
|
<p>3. 访问文档中心首页，系统会自动显示新添加的文档</p>
|
|
</div>
|
|
|
|
<a href="index.php" class="back-btn">
|
|
<i class="fas fa-arrow-left"></i> 返回文档中心
|
|
</a>
|
|
</div>
|
|
</body>
|
|
</html>
|