更新文档

docs/index.md

@@ -22,18 +22,21 @@ hide:
   <figcaption>GNU/Linux 更换系统软件源脚本及 Docker 安装与换源脚本</figcaption>
   <figcaption>一键脚本使换源更简单</figcaption>
 </figure>
-<figure class="home-cmd" style="margin: 0; display: flex; flex-direction: column; justify-content: center" markdown>
+<figure class="home-cmd no-select" style="margin: 0; display: flex; flex-direction: column; justify-content: center" markdown>
 === "GNU/Linux"
 
-    ``` { .bash title="一键命令" }
+    <img src="/assets/images/brand/command/linux-light.png#only-light" style="width: 560px; box-shadow: var(--md-shadow-z2)" alt="command-linux" />
-    bash <(curl -sSL https://linuxmirrors.cn/main.sh)
+    <img src="/assets/images/brand/command/linux-dark.png#only-dark" style="width: 560px; box-shadow: var(--md-shadow-z2)" alt="command-linux" />
-    ```
+
+    <button class="md-clipboard" data-clipboard-text="bash &lt;(curl -sSL https://linuxmirrors.cn/main.sh)" title="复制"></button>
 
 === "Docker"
 
-    ``` { .bash title="一键命令" }
+    <img src="/assets/images/brand/command/docker-light.png#only-light" style="width: 560px; box-shadow: var(--md-shadow-z2)" alt="command-docker" />
-    bash <(curl -sSL https://linuxmirrors.cn/docker.sh)
+    <img src="/assets/images/brand/command/docker-dark.png#only-dark" style="width: 560px; box-shadow: var(--md-shadow-z2)" alt="command-docker" />
-    ```
+
+    <button class="md-clipboard" data-clipboard-text="bash &lt;(curl -sSL https://linuxmirrors.cn/docker.sh)" title="复制"></button>
+
 </figure>
 </div>
 
@@ -99,10 +102,12 @@ hide:
 
 </div>
 
+<div style="text-align: center" markdown>
+
 | 操作系统 | 适配版本 |
 | --- | :---: |
 | <a href="https://www.debian.org" target="_blank"><img src="/assets/images/icon/debian.svg" width="16" height="16" style="vertical-align: -0.35em"></a> Debian | _8 ~ 13_ |
-| <a href="https://cn.ubuntu.com" target="_blank"><img src="/assets/images/icon/ubuntu.svg" width="16" height="16" style="vertical-align: -0.1em"></a> Ubuntu :material-information-outline:{ title="支持乌班图家族衍生操作系统，例如 <code>优麒麟</code> <code>Kubuntu</code> 等<br/>由于迭代速度较快并不直接支持所有非 LTS 的版本，具体详见使用文档中的高级用法" } | _14 ~ 25_ |
+| <a href="https://cn.ubuntu.com" target="_blank"><img src="/assets/images/icon/ubuntu.svg" width="16" height="16" style="vertical-align: -0.1em"></a> Ubuntu :material-information-outline:{ title="支持乌班图家族衍生操作系统，例如 <code>优麒麟</code> <code>Kubuntu</code> 等<br/>由于迭代速度较快并不直接支持所有非 LTS 的版本，具体详见文档" } | _14 ~ 25_ |
 | <a href="https://www.kali.org" target="_blank"><img src="/assets/images/icon/kali-linux.svg" width="16" height="16"></a> Kali Linux | _all_ |
 | <a href="https://linuxmint.com" target="_blank"><img src="/assets/images/icon/linux-mint.ico" width="16" height="16" style="vertical-align: -0.2em"></a> Linux Mint | _19 ~ 22 / LMDE 6_ |
 | <a href="https://www.deepin.org" target="_blank"><img src="/assets/images/icon/deepin.png" width="16" height="16" style="vertical-align: -0.2em"></a> Deepin（深度） | _all_ |
@@ -125,6 +130,7 @@ hide:
 | <a href="https://www.gentoo.org" target="_blank"><img src="/assets/images/icon/gentoo.svg" width="16" height="16" style="vertical-align: -0.2em"></a> Gentoo | _all_ |
 | <a href="https://nixos.org" target="_blank"><img src="/assets/images/icon/nixos.svg" width="16" height="16" style="vertical-align: -0.15em"></a> NixOS | _19 ~ 24_ |
 
+</div>
 </div>
 
 <div style="text-align: center; padding: 1rem 0" markdown>
@@ -132,3 +138,5 @@ hide:
 </div>
 
 --8<-- "docs/sponsor/main.html"
+
+

docs/other/index.md

@@ -229,7 +229,7 @@ hide:
                 ``` bash
                 SOURCE_REGISTRY='"https://<example.registry.com>"'
                 ```
