docs: perf website (#32)

.umirc.ts

@@ -21,7 +21,7 @@ export default defineConfig({
     ['en-US', 'English'],
   ],
   theme: {
-    '@c-primary': '#42a5f5',
+    '@c-primary': '#1890ff',
   },
   navs: {
     'zh-CN': [

README.en-US.md

@@ -1004,45 +1004,38 @@ At the same time, if you have any questions during use, you can also ask and inq
   <td align="center" width="180">
     <a href="https://github.com/ant-design/ant-design">
       <img src="https://avatars1.githubusercontent.com/u/12101536?s=200&v=4" width="46" />
-      <br />
+      <div>ant-design</div>
-      ant-design
     </a></td>
   <td align="center" width="180">
     <a href="https://github.com/vueComponent/ant-design-vue">
       <img src="https://avatars1.githubusercontent.com/u/32120805?s=200&v=4" width="46" />
-      <br />
+      <div>ant-design-vue</div>
-      ant-design-vue
     </a></td>
   <td align="center" width="180">
     <a href="https://github.com/umijs/dumi">
       <img src="https://avatars1.githubusercontent.com/u/33895495?s=200&v=4" width="46" />
-      <br />
+      <div>dumi</div>
-      dumi
     </a></td>
   <td align="center" width="180">
     <a href="https://github.com/mui-org/material-ui">
       <img src="https://avatars2.githubusercontent.com/u/33663932?s=200&v=4" width="46" />
-      <br />
+      <div>material-ui</div>
-      material-ui
     </a></td>
 </tr><tr>
   <td align="center" width="180">
     <a href="https://github.com/lijinke666/react-music-player">
       <img src="https://github.com/lijinke666/react-music-player/blob/master/assetsImg/logo.png?raw=true" width="46" />
-      <br />
+      <div>react-music-player</div>
-      react-music-player
     </a></td>
   <td align="center" width="180">
     <a href="https://github.com/umijs/umi">
       <img src="https://avatars1.githubusercontent.com/u/33895495?s=200&v=4" width="46" />
-      <br />
+      <div>umi</div>
-      umi
     </a></td>
   <td align="center" width="180">
     <a href="https://github.com/AttoJS/vue-request">
       <img src="https://raw.githubusercontent.com/AttoJS/art/master/vue-request-logo.png" width="46" />
-      <br />
+      <div>vue-request</div>
-      vue-request
     </a></td>
   <td align="center" width="180"></td>
 </tr>

README.md

@@ -999,45 +999,38 @@ x2 + y2
   <td align="center" width="180">
     <a href="https://github.com/ant-design/ant-design">
       <img src="https://avatars1.githubusercontent.com/u/12101536?s=200&v=4" width="46" />
-      <br />
+      <div>ant-design</div>
-      ant-design
     </a></td>
   <td align="center" width="180">
     <a href="https://github.com/vueComponent/ant-design-vue">
       <img src="https://avatars1.githubusercontent.com/u/32120805?s=200&v=4" width="46" />
-      <br />
+      <div>ant-design-vue</div>
-      ant-design-vue
     </a></td>
   <td align="center" width="180">
     <a href="https://github.com/umijs/dumi">
       <img src="https://avatars1.githubusercontent.com/u/33895495?s=200&v=4" width="46" />
-      <br />
+      <div>dumi</div>
-      dumi
     </a></td>
   <td align="center" width="180">
     <a href="https://github.com/mui-org/material-ui">
       <img src="https://avatars2.githubusercontent.com/u/33663932?s=200&v=4" width="46" />
-      <br />
+      <div>material-ui</div>
-      material-ui
     </a></td>
 </tr><tr>
   <td align="center" width="180">
     <a href="https://github.com/lijinke666/react-music-player">
       <img src="https://github.com/lijinke666/react-music-player/blob/master/assetsImg/logo.png?raw=true" width="46" />
-      <br />
+      <div>react-music-player</div>
-      react-music-player
     </a></td>
   <td align="center" width="180">
     <a href="https://github.com/umijs/umi">
       <img src="https://avatars1.githubusercontent.com/u/33895495?s=200&v=4" width="46" />
-      <br />
+      <div>umi</div>
-      umi
     </a></td>
   <td align="center" width="180">
     <a href="https://github.com/AttoJS/vue-request">
       <img src="https://raw.githubusercontent.com/AttoJS/art/master/vue-request-logo.png" width="46" />
-      <br />
+      <div>vue-request</div>
-      vue-request
     </a></td>
   <td align="center" width="180"></td>
 </tr>

docs/guide/note.en-US.md

@@ -17,6 +17,21 @@ if: contains(github.event.issue.body, 'ie') == false
 
 [More](https://docs.github.com/en/free-pro-team@latest/actions/reference/context-and-expression-syntax-for-github-actions#functions).
 
+## Pass value and output in `yml`
+
+```
+with:
+  actions: 'month-statistics'
+  token: ${{ secrets.GITHUB_TOKEN }}
+  count-lables: 'true'
+```
+
+- `count-lables`: Regardless of setting `true` or `'ture'`, all received in the program is in string format
+
+At the same time, the output is also in string format
+
+- `check-result`: The judgment condition is `if: steps.xxid.outputs.check-result =='true'`
+
 ## `GitHub Actions bot` trigger
 
 When an action is set, such as adding a label `x1` to an issue, Actions will automatically add a label `x2` to the issue.

docs/guide/note.md

@@ -18,6 +18,21 @@ if: contains(github.event.issue.body, 'ie') == false
 
 更多[查看](https://docs.github.com/en/free-pro-team@latest/actions/reference/context-and-expression-syntax-for-github-actions#functions)。
 
+## `yml` 中传值和输出
+
+```
+with:
+  actions: 'month-statistics'
+  token: ${{ secrets.GITHUB_TOKEN }}
+  count-lables: 'true'
+```
+
+- `count-lables`：不管设置 `true` 还是 `'ture'`，在程序里接收到的都是字符串格式
+
+同时输出的也是字符串格式
+
+- `check-result`：判断条件为 `if: steps.xxid.outputs.check-result == 'true'`
+
 ## `GitHub Actions bot` 触发
 
 当设置了一个 Actions，如为给一个 issue 新增 label `x1` 时，Actions 自动为该 issue 增加 `x2` label。

docs/index.en-US.md

@@ -51,7 +51,7 @@ jobs:
 
 ## 💖 Who is using?
 
-<embed src="../README.md#L997-L1044"></embed>
+<embed src="../README.md#L997-L1037"></embed>
 
 ## ⚡ Feedback
 

docs/index.md

@@ -51,7 +51,7 @@ jobs:
 
 ## 💖 谁在使用？
 
-<embed src="../README.md#L997-L1044"></embed>
+<embed src="../README.md#L997-L1037"></embed>
 
 ## ⚡ 反馈
 

script/update-users.js

@@ -64,8 +64,7 @@ function getImg (o) {
     return `
     <a href="${o.url}">
       <img src="${o.logo}" width="46" />
-      <br />
+      <div>${getName(o)}</div>
-      ${getName(o)}
     </a>`
   }
   return ``

src/less/dumi.less

@@ -22,7 +22,6 @@
     margin-right: 0 !important;
     background: linear-gradient(45deg,#72a2de 30%,#5db8c7 90%) !important;
     border: none !important;
-    color: #000 !important;
     border-radius: 8px !important;
     text-align: center;
 
@@ -54,3 +53,48 @@
     }
   }
 }
+
+.__dumi-default-layout-features + .__dumi-default-layout-content {
+  td {
+    transition: all 0.3s;
+    &:hover {
+      box-shadow: 0 1px 2px -2px rgba(0,0,0,.16), 0 3px 6px 0 rgba(0,0,0,.12), 0 5px 12px 4px rgba(0,0,0,.09);
+    }
+  }
+}
+
+.__dumi-default-locale-select {
+  background: linear-gradient(45deg,#72a2de 30%,#5db8c7 90%) !important;
+  border-radius: 2px !important;
+  border: none !important;
+  a {
+    color: #fff !important;
+    letter-spacing: 0.6px;
+  }
+  &::before {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: auto;
+    left: auto;
+    display: inline-block;
+    width: 0;
+    height: 0;
+    background: linear-gradient(
+      225deg,
+      white 45%,
+      #aaa 50%,
+      #ccc 56%,
+      white 80%
+    );
+    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
+    opacity: 1;
+    transition-duration: 0.3s;
+    transition-property: width, height;
+    content: '';
+  }
+  &:hover::before {
+    width: 14px;
+    height: 14px;
+  }
+}

src/less/markdown.less

@@ -1,5 +1,9 @@
 .markdown table {
   width: auto !important;
+
+  a:hover {
+    text-decoration: none;
+  }
 }
 
 .markdown table td:first-child {
@@ -9,6 +13,7 @@
 code {
   padding: 1px 5px !important;
   border-radius: 4px;
+  color: #ff7875 !important;
   background: rgba(0, 0, 0, 0.06) !important;
   box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
   border: 1px solid rgba(0,0,0,0.1);