Update samples

docs/stylesheets/extra.css

@@ -0,0 +1,3 @@
+.md-grid {
+  max-width: 1440px; 
+}

docs/zh/samples.md

@@ -0,0 +1,146 @@
+# 例子
+
+!!! note
+    由于日英训练数据不足, 我们先将文本音素化, 再用于生成.
+
+## 中文句子 1
+```
+人间灯火倒映湖中，她的渴望让静水泛起涟漪。若代价只是孤独，那就让这份愿望肆意流淌。
+流入她所注视的世间，也流入她如湖水般澄澈的目光。
+```
+
+<table>
+    <thead>
+    <tr>
+        <th>说话人</th>
+        <th>输入音频</th>
+        <th>合成音频</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <td>纳西妲 (原神)</td>
+        <td><audio controls preload="auto" src="../../assets/audios/0_input.wav" /></td>
+        <td><audio controls preload="auto" src="../../assets/audios/0_output.wav" /></td>
+    </tr>
+    <tr>
+        <td>钟离 (原神)</td>
+        <td><audio controls preload="auto" src="../../assets/audios/1_input.wav" /></td>
+        <td><audio controls preload="auto" src="../../assets/audios/1_output.wav" /></td>
+    </tr>
+    <tr>
+        <td>芙宁娜 (原神)</td>
+        <td><audio controls preload="auto" src="../../assets/audios/2_input.wav" /></td>
+        <td><audio controls preload="auto" src="../../assets/audios/2_output.wav" /></td>
+    </tr>
+    <tr>
+        <td>随机说话人 1</td>
+        <td> - </td>
+        <td><audio controls preload="auto" src="../../assets/audios/3_output.wav" /></td>
+    </tr>
+    <tr>
+        <td>随机说话人 2</td>
+        <td> - </td>
+        <td><audio controls preload="auto" src="../../assets/audios/4_output.wav" /></td>
+    </tr>
+    </tbody>
+</table>
+
+
+## 中文句子 2 (长句)
+```
+你们这个是什么群啊，你们这是害人不浅啊你们这个群！谁是群主，出来！真的太过分了。你们搞这个群干什么？
+我儿子每一科的成绩都不过那个平均分呐，他现在初二，你叫我儿子怎么办啊？他现在还不到高中啊？
+你们害死我儿子了！快点出来你这个群主！再这样我去报警了啊！我跟你们说你们这一帮人啊，一天到晚啊，
+搞这些什么游戏啊，动漫啊，会害死你们的，你们没有前途我跟你说。你们这九百多个人，好好学习不好吗？
+一天到晚在上网。有什么意思啊？麻烦你重视一下你们的生活的目标啊？有一点学习目标行不行？一天到晚上网是不是人啊？
+```
+
+<table>
+    <thead>
+    <tr>
+        <th>说话人</th>
+        <th>输入音频</th>
+        <th>合成音频</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <td>纳西妲 (原神)</td>
+        <td><audio controls preload="auto" src="../../assets/audios/0_input.wav" /></td>
+        <td><audio controls preload="auto" src="../../assets/audios/5_output.wav" /></td>
+    </tr>
+    <tr>
+        <td>青雀 (星穹铁道)</td>
+        <td><audio controls preload="auto" src="../../assets/audios/6_input.wav" /></td>
+        <td><audio controls preload="auto" src="../../assets/audios/6_output.wav" /></td>
+    </tr>
+    </tbody>
+</table>
+
+## 英文句子
+
+```
+In the realm of advanced technology, the evolution of artificial intelligence stands as a 
+monumental achievement. This dynamic field, constantly pushing the boundaries of what 
+machines can do, has seen rapid growth and innovation. From deciphering complex data 
+patterns to driving cars autonomously, AI's applications are vast and diverse.
+```
+
+<table>
+    <thead>
+    <tr>
+        <th>说话人</th>
+        <th>输入音频</th>
+        <th>合成音频</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <td>Speaker 200 (LibriTTS)</td>
+        <td><audio controls preload="auto" src="../../assets/audios/7_input.wav" /></td>
+        <td><audio controls preload="auto" src="../../assets/audios/7_output.wav" /></td>
+    </tr>
+    <tr>
+        <td>随机说话人 1</td>
+        <td> - </td>
+        <td><audio controls preload="auto" src="../../assets/audios/8_output.wav" /></td>
+    </tr>
+    <tr>
+        <td>随机说话人 2</td>
+        <td> - </td>
+        <td><audio controls preload="auto" src="../../assets/audios/9_output.wav" /></td>
+    </tr>
+    </tbody>
+</table>
+
+## 日文句子
+
+```
+先進技術の領域において、人工知能の進化は画期的な成果として立っています。常に機械ができることの限界を
+押し広げているこのダイナミックな分野は、急速な成長と革新を見せています。複雑なデータパターンの解読か
+ら自動運転車の操縦まで、AIの応用は広範囲に及びます。
+```
+
+
+<table>
+    <thead>
+    <tr>
+        <th>说话人</th>
+        <th>输入音频</th>
+        <th>合成音频</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <td>随机说话人 1</td>
+        <td> - </td>
+        <td><audio controls preload="auto" src="../../assets/audios/10_output.wav" /></td>
+    </tr>
+    <tr>
+        <td>随机说话人 2</td>
+        <td> - </td>
+        <td><audio controls preload="auto" src="../../assets/audios/11_output.wav" /></td>
+    </tr>
+    </tbody>
+</table>

mkdocs.yml

@@ -66,4 +66,7 @@ markdown_extensions:
   - pymdownx.superfences
   - attr_list
   - md_in_html
-  - pymdownx.superfences
+  - pymdownx.superfences
+
+extra_css:
+  - stylesheets/extra.css