From 54e836537aef837a0f6b9bc9d59b8ea99d076026 Mon Sep 17 00:00:00 2001 From: Ikngoo Date: Wed, 11 Feb 2026 15:46:46 +0800 Subject: [PATCH 1/2] =?UTF-8?q?patch(accordion):=20=E7=B7=A9=E8=A7=A3?= =?UTF-8?q?=E7=AF=84=E4=BE=8B=E8=89=B2=E5=BD=A9=E5=B0=8D=E6=AF=94=E5=BA=A6?= =?UTF-8?q?=E4=B8=8D=E8=B6=B3=E5=95=8F=E9=A1=8C=EF=BC=8Cfixed=20#64=20-=20?= =?UTF-8?q?=E7=A7=BB=E9=99=A4=20=20-=20?= =?UTF-8?q?=E9=81=BF=E5=85=8D=20dark=20mode=20=E8=89=B2=E5=BD=A9=E5=B0=8D?= =?UTF-8?q?=E6=AF=94=E5=BA=A6=E4=B8=8D=E8=B6=B3=20-=20=E9=81=BF=E5=85=8D?= =?UTF-8?q?=E5=AF=AB=E6=AD=BB=E6=A8=A3=E5=BC=8F=EF=BC=8C=E7=B5=B1=E4=B8=80?= =?UTF-8?q?=E6=96=BC=E8=A8=AD=E8=A8=88=E5=88=B6=E5=BA=A6=E7=B6=AD=E8=AD=B7?= =?UTF-8?q?=20-=20=E7=A7=BB=E9=99=A4=E7=A8=8B=E5=BC=8F=E7=AF=84=E4=BE=8B?= =?UTF-8?q?=E4=B8=AD=E7=9A=84=E8=AA=AA=E6=98=8E=EF=BC=8C=E9=9B=86=E4=B8=AD?= =?UTF-8?q?=E5=88=B0=E6=96=87=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 註： 元件整體 HTML 語意標記問題尚未處理，需要後續進行重構。 --- _components/accordion/index.md | 4 +++- _includes/accordion/accordion_multiple.html | 14 ++++++-------- _includes/accordion/accordion_single.html | 10 +++++----- _includes/accordion/accordion_subTitle.html | 10 +++++----- 4 files changed, 19 insertions(+), 19 deletions(-) diff --git a/_components/accordion/index.md b/_components/accordion/index.md index 2ff9d3d5..abb8f7ea 100644 --- a/_components/accordion/index.md +++ b/_components/accordion/index.md @@ -6,7 +6,9 @@ maturity: "new" ### 常見基本折疊選單 -- 預設一次僅可展開一個選單，點擊其他選單會自動關閉先前選單 +- 預設一次僅可展開一個選單，點擊其他選單會自動關閉先前選單。 +- 預設為收摺狀態，可透過自訂 CSS 修改樣式或覆寫預設變數。 +- `.accordion-body` 元素爲展開狀態下所呈現的內容。 {% capture html %}{% include accordion/accordion_single.html %}{% endcapture %} {% diff --git a/_includes/accordion/accordion_multiple.html b/_includes/accordion/accordion_multiple.html index 1ae90594..7f333a58 100644 --- a/_includes/accordion/accordion_multiple.html +++ b/_includes/accordion/accordion_multiple.html @@ -4,18 +4,17 @@
- 這是第一個 accordion body. 預設為關閉狀態，這些class控制整體外觀，以及透過 CSS 轉換顯示和隱藏。您可以使用自訂 CSS - 修改其中任何內容或覆寫我們的預設變數，基本上大部分 HTML 都可以放入 .accordion-body中。 + 這是第一個 accordion body。
- 這是第二個 accordion body.我們嘗試使用list為範例呈現。當然您可以使用其他任何 HTML 元素，包括表格、圖片、影片等。 + 這是第二個 accordion body。
    -
  • 第一個清單
    • -
  • 第二個清單
    • +
  • 第一個清單項目
    • +
  • 第二個清單項目
