docs: optimize website (#29)

* docs: optimize website

* a

* a

.umirc.ts

@@ -72,9 +72,15 @@ export default defineConfig({
   },
   styles: [
     `
+      html {
+        scroll-behavior: smooth;
+      }
       .markdown table {
         width: auto !important;
       }
+      .markdown table td:first-child {
+        font-weight: normal !important;
+      }
     `,
   ]
 });

README.en-US.md

@@ -1000,31 +1000,61 @@ At the same time, if you have any questions during use, you can also ask and inq
 
 <table>
 <tr>
-  <td align="center"><a href="https://github.com/ant-design/ant-design"><img src="https://avatars1.githubusercontent.com/u/12101536?s=200&v=4" width="46" /></a></td>
+  <td align="center" width="160">
-  <td align="center"><a href="https://github.com/vueComponent/ant-design-vue"><img src="https://avatars1.githubusercontent.com/u/32120805?s=200&v=4" width="46" /></a></td>
+    <a href="https://github.com/ant-design/ant-design">
-  <td align="center"><a href="https://github.com/umijs/dumi"><img src="https://avatars1.githubusercontent.com/u/33895495?s=200&v=4" width="46" /></a></td>
+      <img src="https://avatars1.githubusercontent.com/u/12101536?s=200&v=4" width="46" />
-  <td align="center"><a href="https://github.com/mui-org/material-ui"><img src="https://avatars2.githubusercontent.com/u/33663932?s=200&v=4" width="46" /></a></td>
+      <br />
-  <td align="center"><a href="https://github.com/umijs/umi"><img src="https://avatars1.githubusercontent.com/u/33895495?s=200&v=4" width="46" /></a></td>
+      ant-design
-</tr>
+    </a>
-<tr>
+  </td>
-  <td width="160" align="center">ant-design</td>
+  <td align="center" width="160">
-  <td width="160" align="center">ant-design-vue</td>
+    <a href="https://github.com/vueComponent/ant-design-vue">
-  <td width="160" align="center">dumi</td>
+      <img src="https://avatars1.githubusercontent.com/u/32120805?s=200&v=4" width="46" />
-  <td width="160" align="center">material-ui</td>
+      <br />
-  <td width="160" align="center">umi</td>
+      ant-design-vue
+    </a>
+  </td>
+  <td align="center" width="160">
+    <a href="https://github.com/umijs/dumi">
+      <img src="https://avatars1.githubusercontent.com/u/33895495?s=200&v=4" width="46" />
+      <br />
+      dumi
+    </a>
+  </td>
+  <td align="center" width="160">
+    <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
+    </a>
+  </td>
+  <td align="center" width="160">
+    <a href="https://github.com/umijs/umi">
+      <img src="https://avatars1.githubusercontent.com/u/33895495?s=200&v=4" width="46" />
+      <br />
+      umi
+    </a>
+  </td>
 </tr><tr>
-  <td align="center"><a href="https://github.com/AttoJS/vue-request"><img src="https://raw.githubusercontent.com/AttoJS/art/master/vue-request-logo.png" width="46" /></a></td>
+  <td align="center" width="160">
-  <td align="center"></td>
+    <a href="https://github.com/AttoJS/vue-request">
-  <td align="center"></td>
+      <img src="https://raw.githubusercontent.com/AttoJS/art/master/vue-request-logo.png" width="46" />
-  <td align="center"></td>
+      <br />
-  <td align="center"></td>
+      vue-request
-</tr>
+    </a>
-<tr>
+  </td>
-  <td width="160" align="center">vue-request</td>
+  <td align="center" width="160">
-  <td width="160" align="center"></td>
+    
-  <td width="160" align="center"></td>
+  </td>
-  <td width="160" align="center"></td>
+  <td align="center" width="160">
-  <td width="160" align="center"></td>
+    
+  </td>
+  <td align="center" width="160">
+    
+  </td>
+  <td align="center" width="160">
+    
+  </td>
 </tr>
 </table>
 

README.md

@@ -995,31 +995,61 @@ x2 + y2
 
 <table>
 <tr>
