<div class=“wiki-header”>

<div class="wiki-slogan">高效、有序的个人知识管理平台</div>
<div class="wiki-divider"></div>

</div>

<div class=“nav-grid”>

<div class="nav-card">
  <div class="nav-icon">📚</div>
  <div class="nav-title">知识库分类</div>
  <div class="nav-desc">按领域整理的核心知识</div>
  <div class="nav-link">[[wiki:categories|查看分类 →]]</div>
</div>
<div class="nav-card">
  <div class="nav-icon">🔧</div>
  <div class="nav-title">工具教程</div>
  <div class="nav-desc">实用工具、编程技巧、效率方法</div>
  <div class="nav-link">[[wiki:tools|查看教程 →]]</div>
</div>
<div class="nav-card">
  <div class="nav-icon">📝</div>
  <div class="nav-title">笔记归档</div>
  <div class="nav-desc">日常学习、思考的沉淀记录</div>
  <div class="nav-link">[[wiki:notes|查看归档 →]]</div>
</div>
<div class="nav-card">
  <div class="nav-icon">⭐</div>
  <div class="nav-title">常用链接</div>
  <div class="nav-desc">收藏的优质资源、常用网站</div>
  <div class="nav-link">[[wiki:links|查看链接 →]]</div>
</div>

</div>

<div class=“recent-updates”>

{{recent>5&header=0&footer=0}}

</div>

<div class=“site-info”>

<p>KlausAlen's WIKI 是个人专属的知识管理系统，专注于整理技术知识、生活经验和学习笔记，追求<span class="highlight">结构化、可检索、易复用</span>的知识沉淀。</p>
<p>本站使用 DokuWiki 搭建，轻量、无数据库、易维护，适合个人长期使用。</p>

</div>

<div class=“wiki-footer”>

© 2026 KlausAlen's WIKI | 知识沉淀 · 持续成长

</div>

<!– 自定义样式，让页面更美观 –> <style> /* 全局样式 */ body {

font-family: "Helvetica Neue", Arial, sans-serif;
line-height: 1.6;

}

/* 标题区域 */ .wiki-header {

text-align: center;
margin: 20px 0 40px;
padding: 20px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);

}

.wiki-slogan {

font-size: 1.2em;
margin: 10px 0;
opacity: 0.9;

}

.wiki-divider {

width: 80px;
height: 3px;
background: white;
margin: 15px auto;
border-radius: 3px;

}

/* 导航网格 */ .nav-grid {

display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin: 30px 0;

}

.nav-card {

background: #f8f9fa;
padding: 25px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;

}

.nav-card:hover {

transform: translateY(-5px);
box-shadow: 0 6px 16px rgba(0,0,0,0.12);

}

.nav-icon {

font-size: 2em;
margin-bottom: 10px;
color: #667eea;

}

.nav-title {

font-size: 1.1em;
font-weight: bold;
margin-bottom: 8px;
color: #333;

}

.nav-desc {

color: #666;
margin-bottom: 15px;
font-size: 0.9em;

}

.nav-link {

color: #667eea;
font-weight: 500;
text-decoration: none;

}

.nav-link a {

color: #667eea !important;

}

/* 最近更新 */ .recent-updates {

background: #fefefe;
padding: 20px;
border-radius: 8px;
border-left: 4px solid #667eea;
margin: 30px 0;

}

/* 站点说明 */ .site-info {

background: #f5f6f7;
padding: 25px;
border-radius: 8px;
margin: 30px 0;
color: #444;

}

.highlight {

color: #667eea;
font-weight: bold;

}

/* 底部 */ .wiki-footer {

text-align: center;
margin: 40px 0 20px;
color: #888;
font-size: 0.9em;
padding-top: 20px;
border-top: 1px solid #eee;

}

/* 响应式适配 */ @media (max-width: 768px) {

.nav-grid {
  grid-template-columns: 1fr;
}
.wiki-header {
  padding: 15px;
}

} </style>