首页:修订间差异

来自勿忘草与永远的少女
跳到导航跳到搜索
Admin留言 | 贡献
无编辑摘要
Admin留言 | 贡献
无编辑摘要
第1行: 第1行:
<!-- 终末地 Bwiki 风格首页 - 标准三栏布局 270+565+270 -->
__NOTOC__
<div class="zmd-wrapper">
__NOEDITSECTION__
{{#css:
/* 首页样式 - 适配MediaWiki 1.42.7 */
.wiki-homepage {
    font-family: sans-serif;
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem;
}
.home-section {
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 2rem;
    padding: 1rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.home-section h2 {
    font-size: 1.5rem;
    border-bottom: 2px solid #c00;
    margin-top: 0;
    padding-bottom: 0.25rem;
    display: inline-block;
}
.countdown {
    font-family: monospace;
    font-size: 1.2rem;
    background: #2c3e50;
    color: #ecf0f1;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    display: inline-block;
}
.wiki-stats {
    font-size: 0.9rem;
    color: #555;
    margin-top: 0.5rem;
}
.group-link {
    background: #c00;
    color: white;
    padding: 0.2rem 0.8rem;
    border-radius: 20px;
    text-decoration: none;
    display: inline-block;
}
.group-link:hover {
    background: #a00;
    color: white;
}
/* 响应式布局 */
.activity-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1rem;
}
.activity-card {
    flex: 1;
    min-width: 200px;
    background: white;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 0.8rem;
}
@media (max-width: 768px) {
    .activity-grid {
        flex-direction: column;
    }
}
}}
<div class="wiki-homepage">


    <!-- 轮播图区 960*300 (Bwiki标准尺寸) -->
<!-- 全站通知 -->
    <div class="zmd-carousel">
<div class="home-section" style="background: #fff3e0; border-color: #ffcc80;">
        <img src="https://wiki.biligame.com/zmd/images/thumb/8/8d/KeyVisual.jpg/960px-KeyVisual.jpg"
    <strong>📢 全站通知:</strong> 本站数据内容正在完善中,目前还有部分数据缺失或不准确。<br>
            alt="明日方舟终末地"
    我们会尽量以最快速度补全数据,同时感谢大家提供宝贵意见!
            onerror="this.src='https://via.placeholder.com/960x300?text=Endfield+Banner'">
</div>
 
<!-- 页面头部信息:刷历编、阅读数、更新信息 -->
<div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 1rem;">
    <div>
        <span style="font-size: 1.2rem; font-weight: bold;">刷 历 编</span>
     </div>
     </div>
    <div style="color: #666; font-size: 0.9rem;">
        45.2万阅读 · 2026-03-22更新 · 最新编辑: 予澄Yucheng
    </div>
</div>


    <!-- 三栏核心布局:左栏(270px) 中栏(565px) 右栏(270px) -->
<!-- 活动日历 + 倒计时区块 -->
    <div class="zmd-three-columns">