-                还可以指定多个镜像仓库，例如 `SOURCE_REGISTRY='"https://example.registry.com","https://test.registry.com"'`，注意用英文逗号分割
+                还可以指定多个镜像仓库，如 `SOURCE_REGISTRY='"https://example.registry.com","https://test.registry.com"'`，注意用英文逗号分割
 
             - 替换镜像仓库地址
 

docs/sponsor/index.md

@@ -12,9 +12,9 @@ hide:
 
 <figure style="margin: 0 auto" markdown>
   <figcaption><span style="font-size: 0.8rem; font-style: normal !important"><strong>成为赞助商</strong></span></figcaption>
-  <figcaption>
+  <figcaption class="no-select">
     <button class="md-button md-button--primary" style="padding: 4px 8px 0 8px; border-radius: 5px" title="https://afdian.com/a/SuperManito" onclick="window.open('https://afdian.com/a/SuperManito')">
-      <img src="/assets/images/sponsor/ifdian.png" alt="1Panel" style="user-select: none; -webkit-user-select: none; width: 120px" />
+      <img src="/assets/images/sponsor/ifdian.png" alt="1Panel" style="width: 120px" />
     </button>
   </figcaption>
   <figcaption><p style="color: var(--md-default-fg-color--light)">请前往作者爱发电主页查看说明并与作者取得联系</p></figcaption>

docs/sponsor/main.html

@@ -2,7 +2,7 @@
   <div class="sponsor-label">
     <strong>赞助商</strong>
   </div>
-  <div class="sponsor-wrapper sponsor-flex-wrapper">
+  <div class="sponsor-wrapper sponsor-flex-wrapper no-select">
     <a class="sponsor-item sponsor-flex-item" target="_blank" href="https://1panel.cn" title="新一代的 Linux 服务器运维管理面板">
       <img src="/assets/images/sponsor/1panel.png" alt="1Panel" />
     </a>
@@ -42,7 +42,7 @@
   <div class="sponsor-label">
     <strong>特别感谢</strong>
   </div>
-  <div class="sponsor-wrapper sponsor-flex-wrapper">
+  <div class="sponsor-wrapper sponsor-flex-wrapper no-select">
     <a class="sponsor-item sponsor-flex-item" target="_blank" href="https://www.jetbrains.com/zh-cn" title="JetBrains">
       <img src="/assets/images/support/jetbrains-light.svg#only-light" alt="JetBrains" />
       <img src="/assets/images/support/jetbrains-dark.svg#only-dark" alt="JetBrains" />

docs/stylesheets/extra.css

@@ -21,9 +21,68 @@
     --md-typeset-a-color: #2080f0;
 }
 
+/* logo */
+[data-md-color-scheme="default"] .md-logo img {
+    content: url(/assets/images/brand/svg/logo-light.svg);
+}
+
+[data-md-color-scheme="slate"] .md-logo img {
+    content: url(/assets/images/brand/svg/logo-dark.svg);
+}
+
+/* 字体 */
+@import url("https://fontsapi.zeoseven.com/442/main/result.css");
+
+body {
+    font-family: "Maple Mono NF CN";
+    font-weight: normal;
+}
+
+@font-face {
+    font-family: 'SF Mono';
+    src: url('./fonts/SF-Mono-Regular.otf');
+}
+
+/* 告诫 */
+.md-typeset .admonition,
+.md-typeset details {
+    background-color: var(--md-admonition-bg-color);
+    border: .075rem solid #448aff;
+    border-radius: .2rem;
+    box-shadow: var(--md-shadow-z1);
+    color: var(--md-admonition-fg-color);
+    display: flow-root;
+    font-size: .64rem;
+    margin: 1.5625em 0;
+    padding: 0 .6rem;
+    page-break-inside: avoid;
+    transition: box-shadow 125ms;
+}
+
+.md-typeset .admonition,
+.md-typeset details {
+    border-width: 0;
+    border-left-width: 4px;
+}
+
+.md-typeset .admonition.quote,
+.md-typeset details.quote {
+    border-width: .075rem;
+}
+
+[data-md-color-scheme='slate'] .md-typeset .admonition,
+[data-md-color-scheme='slate'] .md-typeset details {
+    box-shadow: var(--md-shadow-z2);
+}
+
 .md-typeset .admonition.tip,
 .md-typeset details.tip {
-    border-color: #009400;
+    border-color: #03b803;
+}
+
+.md-typeset .tip>.admonition-title:before,
+.md-typeset .tip>summary:before {
+    background-color: #03b803;
 }
 
 .md-typeset .tip>.admonition-title,
@@ -31,11 +90,38 @@
     background-color: #0094001a;
 }
 
+.md-typeset .admonition.tip:focus-within,
+.md-typeset details.tip:focus-within {
+    box-shadow: 0 0 0 .2rem #0094000a;
+}
+
 [data-md-color-scheme="slate"] .md-typeset .admonition.quote,
 .md-typeset details.quote {
     border-color: hsla(225deg, 15%, 90%, 0.24);
 }
 
