docs: perf website (#32)

2025-08-19 10:15:59 +08:00 · 2021-01-08 11:09:23 +08:00
parent b7db679f4b
commit 0396471168
10 changed files with 98 additions and 34 deletions
--- a/.umirc.ts
+++ b/.umirc.ts
@@ -21,7 +21,7 @@ export default defineConfig({
    ['en-US', 'English'],
  ],
  theme: {
-    '@c-primary': '#42a5f5',
+    '@c-primary': '#1890ff',
  },
  navs: {
    'zh-CN': [
--- a/README.en-US.md
+++ b/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 />
-      ant-design
+      <div>ant-design</div>
    </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 />
-      ant-design-vue
+      <div>ant-design-vue</div>
    </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 />
-      dumi
+      <div>dumi</div>
    </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 />
-      material-ui
+      <div>material-ui</div>
    </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 />
-      react-music-player
+      <div>react-music-player</div>
    </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 />
-      umi
+      <div>umi</div>
    </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 />
-      vue-request
+      <div>vue-request</div>
    </a></td>
  <td align="center" width="180"></td>
 </tr>
--- a/README.md
+++ b/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 />
-      ant-design
+      <div>ant-design</div>
    </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 />
-      ant-design-vue
+      <div>ant-design-vue</div>
    </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 />
-      dumi
+      <div>dumi</div>
    </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 />
-      material-ui
+      <div>material-ui</div>
    </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 />
-      react-music-player
+      <div>react-music-player</div>
    </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 />
-      umi
+      <div>umi</div>
    </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 />
-      vue-request
+      <div>vue-request</div>
    </a></td>
  <td align="center" width="180"></td>
 </tr>
--- a/docs/guide/note.en-US.md
+++ b/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.
--- a/docs/guide/note.md
+++ b/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。
--- a/docs/index.en-US.md
+++ b/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

--- a/docs/index.md
+++ b/docs/index.md
@@ -51,7 +51,7 @@ jobs:

 ## 💖 谁在使用？

-<embed src="../README.md#L997-L1044"></embed>
+<embed src="../README.md#L997-L1037"></embed>

 ## ⚡ 反馈

--- a/script/update-users.js
+++ b/script/update-users.js
@@ -64,8 +64,7 @@ function getImg (o) {
    return `
    <a href="${o.url}">
      <img src="${o.logo}" width="46" />
-      <br />
-      ${getName(o)}
+      <div>${getName(o)}</div>
    </a>`
  }
  return ``
--- a/src/less/dumi.less
+++ b/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;
+  }
+}
--- a/src/less/markdown.less
+++ b/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);