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

<!-- 
  这是“魔法”所在！
  这行代码会告诉页面去加载并使用我们在第一步创建的那个CSS文件。
  这才是MediaWiki的正确做法。
-->
<templatestyles src="Template:MainPage/styles.css" />

<!-- 这是页面的HTML结构 -->
<div class="blockland-container">

    <!-- 顶部大图和搜索区域 -->
    <div class="hero-section">
        <h1>方块大陆百科</h1>
        <p>一个由你我共同构筑，涵盖了关于方块大陆世界一切的自由知识库</p>
        <div class="search-container">
            <form class="search-form" action="{{localurl:Special:Search}}">
                <input class="search-input" type="search" name="search" placeholder="探索这个世界的奥秘...">
                <button class="search-button" type="submit">探索</button>
            </form>
        </div>
    </div>

    <!-- 主要内容区域 -->
    <div class="main-grid">
        
        <!-- 大卡片：内容传送门 -->
        <div class="b-card" style="grid-column: span 2;">
            <h2>内容传送门</h2>
            <div class="portal-grid">
                <a href="/wiki/传送门:世界地理" class="portal-link"><svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zM17.9 17.39c-.21.79-1.01 1.4-1.9 1.4v-3h2c.55 0 1 .45 1 1 0 .62-.37 1.16-.89 1.39zM13 14v-4c0-1.1-.9-2-2-2h-1V6h1c1.1 0 2-.9 2-2V3.07c3.95.49 7 3.85 7 7.93 0 .62-.08 1.21-.21 1.79L13 14z"/></svg> 世界地理</a>
                <a href="/wiki/传送门:历史年表" class="portal-link"><svg viewBox="0 0 24 24"><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7v-5z"/></svg> 历史年表</a>
                <a href="/wiki/传送门:种族与生物" class="portal-link"><svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg> 种族与生物</a>
                <a href="/wiki/传送门:组织与势力" class="portal-link"><svg viewBox="0 0 24 24"><path d="M12 3L4 9v12h16V9l-8-6zm0 2.24L17.76 9H6.24L12 5.24zM18 19H6v-8h12v8zM8 13h2v4H8v-4zm4 0h2v4h-2v-4z"/></svg> 组织与势力</a>
                <a href="/wiki/传送门:科技与魔法" class="portal-link"><svg viewBox="0 0 24 24"><path d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"/></svg> 科技与魔法</a>
                <a href="/wiki/传送门:重要人物" class="portal-link"><svg viewBox="0 0 24 24"><path d="M16.5 12c1.38 0 2.5-1.12 2.5-2.5S17.88 7 16.5 7C15.12 7 14 8.12 14 9.5s1.12 2.5 2.5 2.5zM9 11c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3zm7.5 3c-1.83 0-5.5.92-5.5 2.75V19h11v-2.25c0-1.83-3.67-2.75-5.5-2.75zM9 13c-2.33 0-7 1.17-7 3.5V19h7v-2.5c0-.85.33-2.34 2.37-3.41C10.5 13.1 9.66 13 9 13z"/></svg> 重要人物</a>
            </div>
        </div>

        <!-- 中间卡片：今日推荐 -->
        <div class="b-card">
            <h2>今日推荐条目</h2>
            <div style="color: var(--text-muted); padding: 10px 0;">{{模板:今日推荐条目}}</div>
        </div>

        <!-- 右侧卡片：杂项 -->
        <div class="b-card">
            <h2>你知道吗？</h2>
            <ul style="color: var(--text-muted);">
              <li>{{模板:你知道吗}}</li>
            </ul>
        </div>
    </div>
</div>