@@ -23,9 +22,8 @@
- 這是第三個 accordion body.我們嘗試以一段長文字進行呈現。
- 網頁設計（英語：Web - design）涵蓋了製作和維護網站的許多不同的技能和學科。它包含了網頁圖形設計、介面設計、編寫標準化的代碼和專有軟體、使用者經驗設計，以及搜尋引擎最佳化。通常許多人以團隊協作的方式來工作，各自參與設計過程的各個方面；但有些設計師會參與到任何方面。網頁設計這個術語通常用來描述與網站前端（客戶端）設計相關的設計過程，包括編寫標記式語言。在更廣泛的Web開發領域，網頁設計與網路工程存在交集。網頁設計師應該對網路可用性有一定的認識。如果他們的工作涉及到編寫標記式語言，那麼他們也應該遵循網頁親和力的最新指引。 + 這是第三個 accordion body。 + 網頁設計（英語：Web design）涵蓋了製作和維護網站的許多不同的技能和學科。它包含了網頁圖形設計、介面設計、編寫標準化的代碼和專有軟體、使用者經驗設計，以及搜尋引擎最佳化。通常許多人以團隊協作的方式來工作，各自參與設計過程的各個方面；但有些設計師會參與到任何方面。網頁設計這個術語通常用來描述與網站前端（客戶端）設計相關的設計過程，包括編寫標記式語言。在更廣泛的Web開發領域，網頁設計與網路工程存在交集。網頁設計師應該對網路可用性有一定的認識。如果他們的工作涉及到編寫標記式語言，那麼他們也應該遵循網頁親和力的最新指引。
\ No newline at end of file diff --git a/_includes/accordion/accordion_single.html b/_includes/accordion/accordion_single.html index d0b49517..03eebebb 100644 --- a/_includes/accordion/accordion_single.html +++ b/_includes/accordion/accordion_single.html @@ -3,17 +3,17 @@
- 這是第一個 accordion body. 預設為關閉狀態，這些class控制整體外觀，以及透過 CSS 轉換顯示和隱藏。您可以使用自訂 CSS 修改其中任何內容或覆寫我們的預設變數，基本上大部分 HTML 都可以放入 .accordion-body中。 + 這是第一個 accordion body。
- 這是第二個 accordion body.我們嘗試使用list為範例呈現。當然您可以使用其他任何 HTML 元素，包括表格、圖片、影片等。 + 這是第二個 accordion body。
    -
  • 第一個清單
    • -
  • 第二個清單
    • +
  • 第一個清單項目
    • +
  • 第二個清單項目
@@ -21,7 +21,7 @@
- 這是第三個 accordion body.我們嘗試以一段長文字進行呈現。
+ 這是第三個 accordion body。 網頁設計（英語：Web design）涵蓋了製作和維護網站的許多不同的技能和學科。它包含了網頁圖形設計、介面設計、編寫標準化的代碼和專有軟體、使用者經驗設計，以及搜尋引擎最佳化。通常許多人以團隊協作的方式來工作，各自參與設計過程的各個方面；但有些設計師會參與到任何方面。網頁設計這個術語通常用來描述與網站前端（客戶端）設計相關的設計過程，包括編寫標記式語言。在更廣泛的Web開發領域，網頁設計與網路工程存在交集。網頁設計師應該對網路可用性有一定的認識。如果他們的工作涉及到編寫標記式語言，那麼他們也應該遵循網頁親和力的最新指引。
diff --git a/_includes/accordion/accordion_subTitle.html b/_includes/accordion/accordion_subTitle.html index 1317643b..d59768f3 100644 --- a/_includes/accordion/accordion_subTitle.html +++ b/_includes/accordion/accordion_subTitle.html @@ -6,7 +6,7 @@ Accordion Item #1 副標題
- 這是第一個 accordion body. 預設為關閉狀態，這些class控制整體外觀，以及透過 CSS 轉換顯示和隱藏。您可以使用自訂 CSS 修改其中任何內容或覆寫我們的預設變數，基本上大部分 HTML 都可以放入 .accordion-body 中。 + 這是第一個 accordion body。
@@ -16,10 +16,10 @@ Accordion Item #2 副標題
- 這是第二個 accordion body.我們嘗試使用list為範例呈現。當然您可以使用其他任何 HTML 元素，包括表格、圖片、影片等。 + 這是第二個 accordion body。
    -
  • 第一個清單
    • -
  • 第二個清單
    • +
  • 第一個清單項目
    • +
  • 第二個清單項目
@@ -30,7 +30,7 @@ Accordion Item #3 副標題
- 這是第三個 accordion body.我們嘗試以一段長文字進行呈現。
+ 這是第三個 accordion body。 網頁設計（英語：Web design）涵蓋了製作和維護網站的許多不同的技能和學科。它包含了網頁圖形設計、介面設計、編寫標準化的代碼和專有軟體、使用者經驗設計，以及搜尋引擎最佳化。通常許多人以團隊協作的方式來工作，各自參與設計過程的各個方面；但有些設計師會參與到任何方面。網頁設計這個術語通常用來描述與網站前端（客戶端）設計相關的設計過程，包括編寫標記式語言。在更廣泛的Web開發領域，網頁設計與網路工程存在交集。網頁設計師應該對網路可用性有一定的認識。如果他們的工作涉及到編寫標記式語言，那麼他們也應該遵循網頁親和力的最新指引。
From a276f47a1774233ef33ee48b5cfb4bbb8bf808e3 Mon Sep 17 00:00:00 2001 From: Ikngoo Date: Wed, 11 Feb 2026 15:56:52 +0800 Subject: [PATCH 2/2] fix(accordion): add

tag --- _includes/accordion/accordion_multiple.html | 2 +- _includes/accordion/accordion_single.html | 2 +- _includes/accordion/accordion_subTitle.html | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/_includes/accordion/accordion_multiple.html b/_includes/accordion/accordion_multiple.html index 7f333a58..83ac32f4 100644 --- a/_includes/accordion/accordion_multiple.html +++ b/_includes/accordion/accordion_multiple.html @@ -23,7 +23,7 @@