<div class="home-section">
 
    <h2>📅 活动日历</h2>
        <!-- ========= 左栏 (270px) ========= -->
    <div style="margin: 0.5rem 0 1rem 0; font-weight: bold; color: #c00;">当前版本:1.1 // 新潮起,故渊离</div>
        <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="activity-grid">
            <div class="zmd-section">
        <!-- 干员寻访 -->
                <div class="zmd-section-title"><span>📱 游戏下载</span></div>
        <div class="activity-card">
                <div style="display: flex; flex-direction: column; gap: 10px;">
            <strong>🎯 干员寻访</strong><br>
                    <a href="#" style="background:#2f4f6f; text-align:center; padding:8px; border-radius:24px; color:white; text-decoration:none;">Android 下载</a>
            特许寻访·河流的女儿<br>
                    <a href="#" style="background:#2f4f6f; text-align:center; padding:8px; border-radius:24px; color:white; text-decoration:none;">iOS 下载</a>
            限时签到·清波静流<br>
                    <a href="#" style="background:#2f4f6f; text-align:center; padding:8px; border-radius:24px; color:white; text-decoration:none;">PC 桌面版</a>
            作战演练·汤汤<br>
                </div>
            <span class="countdown" data-end="2026-03-29 00:00:00">2天13小时14分钟18秒</span>
            </div>
         </div>
         </div>
 
         <!-- 武库申领区块 包含三个项目 -->
         <!-- ========= 中栏 (565px) ========= -->
         <div class="activity-card">
         <div class="zmd-center">
             <strong>⚔️ 武库申领</strong><br>
             <!-- 活动倒计时板块 -->
            🌱 新芽申领:落草 // 手铳<br>
            <div class="zmd-section">
             <span class="countdown" data-end="2026-03-29 00:00:00">2天1小时15分钟18秒</span><br>
                <div class="zmd-section-title"><span>📢 正在进行</span></div>
            🎨 绘涂申领:艺术暴君 // 手铳<br>
                <div class="zmd-event-item">
            <span class="countdown">NaN天NaN小时NaN分钟NaN秒</span><br>
                    <div class="zmd-event-name">「技术测试」终末地测试开启</div>
            📬 讯行申领:使命必达 // 施术单元<br>
                    <div class="zmd-event-time">2025年6月10日 10:00 - 2025年6月24日 23:59</div>
             <span class="countdown" data-end="2026-03-29 00:00:00">2天1小时15分钟18秒</span>
                    <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>
         </div>
 
         <!-- 限时活动 -->
         <!-- ========= 右栏 (270px) ========= -->
         <div class="activity-card">
         <div class="zmd-right">
             <strong>✨ 限时活动</strong><br>
             <!-- 更新日志 -->
            泉流无声 // 引入活动<br>
            <div class="zmd-section">
            <span class="countdown" data-end="2026-04-04 00:00:00">6天5小时15分钟18秒</span><br>
                <div class="zmd-section-title"><span>📰 最近更新</span></div>
            物资供给·开拓节 // 供给活动<br>
                <ul class="zmd-update-list">
             <span class="countdown" data-end="2026-04-04 00:00:00">6天5小时15分钟18秒</span>
                    <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>
     </div>
</div>


    <!-- 页脚 -->
<!-- 关于本WIKI -->
    <div class="zmd-footer">
<div class="home-section">
        <p>本WIKI由玩家爱好者自发组织编写,与游戏官方无关。<br>
    <h2>📖 关于本WIKI</h2>
         图片版权归原作者所有,如有疑问请联系我们。</p>
    <p>欢迎大家来到《明日方舟:终末地》WIKI!</p>
    <div class="wiki-stats">
         现有 <strong>178,559</strong> 名注册用户;近期有 <strong>25</strong> 位活跃编辑者,<strong>5,492</strong> 次编辑;<strong>2,938</strong> 个页面。
     </div>
     </div>
    <p>这里是白鲸攻略组,一个由喜爱这款游戏的玩家组成的民间攻略组织,致力于无偿地向玩家提供攻略、数据图鉴、视频、同人相关的内容,希望WIKI给各位玩家的游戏旅程带来便利。</p>
    <p>当然WIKI的制作也不离开各位大佬们,有兴趣想参与WIKI建设的玩家可以加入交流群,私聊群主或者管理了解详情。</p>
    <p><a href="https://qm.qq.com/cgi-bin/qm/qr?k=your_group_link" class="group-link" target="_blank">📢 明日方舟终末地WIKI交流群:1090659492</a></p>
</div>
<!-- 动态倒计时脚本 (基于JavaScript,使用当前MediaWiki环境) -->
<script>
// 倒计时更新函数,用于模拟页面中的动态倒计时
(function() {
    function updateCountdowns() {
        var elements = document.querySelectorAll('.countdown[data-end]');
        var now = new Date();
        for (var i = 0; i < elements.length; i++) {
            var endStr = elements[i].getAttribute('data-end');
            if (!endStr) continue;
            var end = new Date(endStr.replace(/-/g, '/'));
            var diff = end - now;
            if (diff <= 0) {
                elements[i].innerText = '活动已结束';
                continue;
            }
            var days = Math.floor(diff / (1000 * 60 * 60 * 24));
            var hours = Math.floor((diff % (86400000)) / (3600000));
            var minutes = Math.floor((diff % 3600000) / 60000);
            var seconds = Math.floor((diff % 60000) / 1000);
            elements[i].innerText = days + '天' + hours + '小时' + minutes + '分钟' + seconds + '秒';
        }
    }
    updateCountdowns();
    setInterval(updateCountdowns, 1000);
})();
</script>


<!-- 由于倒计时需要准确的结束日期,请根据活动实际结束时间修改 data-end 属性值。当前示例日期仅为示意 -->
</div>
</div>

2026年3月26日 (四) 22:46的版本


