Skip to content

Commit 9b7bf4b

Browse files
duy103zxcduy103zxc
committed
Cập nhật lại thiết kế trang
1 parent cff6021 commit 9b7bf4b

File tree

10 files changed

+174
-13
lines changed

10 files changed

+174
-13
lines changed

Diff for: ‎docs/cong-dong.md

+6
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
1+
---
2+
hide:
3+
- navigation
4+
- toc
5+
---
6+
17
Tổng hợp một số cộng đồng học Tiếng Trung
28

39
## Discord

Diff for: ‎docs/guide.md

+13-7
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
---
2+
hide:
3+
- navigation
4+
---
5+
16
# Một lộ trình tự học Tiếng Trung.
27

38
> Mô tả: như tên gọi
@@ -25,16 +30,16 @@ Trong lộ trình này, phần bạn sẽ dành nhiều thời gian nhất chín
2530
Ở mỗi giai đoạn, mình sẽ giải thích tương đối về những nhiệm vụ mà bạn cần thực hiện. Phần hướng dẫn này sẽ tương đối ngắn và chỉ bao gồm những phần chính trong quá trình học Tiếng Trung thông qua Immersion. Nếu bạn cảm thấy chưa đủ và muốn đọc thêm để hiểu hơn về phương pháp học Tiếng Trung, bạn có thể đọc thêm các bài viết trên trang hoặc ghé trang [Hướng dẫn đề xuất](recommendations.md) để đọc thêm các hướng dẫn tương tự được viết bằng Tiếng Anh (Chắc chắn tốt hơn phần mình viết hoặc dịch lại nên nếu bạn có thể đọc Tiếng Anh đừng ngại qua đọc thêm nha).
2631

2732

28-
## Giai đoạn 1​
33+
### Giai đoạn 1​
2934

3035
> Nhiệm vụ: Học bảng phiên âm Pinyin và bộ thủ
3136
32-
### Pinyin
37+
#### Pinyin
3338
Để bắt đầu học Tiếng Trung thì mọi người cần học bảng phiên âm (Bính Âm -- Pinyin) của nó (Pinyin: Latin hóa Tiếng Trung, kiểu như Zheng QiuXun chẳng hạn). Nhiều nơi gọi đây là bảng chữ cái, nhưng cách gọi này sai hoàn toàn. Tiếng Trung không có bảng chữ cái mà chỉ có bảng phiên âm mà thôi.
3439