這是第三個 accordion body。 - 網頁設計（英語：Web design）涵蓋了製作和維護網站的許多不同的技能和學科。它包含了網頁圖形設計、介面設計、編寫標準化的代碼和專有軟體、使用者經驗設計，以及搜尋引擎最佳化。通常許多人以團隊協作的方式來工作，各自參與設計過程的各個方面；但有些設計師會參與到任何方面。網頁設計這個術語通常用來描述與網站前端（客戶端）設計相關的設計過程，包括編寫標記式語言。在更廣泛的Web開發領域，網頁設計與網路工程存在交集。網頁設計師應該對網路可用性有一定的認識。如果他們的工作涉及到編寫標記式語言，那麼他們也應該遵循網頁親和力的最新指引。 +

網頁設計（英語：Web design）涵蓋了製作和維護網站的許多不同的技能和學科。它包含了網頁圖形設計、介面設計、編寫標準化的代碼和專有軟體、使用者經驗設計，以及搜尋引擎最佳化。通常許多人以團隊協作的方式來工作，各自參與設計過程的各個方面；但有些設計師會參與到任何方面。網頁設計這個術語通常用來描述與網站前端（客戶端）設計相關的設計過程，包括編寫標記式語言。在更廣泛的Web開發領域，網頁設計與網路工程存在交集。網頁設計師應該對網路可用性有一定的認識。如果他們的工作涉及到編寫標記式語言，那麼他們也應該遵循網頁親和力的最新指引。

\ No newline at end of file diff --git a/_includes/accordion/accordion_single.html b/_includes/accordion/accordion_single.html index 03eebebb..10ee3b20 100644 --- a/_includes/accordion/accordion_single.html +++ b/_includes/accordion/accordion_single.html @@ -22,7 +22,7 @@
這是第三個 accordion body。 - 網頁設計（英語：Web design）涵蓋了製作和維護網站的許多不同的技能和學科。它包含了網頁圖形設計、介面設計、編寫標準化的代碼和專有軟體、使用者經驗設計，以及搜尋引擎最佳化。通常許多人以團隊協作的方式來工作，各自參與設計過程的各個方面；但有些設計師會參與到任何方面。網頁設計這個術語通常用來描述與網站前端（客戶端）設計相關的設計過程，包括編寫標記式語言。在更廣泛的Web開發領域，網頁設計與網路工程存在交集。網頁設計師應該對網路可用性有一定的認識。如果他們的工作涉及到編寫標記式語言，那麼他們也應該遵循網頁親和力的最新指引。 +

網頁設計（英語：Web design）涵蓋了製作和維護網站的許多不同的技能和學科。它包含了網頁圖形設計、介面設計、編寫標準化的代碼和專有軟體、使用者經驗設計，以及搜尋引擎最佳化。通常許多人以團隊協作的方式來工作，各自參與設計過程的各個方面；但有些設計師會參與到任何方面。網頁設計這個術語通常用來描述與網站前端（客戶端）設計相關的設計過程，包括編寫標記式語言。在更廣泛的Web開發領域，網頁設計與網路工程存在交集。網頁設計師應該對網路可用性有一定的認識。如果他們的工作涉及到編寫標記式語言，那麼他們也應該遵循網頁親和力的最新指引。

diff --git a/_includes/accordion/accordion_subTitle.html b/_includes/accordion/accordion_subTitle.html index d59768f3..cb158402 100644 --- a/_includes/accordion/accordion_subTitle.html +++ b/_includes/accordion/accordion_subTitle.html @@ -31,7 +31,7 @@
這是第三個 accordion body。 - 網頁設計（英語：Web design）涵蓋了製作和維護網站的許多不同的技能和學科。它包含了網頁圖形設計、介面設計、編寫標準化的代碼和專有軟體、使用者經驗設計，以及搜尋引擎最佳化。通常許多人以團隊協作的方式來工作，各自參與設計過程的各個方面；但有些設計師會參與到任何方面。網頁設計這個術語通常用來描述與網站前端（客戶端）設計相關的設計過程，包括編寫標記式語言。在更廣泛的Web開發領域，網頁設計與網路工程存在交集。網頁設計師應該對網路可用性有一定的認識。如果他們的工作涉及到編寫標記式語言，那麼他們也應該遵循網頁親和力的最新指引。 +

網頁設計（英語：Web design）涵蓋了製作和維護網站的許多不同的技能和學科。它包含了網頁圖形設計、介面設計、編寫標準化的代碼和專有軟體、使用者經驗設計，以及搜尋引擎最佳化。通常許多人以團隊協作的方式來工作，各自參與設計過程的各個方面；但有些設計師會參與到任何方面。網頁設計這個術語通常用來描述與網站前端（客戶端）設計相關的設計過程，包括編寫標記式語言。在更廣泛的Web開發領域，網頁設計與網路工程存在交集。網頁設計師應該對網路可用性有一定的認識。如果他們的工作涉及到編寫標記式語言，那麼他們也應該遵循網頁親和力的最新指引。