Update index.zh-hans.md

exampleSite/content/docs/look-and-feel/index.zh-hans.md

@@ -191,13 +191,20 @@ JS 变量使用驼峰式命名，其对应的 class 名称则是小写的，且
 
 You can either specify the color CSS utilities or the `style` attribute for setting the icon color.
 
-```md
-<i class="fas fa-clock text-success"></i>
-<i class="fas fa-clock text-danger"></i>
-'<i class="far fa-clock" style="color: blue"></i>'
-'<i class="far fa-clock" style="color: pink"></i>'
-```
-
-{{< alert warning >}}
-Where there are quotation marks, they should be exactly like that. Other options work without quotes.
-{{< /alert >}}
+| HTML |
+|---|
+| `<i class="fas fa-clock text-success"></i>` |
+| `<i class="fas fa-clock text-danger"></i>` |
+| `<i class="far fa-clock" style="color: blue"></i>` |
+| `<i class="far fa-clock" style="color: pink"></i>` |
+
+> When using it in configurations, front matter and so on, you should need to quote/escape the code, otherwise YAML/TOML/JSON parsing may fail. For example,
+> 
+> ```md
+> ---
+> menu:
+>   main:
+>     params:
+>       icon: '<i class="far fa-clock" style="color: blue"></i>'
+> ---
+> ```