3540
Học nhanh về Pinyin trong gần 30 phút, có phụ đề Tiếng Việt, xem [tại đây](https://www.youtube.com/watch?v=XbZ8qqNi_sQ) (Phần hướng dẫn đặt lưỡi hay phát âm ở bên dưới có thể bỏ qua và chỉ nghe và học thuộc là được).
3641

37-
### Thanh điệu
42+
#### Thanh điệu
3843
Tiếng Trung có 4 thanh điệu chính và 1 thanh nhẹ (không dấu), mỗi thanh có cách phát âm riêng. Âm tiết giống nhau nhưng mang thanh điệu khác nhau sẽ có ý nghĩa hoàn toàn khác. Do đó bạn cần ghi nhớ thanh điệu để biết cách đọc từ vựng sao cho đúng. Ví dụ:
3944

4045
- **Thanh 1 (高平调 - Cao bình điệu)**: Âm cao, kéo dài (mā -- mẹ).
@@ -46,7 +51,7 @@ Tiếng Trung có 4 thanh điệu chính và 1 thanh nhẹ (không dấu), mỗi
4651

4752
Bạn có thể xem video [4 thanh điệu - phát âm Tiếng Trung](https://www.youtube.com/watch?v=xUiCa25MsJ0) để nghe và học theo.
4853

49-
### Bộ thủ
54+
#### Bộ thủ
5055
Một phần nữa là học bộ thủ. Bộ thủ tiếng Trung - 部首 /Bù shǒu/ là phần cơ bản cấu tạo nên chữ Hán và cả chữ Nôm. Một chữ Hán có thể được cấu tạo bởi một hoặc nhiều bộ thủ ghép lại. Hiểu đơn giản hơn, mỗi chữ Hán sẽ có một hoặc nhiều bộ phận tạo thành, mỗi bộ phận đó chính là bộ thủ.Trong nhiều chữ Hán, từ 214 bộ thủ, ta có thể suy đoán được sơ lược về ý nghĩa của từ và cả cách đọc chữ đó. Vì vậy, việc học bộ thủ cực kỳ quan trọng đối với người học.
5156

5257
Bạn hãy học qua [214 bộ thủ Tiếng Trung](https://prepedu.com/vi/blog/214-bo-thu-tieng-trung) thông qua trang đã được để đường dẫn (hoặc bất cứ chỗ nào bạn thích) rồi tải bộ thẻ Anki: [214 Bộ Thủ](https://ankivn.com/bo-the/ngoai-ngu/tieng-trung/214-bo-thu-hanzi-pinyin-sound-picture-han-viet/) và thêm vào Anki để ôn tập.
@@ -128,9 +133,10 @@ Làm bất kì điều gì bạn muốn. Thi chứng chỉ Tiếng Trung thử x
128133

129134
### Danh sách nhiệm vụ
130135

131-
Những thứ bạn cần làm
132-
1. Học bảng chữ cái
133-
2. Hoàn thành bộ thẻ từ vựng cơ bản và một hướng dẫn ngữ pháp bất kì
136+
Những thứ bạn cần làm:
137+
138+
1. Học Pinyin và bộ thủ
139+
2. Hoàn thành bộ thẻ từ vựng cơ bản và một hướng dẫn ngữ pháp
134140
3. Cài đặt các công cụ cần thiết, xây dựng môi trường học Tiếng Trung.
135141
4. Tạo một bộ thẻ mining sau khi hoàn thành bộ thẻ từ vựng cơ bản
136142
5. Nạp thêm thật nhiều Input

Diff for: ‎docs/index.md

+6
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
1+
---
2+
hide:
3+
- navigation
4+
- toc
5+
---
6+
17
Một hướng dẫn xàm l về tự học Tiếng Trung.
28

39
[:fontawesome-solid-book-open: Đọc hướng dẫn ](guide.md){: .md-button .md-button--primary }

Diff for: ‎docs/mining.md

+6
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
1+
---
2+
hide:
3+
- navigation
4+
- toc
5+
---
6+
17
## Đào câu
28

39
Hãy tìm những từ mà bạn thấy thú vị (mà bạn sẽ muốn học) hoặc hữu ích, tra trong [Baidu Translate](https://fanyi.baidu.com/) (Hoặc tùy chỗ bạn muốn) để có một câu ví dụ mà bạn có thể hiểu được hoặc hiểu gần hết cả câu và là câu mà bạn có thể ghi nhớ được.

Diff for: ‎docs/recommendations.md

+5
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
---
2+
hide:
3+
- navigation
4+
- toc
5+
---
16

27
Bạn có thể tìm thêm gợi ý nội dung để tiêu thụ trên trang [Tổng hợp nội dung Tiếng Trung](https://daihocmo.github.io/awesome-ngon-ngu/ngon-ngu/tieng-trung/input.html)
38

Diff for: ‎docs/resources.md

+6-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,9 @@
1-
Tổng hợp rất nhiều tài nguyên tự học Tiếng Trung
1+
---
2+
hide:
3+
- navigation
4+
---
5+
6+
# Tổng hợp rất nhiều tài nguyên tự học Tiếng Trung
27

38
## Học Tiếng Trung
49
### Bảng phiên âm & bộ thủ

Diff for: ‎docs/setup.md

+5
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,8 @@
1+
---
2+
hide:
3+
- navigation
4+
---
5+
16
# Hướng dẫn thiết lập môi trường học Tiếng Trung
27
Đây là một hướng dẫn nhanh cách cài đặt một số phần mềm để hỗ trợ cho việc tiêu thụ nội dung Tiếng Trung và học từ đó.
38

Diff for: ‎mkdocs.yml

+11-5
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,16 @@
11
site_name: Tự luyện Tiếng Trung
22
site_description: Tự học Tiếng Trung thông qua các nguồn tài nguyên miễn phí trên Internet
33
site_author: duykhanh471
4+
repo_url: https://github.com/daihocmo/tieng-trung
5+
repo_name: Tự luyện Tiếng Trung
46

57
nav:
68
- 'Trang chủ': 'index.md'
79
- 'Hướng dẫn': 'guide.md'
810
- 'Setup': 'setup.md'
911
- 'Mining': 'mining.md'
10-
- 'Tài nguyên học':
11-
- 'Tài nguyên': 'resources.md'
12-
- 'Cộng đồng': 'cong-dong.md'
12+
- 'Tài nguyên học': 'resources.md'
13+
- 'Cộng đồng': 'cong-dong.md'
1314
- 'Gợi ý & Đề xuất': 'recommendations.md'
1415

1516
theme:
@@ -39,7 +40,12 @@ theme:
3940
- search.share
4041
- search.suggest
4142
favicon: assets/favicon.png
43+
icon:
44+
repo: fontawesome/brands/github
4245
name: material
46+
custom_dir: overrides
47+
language: vi
48+
4349

4450
markdown_extensions:
4551
- pymdownx.emoji:
@@ -63,7 +69,7 @@ markdown_extensions:
6369

6470
plugins:
6571
- search
66-
- open-in-new-tab
67-
72+
# - open-in-new-tab
73+
6874
extra:
6975
generator: false

Diff for: ‎overrides/main.html

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{% extends "base.html" %}

Diff for: ‎overrides/partials/header.html

+115
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
1+
<!--
2+
Copyright (c) 2016-2024 Martin Donath <[email protected]>
3+
4+
Permission is hereby granted, free of charge, to any person obtaining a copy
5+
of this software and associated documentation files (the "Software"), to
6+
deal in the Software without restriction, including without limitation the
7+
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
8+
sell copies of the Software, and to permit persons to whom the Software is
9+
furnished to do so, subject to the following conditions:
10+
11+
The above copyright notice and this permission notice shall be included in
12+
all copies or substantial portions of the Software.
13+
14+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
15+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
16+
FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
17+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
18+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
19+
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
20+
IN THE SOFTWARE.
21+
-->
22+
23+
<!-- Determine classes -->
24+
{% set class = "md-header" %}
25+
{% if "navigation.tabs.sticky" in features %}
26+
{% set class = class ~ " md-header--shadow md-header--lifted" %}
27+
{% elif "navigation.tabs" not in features %}
28+
{% set class = class ~ " md-header--shadow" %}
29+
{% endif %}
30+
31+
<!-- Header -->
32+
<header class="{{ class }}" data-md-component="header">
33+
<nav class="md-header__inner md-grid" aria-label="{{ lang.t('header') }}">
34+
35+
<!-- Link to home -->
36+
<a href="{{ config.extra.homepage | d(nav.homepage.url, true) | url }}" title="{{ config.site_name | e }}"
37+
class="md-header__button md-logo" aria-label="{{ config.site_name }}" data-md-component="logo">
38+
{% include "partials/logo.html" %}
39+
</a>
40+
41+
<!-- Button to open drawer -->
42+
<label class="md-header__button md-icon" for="__drawer">
43+
{% set icon = config.theme.icon.menu or "material/menu" %}
44+
{% include ".icons/" ~ icon ~ ".svg" %}
45+
</label>
46+
47+
<!-- Header title -->
48+
<div class="md-header__title" data-md-component="header-title">
49+
<div class="md-header__ellipsis">
50+
<div class="md-header__topic">
51+
<span class="md-ellipsis">
52+
{{ config.site_name }}
53+
</span>
54+
</div>
55+
<div class="md-header__topic" data-md-component="header-topic">
56+
<span class="md-ellipsis">
57+
{% if page.meta and page.meta.title %}
58+
{{ page.meta.title }}
59+
{% else %}
60+
{{ page.title }}
61+
{% endif %}
62+
</span>
63+
</div>
64+
</div>
65+
</div>
66+
67+
<label class="md-header__button md-icon">
68+
<a href="https://discord.gg/fbHbQSwzpD" target="_blank">
69+
{% include ".icons/fontawesome/brands/discord.svg" %}
70+
</a>
71+
</label>
72+
73+
<!-- Color palette toggle -->
74+
{% if config.theme.palette %}
75+
{% if not config.theme.palette is mapping %}
76+
{% include "partials/palette.html" %}
77+
{% endif %}
78+
{% endif %}
79+
80+
<!-- User preference: color palette -->
81+
{% if not config.theme.palette is mapping %}
82+
{% include "partials/javascripts/palette.html" %}
83+
{% endif %}
84+
85+
<!-- Site language selector -->
86+
{% if config.extra.alternate %}
87+
{% include "partials/alternate.html" %}
88+
{% endif %}
89+
90+
<!-- Button to open search modal -->
91+
{% if "material/search" in config.plugins %}
92+
<label class="md-header__button md-icon" for="__search">
93+
{% set icon = config.theme.icon.search or "material/magnify" %}
94+
{% include ".icons/" ~ icon ~ ".svg" %}
95+
</label>
96+
97+
<!-- Search interface -->
98+
{% include "partials/search.html" %}
99+
{% endif %}
100+
101+
<!-- Repository information -->
102+
{% if config.repo_url %}
103+
<div class="md-header__source">
104+
{% include "partials/source.html" %}
105+
</div>
106+
{% endif %}
107+
</nav>
108+
109+
<!-- Navigation tabs (sticky) -->
110+
{% if "navigation.tabs.sticky" in features %}
111+
{% if "navigation.tabs" in features %}
112+
{% include "partials/tabs.html" %}
113+
{% endif %}
114+
{% endif %}
115+
</header>

0 commit comments

Comments
 (0)