web/plugins.html at main · fcl-docs/web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FCL插件下载 - Fold Craft Launcher</title>

    <!-- SEO元标签 -->
    <meta name="description" content="下载FCL插件，扩展您的Minecraft体验，包括渲染器和驱动插件。">
    <meta name="keywords" content="Minecraft, 插件, 模组, FCL, Fold Craft Launcher, 渲染器, Android">
    <meta name="author" content="FCL-Team">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://foldcraftlauncher.cn/plugins.html">
    <meta property="og:title" content="FCL插件下载 - Fold Craft Launcher">
    <meta property="og:description" content="下载FCL插件，扩展您的Minecraft体验，包括渲染器和驱动插件。">
    <meta property="og:image" content="https://foldcraftlauncher.cn/images/og-image.jpg">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://foldcraftlauncher.cn/plugins.html">
    <meta property="twitter:title" content="FCL插件下载">
    <meta property="twitter:description" content="下载FCL插件，扩展您的Minecraft体验，包括渲染器和驱动插件。">
    <meta property="twitter:image" content="https://foldcraftlauncher.cn/images/og-image.jpg">

    <!-- Favicon图标 -->
    <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
    <link rel="manifest" href="favicon/site.webmanifest">
    <link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#2c974b">
    <meta name="msapplication-TileColor" content="#2c974b">
    <meta name="theme-color" content="#2c974b">

    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/plugins.css">
</head>
<body>
    <header>
        <div class="container">
            <div class="logo">
                <img src="images/fcl-logo.png" alt="FCL Logo">
                <h1>Fold Craft Launcher</h1>
            </div>
            <button class="mobile-menu-button" aria-label="菜单">☰</button>
            <nav>
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="download.html">启动器下载</a></li>
                    <li><a href="plugins.html" class="active">插件下载</a></li>
                    <li><a href="docs.html">文档</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <section class="plugins-hero">
        <div class="container">
            <h2>FCL插件下载</h2>
            <p>扩展您的Minecraft体验，下载各种插件和模组</p>
        </div>
    </section>

    <section class="plugins-filter">
        <div class="container">
            <div class="filter-options">
                <div class="filter-category">
                    <label for="category-filter">分类：</label>
                    <select id="category-filter">
                        <option value="all">全部</option>
                        <option value="renderer">渲染器</option>
                        <option value="driver">驱动</option>
                    </select>
                </div>
                <div class="search-box">
                    <input type="text" id="plugin-search" placeholder="搜索插件...">
                </div>
            </div>
        </div>
    </section>

    <section class="plugins-list">
        <div class="container">
            <div id="plugins-container" class="plugins-grid">
                <!-- 插件列表会通过JavaScript动态加载 -->
            </div>
            <div class="pagination">
                <button id="load-more" class="btn btn-secondary">加载更多</button>
            </div>
        </div>
    </section>

    <section class="plugins-info">
        <div class="container">
            <h2>如何安装插件</h2>
            <div class="info-grid">
                <div class="info-item">
                    <div class="info-number">1</div>
                    <h3>下载插件</h3>
                    <p>选择您需要的插件并下载到设备</p>
                </div>
                <div class="info-item">
                    <div class="info-number">2</div>
                    <h3>安装插件</h3>
                    <p>点击下载的插件包进行安装</p>
                </div>
                <div class="info-item">
                    <div class="info-number">3</div>
                    <h3>权限设置</h3>
                    <p>确保已给FCL获取应用列表权限</p>
                </div>
                <div class="info-item">
                    <div class="info-number">4</div>
                    <h3>重启FCL</h3>
                    <p>重新启动FCL以完成安装</p>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-logo">
                    <h3>Fold Craft Launcher</h3>
                    <p>在Android上运行Minecraft: Java Edition的开源启动器</p>
                </div>
                <div class="footer-links">
                    <h4>链接</h4>
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li><a href="download.html">启动器下载</a></li>
                        <li><a href="plugins.html">插件下载</a></li>
                        <li><a href="docs.html">文档</a></li>
                        <li><a href="https://github.com/FCL-Team/FoldCraftLauncher">GitHub</a></li>
                    </ul>
                </div>
            </div>
            <div class="copyright">
                <p>&copy; 2025 FCL-Team. 保留所有权利。</p>
            </div>
        </div>
    </footer>

    <script src="js/main.js"></script>
    <script src="js/plugins.js"></script>
</body>
</html>