Skip to content

Commit 14b677a

Browse files
qianmoQqianmoQ
committed
deploy: 8805aff 
1 parent 73f4c6f commit 14b677a

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

85 files changed

+14970
-13138
lines changed

‎en/404.html

Lines changed: 41 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
2+
13
<!DOCTYPE html>
24
<html lang="zh" class="scroll-smooth">
35
<head>
@@ -142,6 +144,18 @@
142144
</a>
143145
</li>
144146

147+
<li class="shrink-0">
148+
<a href="/en/template/home.html" class="inline-flex items-center rounded-lg justify-center px-4 py-3 text-sm font-medium leading-none hover:text-gray-900 hover:bg-gray-50">
149+
Template
150+
</a>
151+
</li>
152+
153+
<li class="shrink-0">
154+
<a href="/en/team.html" class="inline-flex items-center rounded-lg justify-center px-4 py-3 text-sm font-medium leading-none hover:text-gray-900 hover:bg-gray-50">
155+
Team
156+
</a>
157+
</li>
158+
145159
</ul>
146160
</div>
147161

@@ -313,6 +327,14 @@
313327
Release Notes
314328
</a>
315329

330+
<a href="/en/template/home.html" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50">
331+
Template
332+
</a>
333+
334+
<a href="/en/team.html" class="block px-3 py-2 rounded-md text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-50">
335+
Team
336+
</a>
337+
316338

317339
<!-- 移动端语言切换 -->
318340

@@ -331,15 +353,28 @@
331353
</div>
332354

