Merge pull request #64 from Edit-Mr/master

Fix Chinese link in paragraph + Fine-tune translation

src/_includes/demo.zh-Hant.html

@@ -47,7 +47,7 @@ <h3>HTML 簡報框架</h3>
       <h2>哈囉</h2>
       <p>
         Reveal.js 讓您能夠使用 HTML
-        建立精美的互動式簡報。本示範將向您展示其功能的範例。
+        建立精美的互動式簡報。這個範例將向您展示其功能。
       </p>
     </section>
 
@@ -70,7 +70,7 @@ <h2>垂直幻燈片</h2>
       </section>
       <section>
         <h2>地下一樓</h2>
-        <p>嵌套幻燈片非常適合在大量資訊的水平幻燈片下添加額外的細節。</p>
+        <p>嵌套幻燈片非常適合在大量資訊的母幻燈片下添加額外的細節。</p>
       </section>
       <section>
         <h2>地下二樓</h2>
@@ -176,7 +176,7 @@ <h2>自動動畫</h2>
       <p>
         使用
         <a href="https://revealjs.com/auto-animate/">自動動畫</a>
-        在幻燈片之間自動動畫匹配的元素。
+        在幻燈片之間為匹配的元素添加自動動畫。
       </p>
       <div class="r-hstack justify-center">
         <div
@@ -271,9 +271,9 @@ <h2 style="margin-top: 20px">自動動畫</h2>
     </section>
 
     <section>
-      <h2>觸控支援</h2>
+      <h2>支援觸控</h2>
       <p>
-        簡報在觸控設備上看起來非常棒，如手機和平板電腦。只需用手指滑動即可切換幻燈片。
+        簡報在手機和平板電腦等觸控設備上也看起來非常棒。只需用手指滑動即可切換幻燈片。
       </p>
     </section>
 
@@ -316,8 +316,8 @@ <h2>片段</h2>
         </aside>
       </section>
       <section>
-        <h2>片段風格</h2>
-        <p>有不同類型的片段，比如：</p>
+        <h2>片段動畫</h2>
+        <p>有不同類型的片段動畫，比如：</p>
         <p class="fragment grow">放大</p>
         <p class="fragment shrink">縮小</p>
         <p class="fragment fade-out">淡出</p>
@@ -419,7 +419,7 @@ <h2>... 還有 GIFs!</h2>
       <h2>背景轉場</h2>
       <p>
         透過 backgroundTransition
-        參數可以實現不同的背景轉換。這就是所謂的「縮放」。
+        參數可以實現不同的背景轉換動畫。如這就是所謂的「縮放」。
       </p>
       <pre><code class="hljs javascript">Reveal.configure({ backgroundTransition: 'zoom' })</code></pre>
     </section>
@@ -456,13 +456,13 @@ <h2>背景轉場</h2>
         <h2>Iframe 背景</h2>
         <p>
           由於 Reveal.js
-          在網站上運行，因此您可以輕鬆嵌入其他網路內容。嘗試與後台頁面互動。
+          在網頁中運行，因此您可以輕鬆嵌入其他網路內容。嘗試與後台頁面互動。
         </p>
       </div>
     </section>
 
     <section>
-      <h2>精彩列表</h2>
+      <h2>精彩的無序列表</h2>
       <ul>
         <li>這裡沒有順序</li>
         <li>這裡也沒有</li>
@@ -572,11 +572,11 @@ <h2>輸出 PDF</h2>
     </section>
 
     <section>
-      <h2>全局狀態</h2>
+      <h2>全域狀態</h2>
       <p>
         在幻燈片上設置 <code>data-state="something"</code>，當幻燈片開啟時，
         <code>"something"</code>
-        將被添加為文檔元素的類別。這讓你可以應用更廣泛的樣式更改，如切換頁面背景。
+        將被添加為文檔元素的 class。這讓你可以更自由的應用畫面，如切換頁面背景。
       </p>
     </section>
 

src/zh-Hant/api.md

@@ -6,32 +6,32 @@ layout: default
 
 # API
 
-我們提供了一個廣泛的 JavaScript API 來控制導航和檢查簡報的當前狀態。如果你正在編輯單份簡報，可以通過全域對象 `Reveal` 來訪問 API。
+我們提供了一個廣泛的 JavaScript API 來控制導覽和檢查簡報的當前狀態。如果你正在編輯單份簡報，可以通過全域對象 `Reveal` 來訪問 API。
 