-  <td align="center"><a href="https://github.com/ant-design/ant-design"><img src="https://avatars1.githubusercontent.com/u/12101536?s=200&v=4" width="46" /></a></td>
+  <td align="center" width="160">
-  <td align="center"><a href="https://github.com/vueComponent/ant-design-vue"><img src="https://avatars1.githubusercontent.com/u/32120805?s=200&v=4" width="46" /></a></td>
+    <a href="https://github.com/ant-design/ant-design">
-  <td align="center"><a href="https://github.com/umijs/dumi"><img src="https://avatars1.githubusercontent.com/u/33895495?s=200&v=4" width="46" /></a></td>
+      <img src="https://avatars1.githubusercontent.com/u/12101536?s=200&v=4" width="46" />
-  <td align="center"><a href="https://github.com/mui-org/material-ui"><img src="https://avatars2.githubusercontent.com/u/33663932?s=200&v=4" width="46" /></a></td>
+      <br />
-  <td align="center"><a href="https://github.com/umijs/umi"><img src="https://avatars1.githubusercontent.com/u/33895495?s=200&v=4" width="46" /></a></td>
+      ant-design
-</tr>
+    </a>
-<tr>
+  </td>
-  <td width="160" align="center">ant-design</td>
+  <td align="center" width="160">
-  <td width="160" align="center">ant-design-vue</td>
+    <a href="https://github.com/vueComponent/ant-design-vue">
-  <td width="160" align="center">dumi</td>
+      <img src="https://avatars1.githubusercontent.com/u/32120805?s=200&v=4" width="46" />
-  <td width="160" align="center">material-ui</td>
+      <br />
-  <td width="160" align="center">umi</td>
+      ant-design-vue
+    </a>
+  </td>
+  <td align="center" width="160">
+    <a href="https://github.com/umijs/dumi">
+      <img src="https://avatars1.githubusercontent.com/u/33895495?s=200&v=4" width="46" />
+      <br />
+      dumi
+    </a>
+  </td>
+  <td align="center" width="160">
+    <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
+    </a>
+  </td>
+  <td align="center" width="160">
+    <a href="https://github.com/umijs/umi">
+      <img src="https://avatars1.githubusercontent.com/u/33895495?s=200&v=4" width="46" />
+      <br />
+      umi
+    </a>
+  </td>
 </tr><tr>
-  <td align="center"><a href="https://github.com/AttoJS/vue-request"><img src="https://raw.githubusercontent.com/AttoJS/art/master/vue-request-logo.png" width="46" /></a></td>
+  <td align="center" width="160">
-  <td align="center"></td>
+    <a href="https://github.com/AttoJS/vue-request">
-  <td align="center"></td>
+      <img src="https://raw.githubusercontent.com/AttoJS/art/master/vue-request-logo.png" width="46" />
-  <td align="center"></td>
+      <br />
-  <td align="center"></td>
+      vue-request
-</tr>
+    </a>
-<tr>
+  </td>
-  <td width="160" align="center">vue-request</td>
+  <td align="center" width="160">
-  <td width="160" align="center"></td>
+    
-  <td width="160" align="center"></td>
+  </td>
-  <td width="160" align="center"></td>
+  <td align="center" width="160">
-  <td width="160" align="center"></td>
+    
+  </td>
+  <td align="center" width="160">
+    
+  </td>
+  <td align="center" width="160">
+    
+  </td>
 </tr>
 </table>
 

docs/index.en-US.md

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

docs/index.md

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

script/update-user.js

@@ -41,21 +41,23 @@ if (lastNo != 0) row += 1;
 for (let j = 1; j <= row; j++) {
   let data = '';
   data = stripIndent`
-    <tr>
+<tr>
-      <td align="center">${getImg(users[(j-1)*5])}</td>
+  <td align="center" width="160">
-      <td align="center">${getImg(users[(j-1)*5+1])}</td>
+    ${getImg(users[(j-1)*5])}
-      <td align="center">${getImg(users[(j-1)*5+2])}</td>
+  </td>
-      <td align="center">${getImg(users[(j-1)*5+3])}</td>
+  <td align="center" width="160">
-      <td align="center">${getImg(users[(j-1)*5+4])}</td>
+    ${getImg(users[(j-1)*5+1])}
-    </tr>
+  </td>
-    <tr>
+  <td align="center" width="160">
-      <td width="160" align="center">${getName(users[(j-1)*5])}</td>
+    ${getImg(users[(j-1)*5+2])}
-      <td width="160" align="center">${getName(users[(j-1)*5+1])}</td>
+  </td>
-      <td width="160" align="center">${getName(users[(j-1)*5+2])}</td>
+  <td align="center" width="160">
-      <td width="160" align="center">${getName(users[(j-1)*5+3])}</td>
+    ${getImg(users[(j-1)*5+3])}
-      <td width="160" align="center">${getName(users[(j-1)*5+4])}</td>
+  </td>
-    </tr>
+  <td align="center" width="160">
-  `;
+    ${getImg(users[(j-1)*5+4])}
+  </td>
+</tr>`;
   table += data
 };
 
@@ -95,7 +97,11 @@ console.log(`🎉 Done en`);
 
 function getImg (o) {
   if (o) {
-    return `<a href="${o.url}"><img src="${o.logo}" width="46" /></a>`
+    return `<a href="${o.url}">
+      <img src="${o.logo}" width="46" />
+      <br />
+      ${getName(o)}
+    </a>`
   }
   return ``
 };