333355
<script>
334-
// 点击外部区域关闭移动端菜单
335-
document.addEventListener('click', function (event) {
356+
document.addEventListener('DOMContentLoaded', function () {
336357
const mobileMenu = document.getElementById('mobile-menu');
337358
const menuButton = document.querySelector('button[onclick*="mobile-menu"]');
338359

339-
if (!mobileMenu.contains(event.target) && !menuButton.contains(event.target) && !mobileMenu.classList.contains('hidden')) {
340-
mobileMenu.classList.add('hidden');
341-
menuButton.querySelector('svg:first-child').classList.remove('hidden');
342-
menuButton.querySelector('svg:last-child').classList.add('hidden');
360+
// 只有当菜单元素存在时才添加事件监听
361+
if (mobileMenu && menuButton) {
362+
document.addEventListener('click', function (event) {
363+
if (!mobileMenu.contains(event.target) &&
364+
!menuButton.contains(event.target) &&
365+
!mobileMenu.classList.contains('hidden')) {
366+
367+
mobileMenu.classList.add('hidden');
368+
369+
const openIcon = menuButton.querySelector('svg:first-child');
370+
const closeIcon = menuButton.querySelector('svg:last-child');
371+
372+
if (openIcon && closeIcon) {
373+
openIcon.classList.remove('hidden');
374+
closeIcon.classList.add('hidden');
375+
}
376+
}
377+
});
343378
}
344379
});
345380
</script>

‎en/getting-started/create-site/index.html

Lines changed: 81 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
2+
13
<!DOCTYPE html>
24
<html lang="zh" class="scroll-smooth">
35
<head>
@@ -164,6 +166,24 @@
164166
</a>
165167
</li>
166168

169+
<li class="shrink-0">
170+
<a href="/en/template/home.html"
171+
class="inline-flex items-center rounded-lg justify-center px-4 py-3
172+
text-sm font-medium leading-none
173+
hover:text-gray-900 hover:bg-gray-50 ">
174+
Template
175+
</a>
176+
</li>
177+
178+
<li class="shrink-0">
179+
<a href="/en/team.html"
180+
class="inline-flex items-center rounded-lg justify-center px-4 py-3
181+
text-sm font-medium leading-none
182+
hover:text-gray-900 hover:bg-gray-50 ">
183+
Team
184+
</a>
185+
</li>
186+
167187
</ul>
168188
</div>
169189

@@ -358,6 +378,18 @@
358378
Release Notes
359379
</a>
360380

381+
<a href="/en/template/home.html"
382+
class="block px-3 py-2 rounded-md text-base font-medium
383+
text-gray-700 hover:text-gray-900 hover:bg-gray-50 ">
384+
Template
385+
</a>
386+
387+
<a href="/en/team.html"
388+
class="block px-3 py-2 rounded-md text-base font-medium
389+
text-gray-700 hover:text-gray-900 hover:bg-gray-50 ">
390+
Team
391+
</a>
392+
361393

362394
<!-- 移动端语言切换 -->
363395

@@ -380,15 +412,28 @@
380412
</div>
381413

382414
<script>
383-
// 点击外部区域关闭移动端菜单
384-
document.addEventListener('click', function (event) {
415+
document.addEventListener('DOMContentLoaded', function () {
385416
const mobileMenu = document.getElementById('mobile-menu');
386417
const menuButton = document.querySelector('button[onclick*="mobile-menu"]');
387418

388-
if (!mobileMenu.contains(event.target) && !menuButton.contains(event.target) && !mobileMenu.classList.contains('hidden')) {
389-
mobileMenu.classList.add('hidden');
390-
menuButton.querySelector('svg:first-child').classList.remove('hidden');
391-
menuButton.querySelector('svg:last-child').classList.add('hidden');
419+
// 只有当菜单元素存在时才添加事件监听
420+
if (mobileMenu && menuButton) {
421+
document.addEventListener('click', function (event) {
422+
if (!mobileMenu.contains(event.target) &&
423+
!menuButton.contains(event.target) &&
424+
!mobileMenu.classList.contains('hidden')) {
425+
426+
mobileMenu.classList.add('hidden');
427+
428+
const openIcon = menuButton.querySelector('svg:first-child');
429+
const closeIcon = menuButton.querySelector('svg:last-child');
430+
431+
if (openIcon && closeIcon) {
432+
openIcon.classList.remove('hidden');
433+
closeIcon.classList.add('hidden');
434+
}
435+
}
436+
});
392437
}
393438
});
394439
</script>
@@ -1291,7 +1336,8 @@ <h1 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm
12911336

12921337
<!-- 右侧目录 -->
12931338

1294-
<div class="hidden lg:block flex-none w-64 pl-8 mr-8">
1339+
<!-- 桌面端目录 -->
1340+
<div class="hidden lg:block flex-none w-64 pl-8 mr-8">
12951341
<div class="sticky" style="top: calc(var(--header-height) + 1rem)">
12961342
<div class="text-sm font-medium text-gray-900 dark:text-gray-100 mb-4">目录</div>
12971343
<nav class="overflow-y-auto pr-4 -mr-4 space-y-1 pageforge-scrollbar"
@@ -1338,7 +1384,16 @@ <h1 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm
13381384
</div>
13391385
</div>
13401386

1341-
<!-- 移动端的模板也需要同样的修改 -->
1387+
<!-- 移动端目录按钮 -->
1388+
<button id="toc-mobile-trigger"
1389+
class="lg:hidden fixed right-4 bottom-4 z-20 bg-white dark:bg-gray-800 p-2 rounded-full shadow-lg"
1390+
onclick="document.getElementById('toc-mobile').classList.toggle('translate-y-full')">
1391+
<svg class="w-6 h-6 text-gray-600 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1392+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7"></path>
1393+
</svg>
1394+
</button>
1395+
1396+
<!-- 移动端目录 -->
13421397
<div id="toc-mobile"
13431398
class="lg:hidden fixed bottom-0 inset-x-0 z-30 bg-white dark:bg-gray-800
13441399
transform translate-y-full transition duration-200 ease-in-out
@@ -1393,6 +1448,24 @@ <h3 class="text-lg font-semibold">目录</h3>
13931448

13941449
</nav>
13951450
</div>
1451+
1452+
<!-- 控制脚本 -->
1453+
<script>
1454+
const tocMobile = document.getElementById('toc-mobile');
1455+
const tocMobileTrigger = document.getElementById('toc-mobile-trigger');
1456+
1457+
tocMobileTrigger.addEventListener('click', () => {
1458+
tocMobile.classList.remove('translate-y-full');
1459+
});
1460+
1461+
document.addEventListener('click', (e) => {
1462+
if (!tocMobile.contains(e.target) &&
1463+
!tocMobileTrigger.contains(e.target) &&
1464+
!tocMobile.classList.contains('translate-y-full')) {
1465+
tocMobile.classList.add('translate-y-full');
1466+
}
1467+
});
1468+
</script>
13961469

13971470
</div>
13981471
</div>

‎en/getting-started/customization.html

Lines changed: 81 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
2+
13
<!DOCTYPE html>
24
<html lang="zh" class="scroll-smooth">
35
<head>
@@ -164,6 +166,24 @@
164166
</a>
165167
</li>
166168

169+
<li class="shrink-0">
170+
<a href="/en/template/home.html"
171+
class="inline-flex items-center rounded-lg justify-center px-4 py-3
172+
text-sm font-medium leading-none
173+
hover:text-gray-900 hover:bg-gray-50 ">
174+
Template
175+
</a>
176+
</li>
177+
178+
<li class="shrink-0">
179+
<a href="/en/team.html"
180+
class="inline-flex items-center rounded-lg justify-center px-4 py-3
181+
text-sm font-medium leading-none
182+
hover:text-gray-900 hover:bg-gray-50 ">
183+
Team
184+
</a>
185+
</li>
186+
167187
</ul>
168188
</div>
169189

@@ -358,6 +378,18 @@
358378
Release Notes
359379
</a>
360380

381+
<a href="/en/template/home.html"
382+
class="block px-3 py-2 rounded-md text-base font-medium
383+
text-gray-700 hover:text-gray-900 hover:bg-gray-50 ">
384+
Template
385+
</a>
386+
387+
<a href="/en/team.html"
388+
class="block px-3 py-2 rounded-md text-base font-medium
389+
text-gray-700 hover:text-gray-900 hover:bg-gray-50 ">
390+
Team
391+
</a>
392+
361393

362394
<!-- 移动端语言切换 -->
363395

@@ -380,15 +412,28 @@
380412
</div>
381413

382414
<script>
383-
// 点击外部区域关闭移动端菜单
384-
document.addEventListener('click', function (event) {
415+
document.addEventListener('DOMContentLoaded', function () {
385416
const mobileMenu = document.getElementById('mobile-menu');
386417
const menuButton = document.querySelector('button[onclick*="mobile-menu"]');
387418

388-
if (!mobileMenu.contains(event.target) && !menuButton.contains(event.target) && !mobileMenu.classList.contains('hidden')) {
389-
mobileMenu.classList.add('hidden');
390-
menuButton.querySelector('svg:first-child').classList.remove('hidden');
391-
menuButton.querySelector('svg:last-child').classList.add('hidden');
419+
// 只有当菜单元素存在时才添加事件监听
420+
if (mobileMenu && menuButton) {
421+
document.addEventListener('click', function (event) {
422+
if (!mobileMenu.contains(event.target) &&
423+
!menuButton.contains(event.target) &&
424+
!mobileMenu.classList.contains('hidden')) {
425+
426+
mobileMenu.classList.add('hidden');
427+
428+
const openIcon = menuButton.querySelector('svg:first-child');
429+
const closeIcon = menuButton.querySelector('svg:last-child');
430+
431+
if (openIcon && closeIcon) {
432+
openIcon.classList.remove('hidden');
433+
closeIcon.classList.add('hidden');
434+
}
435+
}
436+
});
392437
}
393438
});
394439
</script>
@@ -1214,7 +1259,8 @@ <h1 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm
12141259

12151260
<!-- 右侧目录 -->
12161261

1217-
<div class="hidden lg:block flex-none w-64 pl-8 mr-8">
1262+
<!-- 桌面端目录 -->
1263+
<div class="hidden lg:block flex-none w-64 pl-8 mr-8">
12181264
<div class="sticky" style="top: calc(var(--header-height) + 1rem)">
12191265
<div class="text-sm font-medium text-gray-900 dark:text-gray-100 mb-4">目录</div>
12201266
<nav class="overflow-y-auto pr-4 -mr-4 space-y-1 pageforge-scrollbar"
@@ -1261,7 +1307,16 @@ <h1 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm
12611307
</div>
12621308
</div>
12631309

1264-
<!-- 移动端的模板也需要同样的修改 -->
1310+
<!-- 移动端目录按钮 -->
1311+
<button id="toc-mobile-trigger"
1312+
class="lg:hidden fixed right-4 bottom-4 z-20 bg-white dark:bg-gray-800 p-2 rounded-full shadow-lg"
1313+
onclick="document.getElementById('toc-mobile').classList.toggle('translate-y-full')">
1314+
<svg class="w-6 h-6 text-gray-600 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1315+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7"></path>
1316+
</svg>
1317+
</button>
1318+
1319+
<!-- 移动端目录 -->
12651320
<div id="toc-mobile"
12661321
class="lg:hidden fixed bottom-0 inset-x-0 z-30 bg-white dark:bg-gray-800
12671322
transform translate-y-full transition duration-200 ease-in-out
@@ -1316,6 +1371,24 @@ <h3 class="text-lg font-semibold">目录</h3>
13161371

13171372
</nav>
13181373
</div>
1374+
1375+
<!-- 控制脚本 -->
1376+
<script>
1377+
const tocMobile = document.getElementById('toc-mobile');
1378+
const tocMobileTrigger = document.getElementById('toc-mobile-trigger');
1379+
1380+
tocMobileTrigger.addEventListener('click', () => {
1381+
tocMobile.classList.remove('translate-y-full');
1382+
});
1383+
1384+
document.addEventListener('click', (e) => {
1385+
if (!tocMobile.contains(e.target) &&
1386+
!tocMobileTrigger.contains(e.target) &&
1387+
!tocMobile.classList.contains('translate-y-full')) {
1388+
tocMobile.classList.add('translate-y-full');
1389+
}
1390+
});
1391+
</script>
13191392

13201393
</div>
13211394
</div>

0 commit comments

Comments
 (0)