web/docs.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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>文档 - Fold Craft Launcher</title>

    <!-- SEO元标签 -->
    <meta name="description" content="Fold Craft Launcher文档中心，获取详细使用说明、安装指南和故障排除信息。">
    <meta name="keywords" content="FCL, Fold Craft Launcher, 文档, 教程, 安装, 配置, Minecraft, Java Edition">
    <meta name="author" content="FCL-Team">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://foldcraftlauncher.cn/docs.html">
    <meta property="og:title" content="文档 - Fold Craft Launcher">
    <meta property="og:description" content="Fold Craft Launcher文档中心，获取详细使用说明、安装指南和故障排除信息。">
    <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/docs.html">
    <meta property="twitter:title" content="FCL文档中心">
    <meta property="twitter:description" content="Fold Craft Launcher文档中心，获取详细使用说明、安装指南和故障排除信息。">
    <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/docs.css">
    <link rel="stylesheet" href="css/markdown-extensions.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.11.1/styles/atom-one-light.min.css">
    <style>
        /* 完全重写顶部导航样式，确保在移动设备上正确显示 */
        header nav {
            display: flex !important;
            position: static !important;
        }

        @media (max-width: 768px) {
            header nav {
                display: none !important; /* 默认隐藏 */
            }

            header nav.active {
                display: block !important;
                position: fixed !important;
                top: 0;
                left: 0;
                width: 80% !important;
                height: 100vh !important;
                background-color: #2c974b !important;
                z-index: 100;
                padding: 20px !important;
                box-shadow: 0 0 10px rgba(0,0,0,0.3) !important;
                overflow-y: auto;
            }

            /* 确保菜单项垂直排列 */
            header nav.active ul {
                flex-direction: column !important;
                align-items: flex-start !important;
            }

            header nav.active ul li {
                margin: 10px 0 !important;
                width: 100% !important;
            }

            header nav.active ul li a {
                display: block !important;
                padding: 8px 0 !important;
            }
        }

        /* 专用遮罩层样式 */
        .menu-overlay {
            opacity: 1 !important;
        }

        /* 确保文档始终有内容显示 */
        #docs-container {
            min-height: 300px;
        }

        /* 改进移动端的文档导航样式 */
        @media (max-width: 768px) {
            .docs-nav-toggle {
                display: block;
                width: 100%;
                padding: 10px;
                background-color: #2c974b;
                color: white;
                border: none;
                border-radius: 4px;
                font-size: 16px;
                cursor: pointer;
                margin-bottom: 15px;
                text-align: left;
            }

            .docs-nav-toggle span {
                float: right;
            }

            .docs-nav {
                display: none;
            }

            .docs-nav.active {
                display: block;
            }
        }
    </style>
    <script>
        // 检查页面URL，如果是纯docs路径没有参数，则重定向到第一篇文章
        (function() {
            // 获取当前路径
            const path = window.location.pathname;
            const hasParams = window.location.search.length > 0;

            // 如果是纯/docs或/docs.html路径且没有参数，重定向到第一篇安装文档
            if ((path.endsWith('/docs') || path.endsWith('/docs.html')) && !hasParams) {
                window.location.href = 'docs.html?doc=getting-started/installation';
            }
        })();
    </script>
</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">插件下载</a></li>
                    <li><a href="docs.html" class="active">文档</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- 在header下方添加遮罩层元素 -->
    <div id="nav-overlay" class="nav-overlay"></div>

    <section class="docs-hero">
        <div class="container">
            <h2>FCL文档中心</h2>
            <p>获取有关Fold Craft Launcher的详细使用说明和帮助</p>
        </div>
    </section>

    <section class="docs-content">
        <div class="container">
            <div class="docs-layout">
                <div class="docs-sidebar">
                    <div class="docs-search">
                        <input type="text" id="docs-search-input" placeholder="搜索文档...">
                    </div>
                    <div class="docs-nav" id="docs-nav">
                        <!-- 文档导航由JavaScript动态生成 -->
                    </div>
                </div>
                <div class="docs-main">
                    <div id="docs-container" class="docs-article">
                        <!-- 文档内容由JavaScript动态加载 -->
                    </div>
                </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="https://cdn.mengze.vip/npm/jquery@3.6.0/dist/jquery.min.js"></script>
    <script src="https://cdn.mengze.vip/npm/marked@4.3.0/marked.min.js"></script>
    <script src="https://mengze.vip/npm/highlight.js@11.7.0/highlight.min.js"></script>
    <script>
        // 确保在highlight.js加载后初始化
        window.addEventListener('load', function() {
            if (window.hljs) {
                console.log('highlight.js 已加载和初始化');
            } else {
                console.warn('highlight.js 未加载，正在尝试重新加载');
                const script = document.createElement('script');
                script.src = "https://cdn.jsdelivr.net/npm/highlight.js@11.7.0/highlight.min.js";
                document.head.appendChild(script);
            }
        });
    </script>
    <script src="js/markdown-extensions.js"></script>
    <script src="js/docs.js"></script>
</body>
</html>