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

<!-- 终末地 Bwiki 风格首页 - 标准三栏布局 270+565+270 -->
<div class="zmd-wrapper">

    <!-- 轮播图区 960*300 (Bwiki标准尺寸) -->
    <div class="zmd-carousel">
        <img src="https://wiki.biligame.com/zmd/images/thumb/8/8d/KeyVisual.jpg/960px-KeyVisual.jpg" 
             alt="明日方舟终末地"
             onerror="this.src='https://via.placeholder.com/960x300?text=Endfield+Banner'">
    </div>

    <!-- 三栏核心布局：左栏(270px) 中栏(565px) 右栏(270px) -->
    <div class="zmd-three-columns">

        <!-- ========= 左栏 (270px) ========= -->
        <div class="zmd-left">
            <!-- 关于WIKI模块 -->
            <div class="zmd-wiki-info">
                <div style="font-size: 20px; font-weight: bold; margin-bottom: 8px;">📖 终末地 WIKI</div>
                <div style="font-size: 13px;">现有文章</div>
                <div class="zmd-stats">{{NUMBEROFARTICLES}}</div>
                <div style="font-size: 13px;">活跃编辑</div>
                <div class="zmd-stats">{{NUMBEROFACTIVEUSERS}}</div>
                <div style="font-size: 13px;">总编辑次数</div>
                <div class="zmd-stats">{{NUMBEROFEDITS}}</div>
 
            </div>

            <!-- 常用链接 -->
            <div class="zmd-section">
                <div class="zmd-section-title"><span>🔗 常用链接</span></div>
                <div class="zmd-link-list">
                    <a href="#">官网地址</a>
                    <a href="#">官方B站</a>
                    <a href="#">攻略投稿</a>
                    <a href="#">数据勘误</a>
                    <a href="#">版本更新</a>
                    <a href="#">WIKI教程</a>
                </div>
            </div>

            <!-- 游戏下载入口 -->
            <div class="zmd-section">
                <div class="zmd-section-title"><span>📱 游戏下载</span></div>
                <div style="display: flex; flex-direction: column; gap: 10px;">
                    <a href="#" style="background:#2f4f6f; text-align:center; padding:8px; border-radius:24px; color:white; text-decoration:none;">Android 下载</a>
                    <a href="#" style="background:#2f4f6f; text-align:center; padding:8px; border-radius:24px; color:white; text-decoration:none;">iOS 下载</a>
                    <a href="#" style="background:#2f4f6f; text-align:center; padding:8px; border-radius:24px; color:white; text-decoration:none;">PC 桌面版</a>
                </div>
            </div>
        </div>

        <!-- ========= 中栏 (565px) ========= -->
        <div class="zmd-center">
            <!-- 活动倒计时板块 -->
            <div class="zmd-section">
                <div class="zmd-section-title"><span>📢 正在进行</span></div>
                <div class="zmd-event-item">
                    <div class="zmd-event-name">「技术测试」终末地测试开启</div>
                    <div class="zmd-event-time">2025年6月10日 10:00 - 2025年6月24日 23:59</div>
                    <div class="zmd-countdown" id="countdown1">加载中...</div>
                </div>
                <div class="zmd-event-item">
                    <div class="zmd-event-name">「签到活动」每日登录领好礼</div>
                    <div class="zmd-event-time">长期开放 · 每日重置</div>
                    <div class="zmd-countdown">✨ 进行中</div>
                </div>
            </div>

            <!-- 干员图鉴 4格 -->
            <div class="zmd-section">
                <div class="zmd-section-title"><span>⚔️ 干员图鉴</span></div>
                <div class="zmd-grid-4">
                    <div class="zmd-card" onclick="location.href='/index.php/干员:佩丽卡'">
                        <img class="zmd-card-img" src="https://wiki.biligame.com/zmd/images/thumb/1/12/Operator_Peilika.png/200px-Operator_Peilika.png" alt="佩丽卡" onerror="this.src='https://via.placeholder.com/200x200?text=佩丽卡'">
                        <div class="zmd-card-title">佩丽卡</div>
                    </div>
                    <div class="zmd-card" onclick="location.href='/index.php/干员:陈'">
                        <img class="zmd-card-img" src="https://wiki.biligame.com/zmd/images/thumb/1/12/Operator_Chen.png/200px-Operator_Chen.png" alt="陈" onerror="this.src='https://via.placeholder.com/200x200?text=陈'">
                        <div class="zmd-card-title">陈</div>
                    </div>
                    <div class="zmd-card" onclick="location.href='/index.php/干员:银灰'">
                        <img class="zmd-card-img" src="https://wiki.biligame.com/zmd/images/thumb/4/4b/Operator_SilverAsh.png/200px-Operator_SilverAsh.png" alt="银灰" onerror="this.src='https://via.placeholder.com/200x200?text=银灰'">
                        <div class="zmd-card-title">银灰</div>
                    </div>
                    <div class="zmd-card" onclick="location.href='/index.php/干员列表'">
                        <img class="zmd-card-img" src="https://wiki.biligame.com/zmd/images/thumb/d/d1/Operator_List.png/200px-Operator_List.png" alt="更多" onerror="this.src='https://via.placeholder.com/200x200?text=全部'">
                        <div class="zmd-card-title">查看全部 →</div>
                    </div>
                </div>
            </div>

            <!-- 武器图鉴 4格 -->
            <div class="zmd-section">
                <div class="zmd-section-title"><span>🔫 武器精选</span></div>
                <div class="zmd-grid-4">
                    <div class="zmd-card">
                        <img class="zmd-card-img" src="https://wiki.biligame.com/zmd/images/thumb/6/62/Weapon_Sword.png/200px-Weapon_Sword.png" alt="赤霄" onerror="this.src='https://via.placeholder.com/200x200?text=赤霄'">
                        <div class="zmd-card-title">赤霄</div>
                    </div>
                    <div class="zmd-card">
                        <img class="zmd-card-img" src="https://wiki.biligame.com/zmd/images/thumb/9/9f/Weapon_Gun.png/200px-Weapon_Gun.png" alt="破阵者" onerror="this.src='https://via.placeholder.com/200x200?text=破阵者'">
                        <div class="zmd-card-title">破阵者</div>
                    </div>
                    <div class="zmd-card">
                        <img class="zmd-card-img" src="https://wiki.biligame.com/zmd/images/thumb/4/4c/Weapon_Staff.png/200px-Weapon_Staff.png" alt="终末法杖" onerror="this.src='https://via.placeholder.com/200x200?text=终末法杖'">
                        <div class="zmd-card-title">终末法杖</div>
                    </div>
                    <div class="zmd-card" onclick="location.href='/index.php/武器列表'">
                        <img class="zmd-card-img" src="https://wiki.biligame.com/zmd/images/thumb/d/d1/Weapon_List.png/200px-Weapon_List.png" alt="更多" onerror="this.src='https://via.placeholder.com/200x200?text=更多'">
                        <div class="zmd-card-title">武器列表 →</div>
                    </div>
                </div>
            </div>
        </div>

        <!-- ========= 右栏 (270px) ========= -->
        <div class="zmd-right">
            <!-- 更新日志 -->
            <div class="zmd-section">
                <div class="zmd-section-title"><span>📰 最近更新</span></div>
                <ul class="zmd-update-list">
                    <li><span class="zmd-update-date">06/15</span><span class="zmd-update-text"><a href="#">新增干员「凛视」档案</a></span></li>
                    <li><span class="zmd-update-date">06/14</span><span class="zmd-update-text"><a href="#">「象限结构术」机制详解</a></span></li>
                    <li><span class="zmd-update-date">06/13</span><span class="zmd-update-text"><a href="#">版本更新公告 1.2.0</a></span></li>
                    <li><span class="zmd-update-date">06/12</span><span class="zmd-update-text"><a href="#">材料掉落一图流</a></span></li>
                    <li><span class="zmd-update-date">06/11</span><span class="zmd-update-text"><a href="#">新活动预告「终末协议」</a></span></li>
                </ul>
            </div>

            <!-- 攻略推荐 -->
            <div class="zmd-section">
                <div class="zmd-section-title"><span>📖 攻略推荐</span></div>
                <ul class="zmd-update-list">
                    <li><span class="zmd-update-text"><a href="#">新手入门指南 · 开荒必看</a></span></li>
                    <li><span class="zmd-update-text"><a href="#">干员培养优先级推荐</a></span></li>
                    <li><span class="zmd-update-text"><a href="#">基建布局最优解</a></span></li>
                    <li><span class="zmd-update-text"><a href="#">全关卡三星攻略合集</a></span></li>
                </ul>
            </div>

            <!-- 友情链接 / 合作 -->
            <div class="zmd-section">
                <div class="zmd-section-title"><span>🤝 友情链接</span></div>
                <div class="zmd-link-list">
                    <a href="#">明日方舟WIKI</a>
                    <a href="#">BWIKI首页</a>
                    <a href="#">攻略组招募</a>
                </div>
            </div>
        </div>
    </div>

    <!-- 页脚 -->
    <div class="zmd-footer">
        <p>本WIKI由玩家爱好者自发组织编写，与游戏官方无关。<br>
        图片版权归原作者所有，如有疑问请联系我们。</p>
    </div>

</div>