|
|
| (未显示同一用户的163个中间版本) |
| 第1行: |
第1行: |
| <!--
| | <div class="custom-homepage"> |
| 请将以下代码完整复制到您的MediaWiki站点首页(例如“首页”页面)的源代码编辑器中。
| |
| 本页面设计基于MediaWiki 1.42.7,使用了部分现代CSS特性及MW内置样式。
| |
| 若需要完全仿照BWIKI的交互(如活动日历、角色头像网格),建议安装Cargo扩展以支持动态数据查询。
| |
| 静态图片链接请替换为您的实际图片URL。
| |
| --><div class="zmd-wiki-home">
| |
| <!-- ================= 顶部全站通知栏 ================= -->
| |
| <div class="mw-message-box mw-message-box-notice" style="background: #2a2e3a; border-left-color: #48bba0; color: #e0e3e9;">
| |
| <strong>📢 全站通知:</strong> 本站数据内容正在完善中,目前还有部分数据缺失或不准确。我们会尽量以最快速度补全数据,同时感谢大家提供宝贵意见!
| |
| </div>
| |
|
| |
|
| <!-- ================= 页面操作栏(刷/历/编) ================= -->
| | <!-- 全站通知 --> |
| <div class="page-toolbar" style="display: flex; justify-content: flex-end; gap: 12px; margin: 10px 0 20px; font-size: 0.9rem;">
| | <div class="notice" style="background:#f8f9fa; border-left:4px solid #36c; padding:10px 15px; margin:10px 0; font-size:25px;"> |
| <span class="mw-ui-button mw-ui-quiet" style="cursor: default;">刷</span>
| | <span style="background: linear-gradient(135deg, #ff0080, #ff8c00, #40e0d0); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: bold;">全站通知:萌新请先点击游戏攻略查看相关新手指南!</span> |
| <span class="mw-ui-button mw-ui-quiet" style="cursor: default;">历</span>
| | </div> |
| <span class="mw-ui-button mw-ui-quiet" onclick="location.href=location.href+'?action=edit'" style="cursor: pointer;">编</span>
| |
| <span style="color: #7f8c8d;">阅读</span>
| |
| <span style="color: #48bba0;">2026-03-22更新</span>
| |
| <span>最新编辑: <b>予澄Yucheng</b></span>
| |
| </div>
| |
|
| |
|
| <!-- ================= 主内容区:两栏布局 ================= -->
| | <!-- 第一行:横幅 + 更新公告并排 --> |
| <div class="zmd-grid" style="display: grid; grid-template-columns: 1fr 300px; gap: 24px; margin-top: 10px;">
| | <div class="top-row"> |
| <!-- 左侧主要内容区域 -->
| | <div class="hero-banner"> |
| <div class="zmd-main"> | | [[File:wyhf.png|center|link=|alt=网站横幅]] |
| <!-- 活动日历 / 轮播板块(模仿BWIKI活动面板) -->
| | </div> |
| <div class="zmd-card">
| | <div class="update-card"> |
| <div class="zmd-card-header"> | | <h3>📢 更新公告</h3> |
| <span class="header-icon">📅</span> 活动日历
| | <div class="update-item"> |
| <span class="version-badge">当前版本:1.1 // 新潮起,故渊离</span>
| | <strong>1573版本</strong><br> |
| | 更新日期:2026年5月22日<br> |
| | • 新增角色1名<br> |
| | • 新增一个天赋<br> |
| | • 修复BUG和优化地图<br> |
| | • 新增难度4<br> |
| | • 野怪调整<br> |
| | • 羁绊调整和角色调整<br> |
| </div> | | </div> |
| <div class="zmd-card-content"> | | <div class="update-link"> |
| <div class="event-grid" style="display: flex; flex-wrap: wrap; gap: 20px;">
| | [[更新日志|更新日志 →]] |
| <div class="event-col" style="flex: 1;">
| |
| <h4>干员寻访</h4>
| |
| <ul style="list-style: none; padding-left: 0;">
| |
| <li>✨ 特许寻访 · 河流的女儿</li>
| |
| <li>🎁 限时签到 · 清波静流</li>
| |
| <li>⚔️ 作战演练 · 汤汤</li>
| |
| </ul>
| |
| </div>
| |
| <div class="event-col" style="flex: 1;">
| |
| <h4>武库申领</h4>
| |
| <ul style="list-style: none; padding-left: 0;">
| |
| <li>🌱 新芽申领:落草 // 手铳</li>
| |
| <li>🎨 绘涂申领:艺术暴君 // 手铳</li>
| |
| <li>📬 讯行申领:使命必达 // 施术单元</li>
| |
| </ul>
| |
| </div>
| |
| <div class="event-col" style="flex: 1;">
| |
| <h4>限时活动</h4>
| |
| <ul style="list-style: none; padding-left: 0;">
| |
| <li>💧 泉流无声 // 引入活动</li>
| |
| </ul>
| |
| </div> | |
| </div>
| |
| </div> | | </div> |
| </div>
| | </div> |
| | </div> |
|
| |
|
| <!-- 关于本WIKI + 数据统计(使用MW魔术字) -->
| | <!-- 两栏布局 --> |
| <div class="zmd-card">
| | <div class="two-columns"> |
| <div class="zmd-card-header">
| | |
| <span class="header-icon">ℹ️</span> 关于本WIKI
| | <!-- 左侧区域 --> |
| | <div class="left-column"> |
| | <!-- 常用内容标题 --> |
| | <div style="padding-left:15px; margin-bottom:20px; background: transparent; box-shadow: none; border-radius: 0;"> |
| | [[File:常用内容标题.png|link=]] |
| </div> | | </div> |
| <div class="zmd-card-content"> | | <!-- 四个图片卡片 --> |
| <p>欢迎大家来到《明日方舟:终末地》WIKI!</p>
| | <div class="feature-cards"> |
| <p>这里是<b>白鲸攻略组</b>,一个由喜爱这款游戏的玩家组成的民间攻略组织,致力于无偿地向玩家提供攻略、数据图鉴、视频、同人相关的内容,希望WIKI给各位玩家的游戏旅程带来便利。</p>
| | <div class="feature-card-link">[[File:棋子首页.png|center|link=棋子|alt=棋子图鉴]]</div> |
| <div class="wiki-stats" style="background: #1e2128; padding: 12px; border-radius: 12px; margin: 15px 0; display: flex; justify-content: space-around; text-align: center;">
| | <div class="feature-card-link">[[File:装备图鉴.png|center|link=装备图鉴|alt=装备图鉴]]</div> |
| <div><b>{{NUMBEROFUSERS}}</b><br/>注册用户</div>
| | <div class="feature-card-link">[[File:天赋首页.png|center|link=天赋图鉴|alt=天赋图鉴]]</div> |
| <div><b>{{NUMBEROFACTIVEUSERS}}</b><br/>活跃编辑者</div> | | <div class="feature-card-link">[[File:羁绊详情.png|center|link=羁绊详情|alt=羁绊详情]]</div> |
| <div><b>{{NUMBEROFEDITS}}</b><br/>总编辑次数</div> | | <div class="feature-card-link">[[File:游戏攻略.png|center|link=游戏攻略|alt=游戏攻略]]</div> |
| <div><b>{{NUMBEROFPAGES}}</b><br/>页面总数</div> | |
| </div>
| |
| <p>当然WIKI的制作也离不开各位大佬们,有兴趣想参与WIKI建设的玩家可以加入交流群,私聊群主或者管理了解详情。</p>
| |
| <div class="qq-group" style="background: #2a2e3a; border-radius: 30px; padding: 8px 16px; display: inline-block; margin-top: 8px;">
| |
| 💬 明日方舟终末地WIKI交流群:<b>1090659492</b>
| |
| </div>
| |
| </div> | | </div> |
| </div>
| | |
| | | <!-- 角色一览 --> |
| <!-- 角色/干员图鉴快速入口(示例,可改用Cargo动态查询) -->
| | <div style="text-align: left; margin: 0; padding: 0;"> |
| <div class="zmd-card">
| | <gallery mode="nolines" widths="850" perrow="1"> |
| <div class="zmd-card-header">
| | 最新棋子标题.png |
| <span class="header-icon">⭐</span> 干员图鉴
| | </gallery> |
| </div> | | </div> |
| <div class="zmd-card-content"> | | <div class="character-section"> |
| <div class="character-grid" style="display: flex; flex-wrap: wrap; gap: 12px;">
| | <gallery mode="nolines" widths="120" heights="120" perrow="7"> |
| <!-- 以下为静态示例,实际使用中建议使用 cargo_query 或 解析器函数 动态生成 -->
| | 角色104.png|link=千子村正|千子村正 |
| <a href="#" class="char-item" style="text-align: center; width: 80px;">
| | 角色103.png|link=菲比|菲比 |
| <div style="width: 70px; height: 70px; background: #2f3e46; border-radius: 50%; margin: 0 auto; background-image: url('https://via.placeholder.com/70x70?text=陈'); background-size: cover;"></div>
| | 角色102.png|link=我的刀盾|我的刀盾 |
| <span>陈</span>
| | 角色101.png|link=黑岩射手|黑岩射手 |
| </a>
| | 角色100.png|link=夜神月|夜神月 |
| <a href="#" class="char-item" style="text-align: center; width: 80px;">
| | 角色99.png|link=莱茵哈鲁特|莱茵哈鲁特 |
| <div style="width: 70px; height: 70px; background: #2f3e46; border-radius: 50%; margin: 0 auto; background-image: url('https://via.placeholder.com/70x70?text=星熊'); background-size: cover;"></div>
| | 角色98.png|link=耄耋|耄耋 |
| <span>星熊</span>
| | </gallery> |
| </a>
| | <div style="text-align: left; margin: 0; padding: 0;"> |
| <a href="#" class="char-item" style="text-align: center; width: 80px;">
| | <gallery mode="nolines" widths="850" perrow="1"> |
| <div style="width: 70px; height: 70px; background: #2f3e46; border-radius: 50%; margin: 0 auto; background-image: url('https://via.placeholder.com/70x70?text=能天使'); background-size: cover;"></div>
| | 全部棋子.png|link=棋子 |
| <span>能天使</span>
| | </gallery> |
| </a> | | </div> |
| <a href="#" class="char-item" style="text-align: center; width: 80px;"> | |
| <div style="width: 70px; height: 70px; background: #2f3e46; border-radius: 50%; margin: 0 auto; background-image: url('https://via.placeholder.com/70x70?text=凛视'); background-size: cover;"></div>
| |
| <span>凛视</span>
| |
| </a>
| |
| <a href="#" class="char-item" style="text-align: center; width: 80px;">
| |
| <div style="width: 70px; height: 70px; background: #3a4a52; border-radius: 50%; margin: 0 auto; line-height: 70px; text-align: center; font-size: 24px;">+</div>
| |
| <span>全部</span>
| |
| </a> | |
| </div>
| |
| </div> | | </div> |
| </div>
| |
| </div> | | </div> |
| | | |
| <!-- 右侧侧边栏区域 --> | | <!-- 右侧区域(修复后的完整代码) --> |
| <div class="zmd-sidebar"> | | <div class="right-column"> |
| <!-- 页面贡献者 -->
| | <!-- 直播封面卡片 --> |
| <div class="zmd-card">
| | <div id="live-carousel-container" style=" |
| <div class="zmd-card-header">📝 最近编辑</div> | | background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); |
| <div class="zmd-card-content">
| | border-radius: 20px; |
| <p>页面贡献者:<b>予澄Yucheng</b>,<b>攻略组小七</b>,<b>星熊不加班</b></p>
| | padding: 20px; |
| <p>最后更新:2026-03-22</p>
| | color: white; |
| | margin-bottom: 20px; |
| | text-align: center; |
| | "> |
| | <h3 style=" |
| | background: linear-gradient(135deg, #ffd89b, #c7e9fb); |
| | -webkit-background-clip: text; |
| | background-clip: text; |
| | color: transparent; |
| | display: inline-block; |
| | font-size: 20px; |
| | margin: 0 0 12px 0; |
| | padding: 0; |
| | ">推荐主播</h3> |
| | <div id="live-name" style="font-size: 22px; font-weight: bold; margin-bottom: 8px;"></div> |
| | <div id="live-desc" style="font-size: 14px; opacity: 0.85; margin-bottom: 20px;"></div> |
| | <div id="live-cover-img" style=" |
| | width: 100%; |
| | max-width: 280px; |
| | height: 160px; |
| | margin: 0 auto 15px auto; |
| | border-radius: 12px; |
| | box-shadow: 0 4px 12px rgba(0,0,0,0.3); |
| | background-size: cover; |
| | background-position: center; |
| | background-repeat: no-repeat; |
| | cursor: pointer; |
| | "></div> |
| | <div id="live-controls" style="display: flex; justify-content: center; align-items: center; gap: 0;"> |
| | <div id="live-dots" style="display: flex; gap: 10px; align-items: center;"></div> |
| | </div> |
| </div> | | </div> |
| </div>
| |
|
| |
|
| <!-- 常用链接/官方链接 -->
| | <!-- 兑换中心卡片 --> |
| <div class="zmd-card">
| | <div class="redeem-card" style=" |
| <div class="zmd-card-header">🔗 官方与社区</div>
| | background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| <div class="zmd-card-content link-list" style="display: flex; flex-direction: column; gap: 8px;">
| | border-radius: 12px; |
| <a href="https://www.bilibili.com" target="_blank" rel="nofollow">B站官方账号</a>
| | padding: 20px; |
| <a href="#" target="_blank">官网地址</a>
| | color: white; |
| <a href="#" target="_blank">TapTap页面</a>
| | "> |
| <a href="#" target="_blank">版本更新记录</a>
| | <h3 style="background: linear-gradient(135deg, #ffd89b, #c7e9fb); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; font-size: 20px;">存档与赞助</h3> |
| <a href="#" target="_blank">反馈建议板</a>
| | <div class="code-box" style="background: rgba(255,255,255,0.2); border-radius: 8px; padding: 12px; margin: 15px 0; text-align: center; font-family: monospace; font-size: 16px; letter-spacing: 2px;">新增存档与赞助道具</div> |
| </div>
| | <div class="redeem-info" style="font-size: 13px; opacity: 0.9;"> |
| </div>
| | '''棋子-菲比使用权'''<br> |
| | | '''小小棋手-菲比'''<br> |
| <!-- 参与WIKI -->
| | '''小小棋手-千咲''' |
| <div class="zmd-card">
| | </div> |
| <div class="zmd-card-header">🛠️ 参与WIKI建设</div>
| | <div class="redeem-btn" style="display: block; text-align: center; background: white; color: #667eea; padding: 6px 20px; border-radius: 20px; text-decoration: none; font-weight: bold; margin-top: 15px; transition: transform 0.2s;"> |
| <div class="zmd-card-content">
| | [[兑换中心|兑换详情]] |
| <ul style="padding-left: 20px;">
| | </div> |
| <li><a href="#">编辑帮助手册</a> / <a href="#">模板使用指南</a></li>
| |
| <li>加入编辑组QQ群:<b>1090659492</b></li>
| |
| <li>近期急需补充:敌方图鉴、剧情文本</li>
| |
| </ul>
| |
| </div> | | </div> |
| </div>
| | </div><!-- .right-column 结束 --> |
| | |
| <!-- 轮播/展示位(可选) -->
| |
| <div class="zmd-card">
| |
| <div class="zmd-card-header">🎬 最新视频</div>
| |
| <div class="zmd-card-content" style="padding: 0;">
| |
| <div style="background: #1a1e24; height: 150px; display: flex; align-items: center; justify-content: center; border-radius: 12px;">
| |
| [ 视频展示位 ]
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div> | |
| </div>
| |
| | |
| <!-- ================= 底部版权与贡献 ================= -->
| |
| <div class="zmd-footer" style="margin-top: 40px; padding: 20px 0; text-align: center; border-top: 1px solid #2e3a44; font-size: 0.85rem; color: #8a9bb0;">
| |
| <p>本站内容由玩家自发整理,遵循CC BY-NC-SA 4.0协议。若涉及侵权请联系管理员。</p>
| |
| <p>页面贡献者:予澄Yucheng, 再睡五分钟, 终末地Bot · 最后更新:2026-03-22</p>
| |
| </div>
| |
| </div>
| |
| | |
| <style>
| |
| /* 全局样式覆盖,使页面更贴近BWIKI深色风格 */
| |
| .zmd-wiki-home {
| |
| background-color: #0a0c10;
| |
| color: #e0e3e9;
| |
| font-family: system-ui, -apple-system, 'Segoe UI', 'Microsoft YaHei', sans-serif;
| |
| padding: 20px;
| |
| max-width: 1400px;
| |
| margin: 0 auto;
| |
| }
| |
| | |
| /* 卡片样式 */
| |
| .zmd-card {
| |
| background: rgba(20, 24, 30, 0.85);
| |
| backdrop-filter: blur(2px);
| |
| border-radius: 20px;
| |
| border: 1px solid rgba(72, 187, 160, 0.3);
| |
| margin-bottom: 24px;
| |
| overflow: hidden;
| |
| transition: 0.2s;
| |
| }
| |
| .zmd-card:hover {
| |
| border-color: #48bba0;
| |
| box-shadow: 0 6px 14px rgba(0,0,0,0.3);
| |
| }
| |
| .zmd-card-header {
| |
| padding: 14px 20px;
| |
| background: rgba(0, 0, 0, 0.4);
| |
| border-bottom: 1px solid rgba(72, 187, 160, 0.4);
| |
| font-weight: bold;
| |
| font-size: 1.2rem;
| |
| display: flex;
| |
| align-items: center;
| |
| gap: 8px;
| |
| }
| |
| .zmd-card-content {
| |
| padding: 16px 20px;
| |
| }
| |
| .version-badge {
| |
| margin-left: auto;
| |
| font-size: 0.75rem;
| |
| background: #1e3a3a;
| |
| padding: 4px 12px;
| |
| border-radius: 40px;
| |
| font-weight: normal;
| |
| }
| |
| .header-icon {
| |
| font-size: 1.3rem;
| |
| }
| |
| /* 链接颜色 */
| |
| a {
| |
| color: #7fc1b0;
| |
| text-decoration: none;
| |
| }
| |
| a:hover {
| |
| color: #c0f0e2;
| |
| text-decoration: underline;
| |
| }
| |
| /* 统计数字加粗 */
| |
| .wiki-stats b {
| |
| font-size: 1.3rem;
| |
| color: #48bba0;
| |
| }
| |
| /* 响应式 */
| |
| @media (max-width: 768px) {
| |
| .zmd-grid {
| |
| grid-template-columns: 1fr !important;
| |
| }
| |
| .event-grid {
| |
| flex-direction: column;
| |
| }
| |
| }
| |
| /* 模仿MediaWiki UI按钮样式(没有实际引入时手动模拟) */
| |
| .mw-ui-button {
| |
| display: inline-block;
| |
| padding: 6px 12px;
| |
| border-radius: 2px;
| |
| background: #2a2e3a;
| |
| color: #e0e3e9;
| |
| border: 1px solid #4a5b6e;
| |
| cursor: default;
| |
| }
| |
| .mw-ui-quiet {
| |
| background: transparent;
| |
| border-color: transparent;
| |
| }
| |
| </style>
| |
|
| |
|
| <!-- ================= 可选的Cargo查询示例(需安装Cargo扩展后启用) ================= | | </div><!-- .two-columns 结束 --> |
| 如果您的站点已安装Cargo扩展并创建了“干员”表,可以用以下代码替换上方静态图鉴部分,实现动态列表:
| |
| {{#cargo_query:
| |
| table=干员
| |
| |fields=名字,头像图片
| |
| |limit=8
| |
| |format=template
| |
| |template=干员图鉴展示模板
| |
| }}
| |
| --> | |
|
| |
|
| <!-- 备注:本页面已尽量兼容MediaWiki 1.42.7环境,未使用高版本特有语法。--> | | </div><!-- .custom-homepage 结束 --> |