+/* 着陆页 */
+.home-cmd pre>code {
+    padding-right: 3em;
+}
+
+.home-cmd .md-clipboard {
+    top: calc(100% - 60px);
+}
+
+@media screen and (max-width: 768px) {
+    .home-cmd .md-clipboard {
+        top: calc(100% - 50px);
+    }
+}
+
+/* 主题覆盖 */
+.no-select img {
+    user-select: none;
+    -webkit-user-select: none;
+    -webkit-user-drag: none;
+}
+
 .md-header {
     background-color: hsla(240, 9%, 75%, 0.33);
     -webkit-backdrop-filter: blur(8px);
@@ -55,52 +141,17 @@
     background-color: hsla(var(--md-hue), 15%, 9%, 0.33);
 }
 
-[data-md-color-scheme="default"] .md-logo img {
-    content: url(/assets/images/brand/svg/logo-light.svg);
-}
-
-[data-md-color-scheme="slate"] .md-logo img {
-    content: url(/assets/images/brand/svg/logo-dark.svg);
-}
-
 @media screen and (max-width: 768px) {
-  .md-typeset .admonition .tabbed-set {
+    .md-typeset .admonition .tabbed-set {
-    width: calc(100vw - 3rem - 2px);
+        width: calc(100vw - 3rem - 2px);
-  }
-  .md-typeset .admonition .tabbed-labels {
-    width: calc(100vw - 3rem - 1.2rem);
-    padding-left: .6rem;
-  }
-}
-
-@font-face {
-    font-family: 'SF Mono';
-    src: url('./fonts/SF-Mono-Regular.otf');
-}
-
-@keyframes heart {
-
-    0%,
-    40%,
-    80%,
-    100% {
-        transform: scale(1);
     }
 
-    20%,
+    .md-typeset .admonition .tabbed-labels {
-    60% {
+        width: calc(100vw - 3rem - 1.2rem);
-        transform: scale(1.15);
+        padding-left: .6rem;
     }
 }
 
-.home-cmd pre>code {
-    padding-right: 3em;
-}
-
-.heart {
-    animation: heart 1000ms infinite;
-}
-
 .md-tabs__link {
     font-size: 0.8rem !important;
     font-weight: 600 !important;
@@ -167,9 +218,6 @@
 }
 
 .sponsor .sponsor-item img {
-    user-select: none;
-    -webkit-user-drag: none;
-    -webkit-user-select: none;
     max-width: 100%;
     height: auto;
     vertical-align: middle;
@@ -202,9 +250,6 @@
 }
 
 .sponsor-item-toc img {
-    user-select: none;
-    -webkit-user-drag: none;
-    -webkit-user-select: none;
     width: 100%;
     object-fit: contain;
     filter: grayscale(1) invert(0.6);
@@ -268,6 +313,26 @@
     }
 }
 
+/* 图标动画 */
+.heart {
+    animation: heart 1000ms infinite;
+}
+
+@keyframes heart {
+
+    0%,
+    40%,
+    80%,
+    100% {
+        transform: scale(1);
+    }
+
+    20%,
+    60% {
+        transform: scale(1.15);
+    }
+}
+
 /* TDesign 组件相关 */
 .t-tag .t-icon {
     margin-right: 0 !important;
@@ -297,12 +362,14 @@
 
 [data-termynal] {
     color: #000 !important;
-    background: #e6e6e6 !important;
+    background: #f7f7f7 !important;
+    box-shadow: var(--md-shadow-z2);
 }
 
 [data-md-color-scheme="slate"] [data-termynal] {
     color: #eeeeee !important;
-    background: #252a33 !important;
+    background: #21252c !important;
+    box-shadow: var(--md-shadow-z2);
 }
 
 button[data-terminal-control] {

docs/theme/partials/toc.html

@@ -13,7 +13,7 @@
       <div class="sponsor-label">
         <strong>赞助商</strong>
       </div>
-      <div class="sponsor-wrapper sponsor-flex-wrapper-toc">
+      <div class="sponsor-wrapper sponsor-flex-wrapper-toc no-select">
         <a class="sponsor-item sponsor-item-toc sponsor-item-toc-full-row" target="_blank" href="https://1panel.cn" title="新一代的 Linux 服务器运维管理面板">
           <img src="/assets/images/sponsor/1panel.png" alt="1Panel" style="filter: grayscale(1) invert(0.6)" />
         </a>

docs/use/index.md

@@ -236,7 +236,7 @@ hide:
             nix-env -iA nixos.curl
             ```
 
-        ??? tip "安装不上？（点击展开查看其它解决方法）"
+        ??? question "安装不上？（点击展开查看其它解决方法）"
 
             假如系统原有软件源是无效的导致安装不上 `curl` 软件包，那么对于 Linux 初学者来说可能会比较麻烦，这里提供几个在线获取脚本的应急方法