-### 導航
+### 導覽
 
 ```javascript
-// 導航到指定幻燈片
+// 導覽到指定幻燈片
 Reveal.slide(indexh, indexv, indexf);
 
-// 相對導航
+// 相對導覽
 Reveal.left();
 Reveal.right();
 Reveal.up();
 Reveal.down();
 Reveal.prev();
 Reveal.next();
 
-// 片段導航
+// 片段導覽
 Reveal.navigateFragment(indexf); // (-1 表示隱藏所有片段)
 Reveal.prevFragment();
 Reveal.nextFragment();
 
-// 檢查我們可以向哪些方向導航
+// 檢查我們可以向哪些方向導覽
 // {top: false, right: true, bottom: false, left: false}
 Reveal.availableRoutes();
 
-// 檢查我們可以向哪些片段方向導航
+// 檢查我們可以向哪些片段方向導覽
 // {prev: false, next: true}
 Reveal.availableFragments();
 ```
@@ -110,7 +110,7 @@ Reveal.getSlides();
 Reveal.hasHorizontalSlides();
 Reveal.hasVerticalSlides();
 
-// 檢查套件是否至少在任一軸上導航過一次
+// 檢查套件是否至少在任一軸上導覽過一次
 Reveal.hasNavig;
 
 atedHorizontally();
@@ -125,7 +125,7 @@ Reveal.isLastVerticalSlide();
 ### 模式
 
 ```javascript
-// 顯示一個幫助介面，包含鍵盤快捷方式，可以傳遞 true/false 來強制開啟/關閉
+// 顯示一個幫助介面，包含鍵盤快捷鍵，可以傳遞 true/false 來強制開啟/關閉
 Reveal.toggleHelp();
 
 // 切換簡報狀態，可以傳遞 true/false 來強制開啟/關閉
@@ -150,4 +150,4 @@ Reveal.getBackgroundsElement(); // <div class="backgrounds">
 
 ## 閱讀更多
 
-- [插件 API](/zh-TW/plugins/#api)
+- [插件 API](/zh-hant/plugins/#api)

src/zh-Hant/auto-animate.md

@@ -60,7 +60,7 @@ reveal.js 可以自動在幻燈片之間添加動畫。你只需在兩個相鄰
 
 ## 元素如何匹配
 
-當你在兩個自動動畫幻燈片之間導航時，我們將盡力自動找到兩個幻燈片中的匹配元素。對於文本，如果文本內容和節點類型都相同，我們將其視為匹配。對於圖片、視頻和 iframes，我們比較 `src` 屬性。除此以外我們還會考慮元素在 DOM 中出現的順序。
+當你在兩個自動動畫幻燈片之間導覽時，我們將盡力自動找到兩個幻燈片中的匹配元素。對於文本，如果文本內容和節點類型都相同，我們將其視為匹配。對於圖片、視頻和 iframes，我們比較 `src` 屬性。除此以外我們還會考慮元素在 DOM 中出現的順序。
 
 在無法自動匹配的情況下，你可以給你想要動畫之間的對象添加匹配的 `data-id` 屬性。我們優先匹配 `data-id` 值而不是自動匹配。
 
@@ -247,7 +247,7 @@ Reveal.on('autoanimate', (event) => {
   </div>
 </div>
 
-## 示例：在列表之間進行動畫
+## 範例：在列表之間進行動畫
 
 我們單獨處裡每一個列表項目，讓你可以在不同項目之間進行動畫。
 

src/zh-Hant/auto-slide.md

@@ -6,7 +6,7 @@ layout: default
 
 # 自動播放
 
-簡報可以設定為自動播放幻燈片，無需任何用戶輸入。要啟用此功能，您需要使用 `autoSlide` 配置選項指定幻燈片變更的間隔時間。間隔以毫秒為單位。
+簡報可以設定為自動播放幻燈片，無需任何用戶輸入。要啟用此功能，你需要使用 `autoSlide` 配置選項指定幻燈片變更的間隔時間。間隔以毫秒為單位。
 
 ```javascript
 // 每五秒自動切換一張幻燈片
