249 lines
16 KiB
HTML
249 lines
16 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-TW">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>水晶男孩｜全站導覽</title>
|
||
<link rel="stylesheet" href="../assets/css/style.css">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
||
<link rel="stylesheet" href="../assets/css/tablet.css">
|
||
</head>
|
||
|
||
<body class="site-guide-page">
|
||
<header class="map-archive-header">
|
||
<div class="header-inner">
|
||
<h1 class="main-title">全站導覽</h1>
|
||
<div class="subtitle-wrap">
|
||
<span class="sub-title">SITE MAP · 頁面索引</span>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<nav class="portal-nav" aria-label="水晶男孩推廣部導覽" data-portal-nav data-portal-nav-all-open></nav>
|
||
|
||
<canvas id="particles"></canvas>
|
||
|
||
<main class="content-container site-guide-main">
|
||
<p class="site-guide-lead">
|
||
以下索引<strong>依頂欄全站導覽</strong>的分類與順序排列（與 <code>assets/js/portal-nav.js</code> 一致），並盡量對齊<strong>資料夾</strong>（站根 <code>index.html</code>、<code>variety/</code>、<code>concert/</code>、<code>albums/</code>、<code>map/</code>）。
|
||
每張卡片含<span class="mark_b">連結</span>、<span class="mark_b">標題</span>（<code><title></code>）、<span class="mark_b">錨點</span>。
|
||
<span class="mark_b">本頁頂欄</span>已設 <code>data-portal-nav-all-open</code>，連結全可點；一般內容頁頂欄仍依站主籌備中設定。
|
||
此頁<strong>未</strong>掛在頂欄選單內，請自行書籤或開啟 <code>extra/site-guide.html</code>。
|
||
</p>
|
||
|
||
<!-- 順序與 portal-nav 主選單一致：淪陷瞬間 → 瘋子與天才 → 現場的震撼 → 黃色留聲機 → 聖地巡禮；其餘為 extra/ 未列頂欄 -->
|
||
|
||
<section class="site-guide-group" aria-labelledby="sg-nav-origin">
|
||
<h2 class="section-title" id="sg-nav-origin">淪陷瞬間 <span class="site-guide-nav-sub">六顆永恆的水晶 · 左右命運的傳奇</span></h2>
|
||
<p class="site-guide-folder-hint">站根 · 對應 <code>index.html#origin</code> 與子選單錨點</p>
|
||
<div class="site-guide-grid">
|
||
<article class="site-guide-card">
|
||
<h3><a href="../index.html">index.html</a> <span class="site-guide-path">（站根）</span></h3>
|
||
<p class="site-guide-meta">標題列：<cite>SECHSKIES - 水晶男孩傳奇介紹</cite></p>
|
||
<p class="site-guide-note">主選單「淪陷瞬間」主連結；子項與導覽子選單用語一致。</p>
|
||
<h4>子選單錨點（與頂欄一致）</h4>
|
||
<ul>
|
||
<li><a href="../index.html#origin">#origin</a> — 淪陷瞬間 · 主選單主連結（Hero）</li>
|
||
<li><a href="../index.html#start">#start</a> — 好奇的開端 · 從好奇觀看到淪陷的起點</li>
|
||
<li><a href="../index.html#mission">#mission</a> — 成立的初衷 · 推廣部與黃色奇蹟</li>
|
||
<li><a href="../index.html#timeline">#timeline</a> — 跨時空軌跡 · 年表與作品節點</li>
|
||
<li><a href="../index.html#story">#story</a> — 傳奇的轉折 · 重逢與敘事主線</li>
|
||
</ul>
|
||
</article>
|
||
|
||
<article class="site-guide-card site-guide-card--totoga2">
|
||
<h3><a href="totoga2.html">extra/totoga2.html</a> <span class="site-guide-path">（敘事延伸）</span></h3>
|
||
<p class="site-guide-meta">標題列：<cite>水晶男孩｜無限挑戰六六歌2 — 紀實電子書</cite></p>
|
||
<p class="site-guide-note">呼應首頁「傳奇的轉折」軸線；檔案在 <code>extra/</code>，頂欄未單獨列項。</p>
|
||
<div class="site-guide-totoga2-panel">
|
||
<p class="site-guide-kicker">怎麼開</p>
|
||
<ul class="site-guide-modes site-guide-modes--totoga2">
|
||
<li><a href="totoga2.html">影片模式</a> — 預設（三集 Bilibili）</li>
|
||
<li><a href="totoga2.html#ebook">電子書模式</a> — FlipHTML5 全螢幕</li>
|
||
<li><a href="totoga2.html#challenge">紀實長文</a> — 自「無限挑戰」章起</li>
|
||
</ul>
|
||
</div>
|
||
<div class="site-guide-totoga2-panel">
|
||
<p class="site-guide-kicker">長文章節捷徑</p>
|
||
<nav class="site-guide-chapter-nav" aria-label="totoga2 紀實長文章節">
|
||
<a href="totoga2.html#challenge">無限挑戰</a>
|
||
<a href="totoga2.html#ssg2">六六歌第二季</a>
|
||
<a href="totoga2.html#sechskies-profile">水晶男孩</a>
|
||
<a href="totoga2.html#gather">召集</a>
|
||
<a href="totoga2.html#negotiate">正式交涉</a>
|
||
<a href="totoga2.html#variables">變數</a>
|
||
<a href="totoga2.html#surprise">驚喜</a>
|
||
<a href="totoga2.html#final-stage">登場</a>
|
||
</nav>
|
||
</div>
|
||
<p class="site-guide-fine-print">舊檔 <code>ssg2-ebook.html</code>、<code>chronicle.html</code> 已併入本頁。</p>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="site-guide-group" aria-labelledby="sg-nav-variety">
|
||
<h2 class="section-title" id="sg-nav-variety">瘋子與天才 <span class="site-guide-nav-sub">EUN JI-WON × VARIETY GRAVITY</span></h2>
|
||
<p class="site-guide-folder-hint">資料夾 <code>variety/</code> · 對應頂欄第二主項</p>
|
||
<div class="site-guide-grid">
|
||
<article class="site-guide-card">
|
||
<h3><a href="../variety/variety.html">variety/variety.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>水晶男孩｜瘋子與天才</cite></p>
|
||
<h4>子選單錨點（與頂欄一致）</h4>
|
||
<ul>
|
||
<li><a href="../variety/variety.html#variety">#variety</a> — 瘋狂出演中 · 綜藝鏡頭與名場面</li>
|
||
<li><a href="../variety/variety.html#stage">#stage</a> — 隊長的氣場 · 控場與隊內互動</li>
|
||
</ul>
|
||
</article>
|
||
<article class="site-guide-card">
|
||
<h3><a href="../variety/NJTW/NJTW5.html">variety/NJTW/NJTW5.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>新西遊記：成員介紹</cite></p>
|
||
<p class="site-guide-note">頂欄「瘋子與天才」子選單第三項：新西遊記 · MEMBER GUIDE</p>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="site-guide-group" aria-labelledby="sg-nav-concert">
|
||
<h2 class="section-title" id="sg-nav-concert">現場的震撼 <span class="site-guide-nav-sub">SECHSKIES CONCERT ARCHIVE</span></h2>
|
||
<p class="site-guide-folder-hint">資料夾 <code>concert/</code> · 對應頂欄第三主項</p>
|
||
<div class="site-guide-grid">
|
||
<article class="site-guide-card">
|
||
<h3><a href="../concert/concert.html">concert/concert.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>SECHSKIES Concert Archive</cite></p>
|
||
<h4>子選單錨點（與頂欄一致）</h4>
|
||
<ul>
|
||
<li><a href="../concert/concert.html#stage-now">#stage-now</a> — 永恆的重逢 · 近年與重聚舞台</li>
|
||
<li><a href="../concert/concert.html#stage-past">#stage-past</a> — 燦爛的最初 · 全盛期經典場次</li>
|
||
</ul>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="site-guide-group" aria-labelledby="sg-nav-albums">
|
||
<h2 class="section-title" id="sg-nav-albums">黃色留聲機 <span class="site-guide-nav-sub">YELLOW PHONOGRAPH</span></h2>
|
||
<p class="site-guide-folder-hint">資料夾 <code>albums/</code> · 對應頂欄第四主項；歌詞單頁檔在 <code>extra/</code>，主題歸典藏</p>
|
||
<div class="site-guide-grid">
|
||
<article class="site-guide-card">
|
||
<h3><a href="../albums/albums.html">albums/albums.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>水晶男孩｜黃色留聲機</cite></p>
|
||
<h4>子選單錨點（與頂欄一致）</h4>
|
||
<ul>
|
||
<li><a href="../albums/albums.html#new">#new</a> — 啟動新篇章 · 重啟後作品與單曲</li>
|
||
<li><a href="../albums/albums.html#classic">#classic</a> — 輝煌全盛期 · 1997–1999 年表</li>
|
||
</ul>
|
||
</article>
|
||
<article class="site-guide-card">
|
||
<h3><a href="lyrics.html">extra/lyrics.html</a> <span class="site-guide-path">（同區索引）</span></h3>
|
||
<p class="site-guide-meta">標題列：<cite>세 단어 (THREE WORDS) — SECHSKIES</cite></p>
|
||
<p class="site-guide-note"><code><html lang="ko"></code>；歌詞＋ YouTube 嵌入；頂欄未單獨列項。</p>
|
||
<h4>結構</h4>
|
||
<ul>
|
||
<li><code>.lyrics-layout</code> — 主標＋表格雙欄</li>
|
||
</ul>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="site-guide-group" aria-labelledby="sg-nav-map">
|
||
<h2 class="section-title" id="sg-nav-map">聖地巡禮 <span class="site-guide-nav-sub">SECHSKIES TAIWAN ARCHIVE</span></h2>
|
||
<p class="site-guide-folder-hint">資料夾 <code>map/</code> · 對應頂欄第五主項</p>
|
||
<div class="site-guide-grid">
|
||
<article class="site-guide-card">
|
||
<h3><a href="../map/map.html">map/map.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>SECHSKIES 台灣行程地圖</cite></p>
|
||
<h4>子選單錨點（與頂欄一致）</h4>
|
||
<ul>
|
||
<li><a href="../map/map.html#taipei">#taipei</a> — 台北聖地 · 行程與地點整理</li>
|
||
<li><a href="../map/map.html#global">#global</a> — 海外遠征 · 跨國足跡</li>
|
||
</ul>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="site-guide-group site-guide-group--extra" aria-labelledby="sg-nav-extra">
|
||
<h2 class="section-title" id="sg-nav-extra">其他 HTML（<code>extra/</code> · 頂欄未列）</h2>
|
||
<p class="site-guide-folder-hint">仍在本站 repo，但未出現在 <code>buildPortalNavInnerHTML</code>；請由此索引或書籤開啟。</p>
|
||
<div class="site-guide-grid">
|
||
<article class="site-guide-card">
|
||
<h3><a href="grok.html">grok.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>水晶男孩 SECHSKIES | 永恆的六顆水晶</cite></p>
|
||
<p class="site-guide-note">單頁多區塊（實驗／簡報）。</p>
|
||
<h4>錨點</h4>
|
||
<ul>
|
||
<li><a href="grok.html#story">#story</a></li>
|
||
<li><a href="grok.html#members">#members</a></li>
|
||
<li><a href="grok.html#discography">#discography</a></li>
|
||
<li><a href="grok.html#now">#now</a></li>
|
||
</ul>
|
||
</article>
|
||
<article class="site-guide-card">
|
||
<h3><a href="totoga2%20copy.html">totoga2 copy.html</a> <span class="site-guide-path">（檔名含空白）</span></h3>
|
||
<p class="site-guide-meta">標題列：<cite>水晶男孩｜無限挑戰六六歌2 — 紀實電子書</cite>（與 <a href="totoga2.html">totoga2.html</a> 相同）</p>
|
||
<p class="site-guide-note">六六歌 2 頁之<strong>複本／備份</strong>；版型與主檔相近。正式連結與索引敘事請以 <code>totoga2.html</code> 為準；若不再需要可刪除此檔。</p>
|
||
</article>
|
||
<article class="site-guide-card">
|
||
<h3><a href="Untitled-1.html">Untitled-1.html</a> <span class="site-guide-path">（未命名草稿）</span></h3>
|
||
<p class="site-guide-meta">標題列：<cite>Document</cite></p>
|
||
<p class="site-guide-note">編輯器暫存草稿；<code><head></code> 內 <code>meta viewport</code> 與標記<strong>毀損</strong>，預覽可能異常。曾含跨頁 JPG 容器示意，尚未整理成正式頁。</p>
|
||
</article>
|
||
<article class="site-guide-card">
|
||
<h3><a href="member.html">member.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>水晶男孩｜六顆水晶 · 黑白分流</cite></p>
|
||
<h4>錨點</h4>
|
||
<ul>
|
||
<li><a href="member.html#crystal-board">#crystal-board</a></li>
|
||
</ul>
|
||
</article>
|
||
<article class="site-guide-card">
|
||
<h3><a href="sunghoon.html">sunghoon.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>水晶男孩｜消失的真相</cite></p>
|
||
<h4>錨點</h4>
|
||
<ul>
|
||
<li><a href="sunghoon.html#truth">#truth</a></li>
|
||
<li><a href="sunghoon.html#voice">#voice</a></li>
|
||
</ul>
|
||
</article>
|
||
<article class="site-guide-card">
|
||
<h3><a href="minister.html">minister.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>水晶男孩推廣部｜視覺進化論</cite></p>
|
||
<p class="site-guide-note">圖檔 <code>assets/images/minister/</code></p>
|
||
<h4>錨點</h4>
|
||
<ul>
|
||
<li><a href="minister.html#intro">#intro</a></li>
|
||
<li><a href="minister.html#slant">#slant</a></li>
|
||
<li><a href="minister.html#journey">#journey</a></li>
|
||
<li><a href="minister.html#journey-2016">#journey-2016</a></li>
|
||
<li><a href="minister.html#journey-2017">#journey-2017</a></li>
|
||
<li><a href="minister.html#journey-now">#journey-now</a></li>
|
||
</ul>
|
||
</article>
|
||
<article class="site-guide-card">
|
||
<h3><a href="minister_ge.html">minister_ge.html</a></h3>
|
||
<p class="site-guide-meta">標題列：<cite>水晶男孩推廣部｜視覺進化論：認真魔人的進化之路</cite></p>
|
||
<p class="site-guide-note">備份／改稿用長版。</p>
|
||
<h4>錨點</h4>
|
||
<ul>
|
||
<li><a href="minister_ge.html#intro">#intro</a></li>
|
||
<li><a href="minister_ge.html#identity">#identity</a></li>
|
||
<li><a href="minister_ge.html#evolution">#evolution</a></li>
|
||
<li><a href="minister_ge.html#journey">#journey</a></li>
|
||
<li><a href="minister_ge.html#training">#training</a></li>
|
||
<li><a href="minister_ge.html#tech-stack">#tech-stack</a></li>
|
||
</ul>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<p>SECHSKIES Fanpage © 2026 - 黃色氣球永遠飄揚</p>
|
||
<a href="https://jekkinoopy.github.io/Portfolio/" class="studio-link" target="_blank">
|
||
Design by <span class="mark_b">Jekkinoopy Studio</span>
|
||
</a>
|
||
</footer>
|
||
|
||
<script src="../assets/js/particles.js"></script>
|
||
<script src="../assets/js/portal-nav.js"></script>
|
||
</body>
|
||
|
||
</html> |