查看“︁首页”︁的源代码

<!-- 顶部欢迎 Banner -->
<div style="background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(147, 51, 234, 0.15)); border: 1px solid rgba(150, 150, 150, 0.2); border-radius: 12px; padding: 28px 24px; text-align: center; margin-bottom: 24px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);">
    <h1 style="border: none; margin: 0 0 8px 0; font-size: 2.2rem; font-weight: 700; background: linear-gradient(45deg, #2563eb, #7c3aed); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">欢迎来到我的知识库</h1>
    <p style="margin: 0; font-size: 1.05rem; opacity: 0.85; line-height: 1.6;">记录 · 分享 · 汇聚思想与创造</p>
</div>

<!-- 快捷导航卡片区域 (双栏/三栏响应式网格) -->
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin-bottom: 28px;">

    <!-- 卡片 1 -->
    <div style="background: rgba(150, 150, 150, 0.06); border: 1px solid rgba(150, 150, 150, 0.15); border-radius: 10px; padding: 20px; transition: transform 0.2s, box-shadow 0.2s;">
        <h3 style="margin-top: 0; border: none; font-size: 1.25rem;">🚀 快速入门</h3>
        <p style="font-size: 0.95rem; opacity: 0.8; line-height: 1.5; margin-bottom: 12px;">新手指南与站点基本指引，了解如何使用与贡献内容。</p>
        <div>[[帮助:入门指南|查看详情 →]]</div>
    </div>

    <!-- 卡片 2 -->
    <div style="background: rgba(150, 150, 150, 0.06); border: 1px solid rgba(150, 150, 150, 0.15); border-radius: 10px; padding: 20px; transition: transform 0.2s, box-shadow 0.2s;">
        <h3 style="margin-top: 0; border: none; font-size: 1.25rem;">📂 分类索引</h3>
        <p style="font-size: 0.95rem; opacity: 0.8; line-height: 1.5; margin-bottom: 12px;">按主题分类浏览所有条目，高效检索所需知识。</p>
        <div>[[Special:Categories|浏览所有分类 →]]</div>
    </div>

    <!-- 卡片 3 -->
    <div style="background: rgba(150, 150, 150, 0.06); border: 1px solid rgba(150, 150, 150, 0.15); border-radius: 10px; padding: 20px; transition: transform 0.2s, box-shadow 0.2s;">
        <h3 style="margin-top: 0; border: none; font-size: 1.25rem;">🛠️ 常用工具</h3>
        <p style="font-size: 0.95rem; opacity: 0.8; line-height: 1.5; margin-bottom: 12px;">常用格式模板、编辑规范及全站工具箱。</p>
        <div>[[Help:编辑指南|了解更多 →]]</div>
    </div>

</div>

<!-- 底部左右分栏：最新动态与常用链接 -->
<div style="display: flex; flex-wrap: wrap; gap: 24px;">

    <!-- 左侧：推荐条目 / 核心章节 -->
    <div style="flex: 2; min-width: 300px;">
        <h2 style="font-size: 1.4rem; border-bottom: 2px solid rgba(150, 150, 150, 0.2); padding-bottom: 8px; margin-top: 0;">📌 推荐阅读</h2>
        <ul style="line-height: 1.8; padding-left: 20px;">
            <li>[[页面名称1|这里替换为你想要推荐的第一篇文章标题]]</li>
            <li>[[页面名称2|这里替换为你想要推荐的第二篇文章标题]]</li>
            <li>[[页面名称3|这里替换为你想要推荐的第三篇文章标题]]</li>
        </ul>
    </div>

    <!-- 右侧：站点动态 -->
    <div style="flex: 1; min-width: 250px; background: rgba(150, 150, 150, 0.04); border-radius: 8px; padding: 16px; border: 1px solid rgba(150, 150, 150, 0.1);">
        <h2 style="font-size: 1.2rem; border: none; margin-top: 0; margin-bottom: 12px;">🔔 近期更新</h2>
        <p style="font-size: 0.9rem; opacity: 0.8; line-height: 1.5;">想查看本站最近都有哪些页面被新建或修改？</p>
        <p style="margin-bottom: 0;">👉 [[Special:RecentChanges|查看全站最新更改]]</p>
    </div>

</div>