@@ -24,9 +24,9 @@ Reveal.initialize({
   </div>
 </div>
 
-對於自動播放的幻燈片集，將自動出現播放/暫停控制元件。如果用戶開始與幻燈片集互動，播放將自動暫停。您還可以通過鍵盤上的「A」鍵來暫停或恢復播放（在這裡的嵌入式演示中不適用）。
+對於自動播放的幻燈片集，將自動出現播放/暫停控制元件。如果用戶開始與幻燈片集互動，播放將自動暫停。你還可以通過鍵盤上的「A」鍵來暫停或恢復播放（在這裡的嵌入式演示中不適用）。
 
-您可以通過在[配置選項](/config/)中指定 `autoSlideStoppable: false` 來禁用自動播放控制，防止播放被暫停。
+你可以通過在[配置選項](/zh-hant/config/)中指定 `autoSlideStoppable: false` 來禁用自動播放控制，防止播放被暫停。
 
 ## 幻燈片計時
 
@@ -40,11 +40,11 @@ Reveal.initialize({
 </section>
 ```
 
-## 自動播放方法
+## 自動播放函式
 
 `autoSlideMethod` 屬性可以更改自動撥放的方向。
 
-我們預設將按順序播放所有幻燈片，包括水平和[垂直](/vertical-slides/)幻燈片。如果您只想沿頂層導航並忽略垂直幻燈片，您可以提供一個調用 `Reveal.right()` 的方法。
+我們預設將按順序播放所有幻燈片，包括水平和[垂直](/zh-hant/vertical-slides/)幻燈片。如果你只想沿頂層導覽並忽略垂直幻燈片，你可以提供一個調用 `Reveal.right()` 的函式。
 
 ```js
 Reveal.configure({

src/zh-Hant/backgrounds.md

@@ -130,11 +130,11 @@ layout: default
 </section>
 ```
 
-iframe 會在變得可見時懶加載。如果你想提前預加載 iframe，你可以在幻燈片 `<section>` 上添加 `data-preload` 屬性。你也可以使用 `preloadiframes` 配置選項為所有 iframes 啟用全局預加載。
+iframe 會在變得可見時懶加載。如果你想提前預加載 iframe，你可以在幻燈片 `<section>` 上添加 `data-preload` 屬性。你也可以使用 `preloadiframes` 配置選項為所有 iframes 啟用全域預加載。
 
-## 背景過渡
+## 背景轉場
 
-我們將使用交叉淡入來過渡幻燈片背景，這是預設設置。可以使用 [`backgroundTransition`](/transitions/#background-transitions) 配置選項更改此設置。
+我們將使用交叉淡入來過渡幻燈片背景，這是預設設置。可以使用 [`backgroundTransition`](/zh-hant/transitions/#%E8%83%8C%E6%99%AF%E8%BD%89%E5%A0%B4) 配置選項更改此設置。
 
 ## 視差背景
 

src/zh-Hant/code.md

@@ -54,7 +54,7 @@ reveal.js 有一個強大的功能，就是為程式碼添加顏色 — 由 [hig
 
 ## 行號與高亮
 
-你可以通過在你的 `<code>` 標籤上添加 `data-line-numbers` 屬性來啟用行號。如果你想高亮特定行，可以使用同一屬性提供以逗號分隔的行號列表。例如，在以下示例中，第 3 行和第 8-10 行被高亮：
+你可以通過在你的 `<code>` 標籤上添加 `data-line-numbers` 屬性來啟用行號。如果你想高亮特定行，可以使用同一屬性提供以逗號分隔的行號列表。例如，在以下範例中，第 3 行和第 8-10 行被高亮：
 
 ```html
 <pre><code data-line-numbers="3,8-10">
@@ -96,7 +96,7 @@ reveal.js 有一個強大的功能，就是為程式碼添加顏色 — 由 [hig
 
 #### 行號偏移 <span class="r-version-badge new">4.2.0</span>
 
-如果你想展示一長串代碼的片段，你可以偏移行號。在下面的示例中，我們設置 `data-ln-start-from="7"` 使行號從 7 開始。
+如果你想展示一長串代碼的片段，你可以偏移行號。在下面的範例中，我們設置 `data-ln-start-from="7"` 使行號從 7 開始。
 
 ```html
 <pre><code data-line-numbers data-ln-start-from="7">