feat: add circle avatar

README.md

@@ -1,13 +1,3 @@
-## Metrics
-
-```js
-200	
-- w - Start of the week, given as a Unix timestamp.
-- a - Number of additions
-- d - Number of deletions
-- c - Number of commits
-```
-
 ##  how use 
 
 1. pull request your repo 
@@ -25,15 +15,13 @@
 
 ## Design 
 
-- [] 自动裁剪圆角
-- [x] 左右自动居中特性
-  - 如果当前行没有溢出，则会被居中
-
+- [] Automatic clipping and rounding of Avatar
+- [x] Horizontal Auto Center
   ![auto-center.svg](docs/default/auto-center.svg)
 
 ### size
 
-### category
+### category(TODO)
 
 ```diff
 export default {
@@ -63,23 +51,39 @@ export default {
 
 ### circle
 
+- `circle`: default: circle 
+
+![](docs/circle/circle-default.svg)
+
+- `isRadius:false`: you can disabled the feature
+
+```diff 
+export default {
++  'vuejs-translations/docs-zh-cn': {
++    isRadius: false,
++  }
+}
+```
+![](docs/circle/no-circle.svg)
+
 ### margin
 
 ### text display
 
-- [] configure text color? （I'm not sure if I need this feature..）
+- [] configure text color? （It't necessary?）
 
 ### config 
 
 maybe you need filter some users.
 
 emm, just like as `vuejs-translations/docs-zh-cn`, it's a Chinese translation for Vue docs community, we does't need show non Chinese contributors in our repo, actually, `vuejs-translations/docs-zh-cn` upstream repo is `vuejs/docs`.
 
+in `config.ts` add your repo configure.
 
 ```diff
 export default {
 +  'veaba/veaba': {
 +    ignore: [] // if you need ignore some users
 +  }
 }
-```
+```

config.ts

@@ -21,10 +21,10 @@ const config: ConfigItem =
   // https://github.com/vuejs-translations/docs-zh-cn
   'vuejs-translations/docs-zh-cn': {
     ignore: [], // if you need ignore some users
-    size: 80,
+    size: 64,
     height: 200,
     width: 800,
-    fontSize: 10,
+    fontSize: 20,
     isRadius: false,
   }
 }

dev.md

@@ -0,0 +1,8 @@
+## Metrics
+
+```js	
+- w - Start of the week, given as a Unix timestamp.
+- a - Number of additions
+- d - Number of deletions
+- c - Number of commits
+```