[update] update the tips for RTL&LTR in readme file

2024-08-12 12:05:59 +08:00
parent ec50c6e770
commit ff2bbb0326
2 changed files with 40 additions and 0 deletions
--- a/README-CN.MD
+++ b/README-CN.MD
@@ -169,6 +169,26 @@ npm run archive

 ### 一些问题

+#### RTL & LTR
+
+本项目默认布局为 LTR。不过，本项目也支持 RTL 布局。如果您使用的是阿拉伯语、波斯语、希伯来语等，请手动修改 [\_document.tsx](./pages/_document.tsx)，如下所示。
+
+将 Html 标签
+
+```tsx
+<Html dir="ltr" lang="en">
+  {....}
+</Html>
+```
+
+更改为
+
+```tsx
+<Html dir="rtl" lang="en">
+  {....}
+</Html>
+```
+
 #### 字体

 经过大量的实践验证，本站使用中文和英文作为主要文字，因此，本项目使用 **方正小标宋（非商业用途）、思源屏显臻宋** 作为字体资源，它们在移动端、PC 端的屏幕上均有不错的显示效果，所以分别作为正式标题和正文的字体。
--- a/README.MD
+++ b/README.MD
@@ -172,6 +172,26 @@ To execute, simply run the script and specify the directory where you want to st

 ### FAQ

+#### RTL & LTR
+
+The default layout of this project is LTR. However, this project also supports RTL layout. If you are using Arabic, Persian, Hebrew, etc., please modify [\_document.tsx](./pages/_document.tsx) manually as following.
+
+Change the Html tag
+
+```tsx
+<Html dir="ltr" lang="en">
+  {....}
+</Html>
+```
+
+Into
+
+```tsx
+<Html dir="rtl" lang="en">
+  {....}
+</Html>
+```
+
 #### Fonts

 After extensive practical testing, this site primarily uses Chinese and English texts. Therefore, this project employs **Fangzheng Xiaobiaosong (for non-commercial use) and Source Han Serif Screen** as font resources. They display well on both mobile and PC screens, hence are used respectively for official titles and main text.