docs: 图标设置文档更新

ATQQ · Jun 8, 2024 · e6e0f1f · e6e0f1f
1 parent 4b10ca0
commit e6e0f1f
Showing 1 changed file with 45 additions and 1 deletion.
diff --git a/packages/theme/docs/config/global.md b/packages/theme/docs/config/global.md
@@ -109,6 +109,17 @@ const blogTheme = getThemeConfig({
 })
 ```
 
+```ts [使用 SVG 图标]
+// 可以上 iconfont 直接复制 SVG 图标
+// 也可以是 emoji 表情 😝
+const svgIconStr = '<svg>省略内部代码</svg>'
+const blogTheme = getThemeConfig({
+  hotArticle: {
+    title: `${svgIconStr} 精选文章`
+  }
+})
+```
+
 ```ts [example]
 const blogTheme = getThemeConfig({
   hotArticle: {
@@ -148,9 +159,13 @@ const blogTheme = getThemeConfig({
 })
 ```
 
+自定义 SVG 图标标题
+
+![](https://cdn.upyun.sugarat.top/mdImg/sugar/ae3edb8de7b5f574f9cdaeb08ac042b2)
+
 ## homeTags
 
-* Type: `boolean`
+* Type: `boolean` | `HomeTagsConfig`
 
 用于控制首页右侧的标签内容
 
@@ -162,6 +177,19 @@ const blogTheme = getThemeConfig({
 })
 ```
 
+可自定义 标题 和 图标。
+
+```ts
+// 可以上 iconfont 直接复制 SVG 图标
+// 也可以是 emoji 表情 😝
+const svgIconStr = '<svg>省略内部代码</svg>'
+const blogTheme = getThemeConfig({
+  homeTags: {
+    title: `${svgIconStr} 标签`
+  }
+})
+```
+
 ## home
 
 用于设置首页的自定义内容
@@ -1090,6 +1118,22 @@ const blogTheme = getThemeConfig({
 })
 ```
 
+可自定义 标题 和 图标，
+
+```ts [使用 SVG 图标]
+// 可以上 iconfont 直接复制 SVG 图标
+// 也可以是 emoji 表情 😝
+const svgIconStr = '<svg>省略内部代码</svg>'
+const blogTheme = getThemeConfig({
+  friend: {
+    title: `${svgIconStr} 友链`,
+    list: [
+      /* 友链数据 */
+    ]
+  }
+})
+```
+
 ## authorList
 
 用于设置文章页作者信息跳转相关信息，默认情况下`author`仅做展示