{{#css: /* 首页样式 - 适配MediaWiki 1.42.7 */ .wiki-homepage {

   font-family: sans-serif;
   max-width: 1200px;
   margin: 0 auto;
   padding: 1rem;

} .home-section {

   background: #f9f9f9;
   border: 1px solid #ddd;
   border-radius: 8px;
   margin-bottom: 2rem;
   padding: 1rem;
   box-shadow: 0 1px 3px rgba(0,0,0,0.05);

} .home-section h2 {

   font-size: 1.5rem;
   border-bottom: 2px solid #c00;
   margin-top: 0;
   padding-bottom: 0.25rem;
   display: inline-block;

} .countdown {

   font-family: monospace;
   font-size: 1.2rem;
   background: #2c3e50;
   color: #ecf0f1;
   padding: 0.2rem 0.5rem;
   border-radius: 4px;
   display: inline-block;

} .wiki-stats {

   font-size: 0.9rem;
   color: #555;
   margin-top: 0.5rem;

} .group-link {

   background: #c00;
   color: white;
   padding: 0.2rem 0.8rem;
   border-radius: 20px;
   text-decoration: none;
   display: inline-block;

} .group-link:hover {

   background: #a00;
   color: white;

} /* 响应式布局 */ .activity-grid {

   display: flex;
   flex-wrap: wrap;
   gap: 1rem;
   margin-top: 1rem;

} .activity-card {

   flex: 1;
   min-width: 200px;
   background: white;
   border: 1px solid #eee;
   border-radius: 6px;
   padding: 0.8rem;

} @media (max-width: 768px) {

   .activity-grid {
       flex-direction: column;
   }

} }}

   📢 全站通知: 本站数据内容正在完善中,目前还有部分数据缺失或不准确。
我们会尽量以最快速度补全数据,同时感谢大家提供宝贵意见!
       刷 历 编
       45.2万阅读 · 2026-03-22更新 · 最新编辑: 予澄Yucheng

📅 活动日历

当前版本:1.1 // 新潮起,故渊离
           🎯 干员寻访
特许寻访·河流的女儿
限时签到·清波静流
作战演练·汤汤
2天13小时14分钟18秒
           ⚔️ 武库申领
🌱 新芽申领:落草 // 手铳
2天1小时15分钟18秒
🎨 绘涂申领:艺术暴君 // 手铳
NaN天NaN小时NaN分钟NaN秒
📬 讯行申领:使命必达 // 施术单元
2天1小时15分钟18秒
           ✨ 限时活动
泉流无声 // 引入活动
6天5小时15分钟18秒
物资供给·开拓节 // 供给活动
6天5小时15分钟18秒

📖 关于本WIKI

欢迎大家来到《明日方舟:终末地》WIKI!

       现有 178,559 名注册用户;近期有 25 位活跃编辑者,5,492 次编辑;2,938 个页面。

这里是白鲸攻略组,一个由喜爱这款游戏的玩家组成的民间攻略组织,致力于无偿地向玩家提供攻略、数据图鉴、视频、同人相关的内容,希望WIKI给各位玩家的游戏旅程带来便利。

当然WIKI的制作也不离开各位大佬们,有兴趣想参与WIKI建设的玩家可以加入交流群,私聊群主或者管理了解详情。

<a href="https://qm.qq.com/cgi-bin/qm/qr?k=your_group_link" class="group-link" target="_blank">📢 明日方舟终末地WIKI交流群:1090659492</a>

<script> // 倒计时更新函数,用于模拟页面中的动态倒计时 (function() {

   function updateCountdowns() {
       var elements = document.querySelectorAll('.countdown[data-end]');
       var now = new Date();
       for (var i = 0; i < elements.length; i++) {
           var endStr = elements[i].getAttribute('data-end');
           if (!endStr) continue;
           var end = new Date(endStr.replace(/-/g, '/'));
           var diff = end - now;
           if (diff <= 0) {
               elements[i].innerText = '活动已结束';
               continue;
           }
           var days = Math.floor(diff / (1000 * 60 * 60 * 24));
           var hours = Math.floor((diff % (86400000)) / (3600000));
           var minutes = Math.floor((diff % 3600000) / 60000);
           var seconds = Math.floor((diff % 60000) / 1000);
           elements[i].innerText = days + '天' + hours + '小时' + minutes + '分钟' + seconds + '秒';
       }
   }
   updateCountdowns();
   setInterval(updateCountdowns, 1000);

})(); </script>