Site updated: 2024-12-09 23:21:56

QiuHaimengjing · Dec 9, 2024 · 95941ef · 95941ef
1 parent 04f7813
commit 95941ef
Show file tree

Hide file tree

Showing 142 changed files with 22,997 additions and 19,898 deletions.
diff --git a/2023/01/16/CampusGuideSystem/index.html b/2023/01/16/CampusGuideSystem/index.html
diff --git a/2023/03/18/ElectricCharge-zhengfumei/index.html b/2023/03/18/ElectricCharge-zhengfumei/index.html
diff --git a/2023/04/15/DeployBlog/index.html b/2023/04/15/DeployBlog/index.html
diff --git a/2024/05/27/OnlineEducation/index.html b/2024/05/27/OnlineEducation/index.html
diff --git a/2024/12/09/OnCapital_01/index.html b/2024/12/09/OnCapital_01/index.html
diff --git a/404.html b/404.html
diff --git a/about/index.html b/about/index.html
diff --git a/archives/2023/01/index.html b/archives/2023/01/index.html
diff --git a/archives/2023/03/index.html b/archives/2023/03/index.html
diff --git a/archives/2023/04/index.html b/archives/2023/04/index.html
diff --git a/archives/2023/index.html b/archives/2023/index.html
diff --git a/archives/2024/05/index.html b/archives/2024/05/index.html
diff --git a/archives/2024/12/index.html b/archives/2024/12/index.html
diff --git a/archives/2024/index.html b/archives/2024/index.html
diff --git a/archives/index.html b/archives/index.html
diff --git a/assets/build/styles.css b/assets/build/styles.css
diff --git a/atom.xml b/atom.xml
diff --git a/categories/C/index.html b/categories/C/index.html
diff --git a/categories/Java/index.html b/categories/Java/index.html
diff --git a/categories/index.html b/categories/index.html
diff --git a/categories/前端/Vue/index.html b/categories/前端/Vue/index.html
diff --git a/categories/前端/index.html b/categories/前端/index.html
diff --git a/categories/后端/index.html b/categories/后端/index.html
diff --git a/categories/生活/index.html b/categories/生活/index.html
diff --git a/categories/算法/index.html b/categories/算法/index.html
diff --git a/categories/读书笔记/index.html b/categories/读书笔记/index.html
diff --git a/categories/读书笔记/资本论/index.html b/categories/读书笔记/资本论/index.html
diff --git a/categories/项目/index.html b/categories/项目/index.html
diff --git a/css/build/tailwind.css b/css/build/tailwind.css
diff --git a/css/common/basic.css b/css/common/basic.css
@@ -43,105 +43,7 @@
   --redefine-box-shadow-hover: var(--shadow-color-2) 0px 6px 24px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
   --redefine-box-shadow-flat: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px;
   --redefine-box-shadow-flat-hover: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
-  --mermaid-theme: '';
-}
-@media (prefers-color-scheme: light) {
-  :root {
-    --background-color: #fff;
-    --background-color-transparent: rgba(255,255,255,0.6);
-    --background-color-transparent-15: rgba(255,255,255,0.15);
-    --background-color-transparent-40: rgba(255,255,255,0.4);
-    --background-color-transparent-80: rgba(255,255,255,0.8);
-    --second-background-color: #fafafa;
-    --third-background-color: #f7f7f7;
-    --third-background-color-transparent: rgba(241,241,241,0.6);
-    --primary-color: #a31f34;
-    --first-text-color: #323739;
-    --second-text-color: #343a3c;
-    --third-text-color: #5c6669;
-    --fourth-text-color: #eaeced;
-    --default-text-color: #373d3f;
-    --invert-text-color: #bebec6;
-    --border-color: rgba(0,0,0,0.08);
-    --selection-color: #be243c;
-    --shadow-color-1: rgba(0,0,0,0.08);
-    --shadow-color-2: rgba(0,0,0,0.05);
-    --shadow-hover-color: rgba(0,0,0,0.28);
-    --scrollbar-color: #c1c1c1;
-    --scrollbar-color-hover: #a1a1a1;
-    --scroll-bar-bg-color: #fafafa;
-    --link-color: #323739;
-    --copyright-info-color: #c03;
-    --avatar-background-color: #06c;
-    --pjax-progress-bar-color: linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);
-    --archive-timeline-last-child-color: linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;
-    --note-blue-title-bg: #d6f7fb;
-    --note-red-title-bg: #fde9e9;
-    --note-cyan-title-bg: #e9fdf9;
-    --note-green-title-bg: #e9fde9;
-    --note-yellow-title-bg: #fdf9e9;
-    --note-gray-title-bg: #f9f9f9;
-    --note-type-title-bg: #fdf3e9;
-    --note-black-title-bg: #e9e9e9;
-    --note-purple-title-bg: #f9e9fd;
-    --home-banner-text-color: #040404;
-    --home-banner-icons-container-border-color: rgba(255,255,255,0.35);
-    --home-banner-icons-container-background-color: rgba(255,255,255,0.3);
-    --redefine-box-shadow: var(--shadow-color-2) 0px 6px 24px 0px, var(--shadow-color-1) 0px 0px 0px 1px;
-    --redefine-box-shadow-hover: var(--shadow-color-2) 0px 6px 24px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
-    --redefine-box-shadow-flat: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px;
-    --redefine-box-shadow-flat-hover: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
-    --mermaid-theme: '';
-  }
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background-color: #202124;
-    --background-color-transparent: rgba(32,33,36,0.4);
-    --background-color-transparent-15: rgba(32,33,36,0.15);
-    --background-color-transparent-40: rgba(32,33,36,0.4);
-    --background-color-transparent-80: rgba(32,33,36,0.8);
-    --second-background-color: #242529;
-    --third-background-color: #292b2f;
-    --third-background-color-transparent: rgba(32,33,36,0.6);
-    --primary-color: #a31f34;
-    --first-text-color: #d2d2d7;
-    --second-text-color: #cbcbd1;
-    --third-text-color: #9595a2;
-    --fourth-text-color: #242429;
-    --default-text-color: #bebec6;
-    --invert-text-color: #373d3f;
-    --border-color: rgba(255,255,255,0.08);
-    --selection-color: #be243c;
-    --shadow-color-1: rgba(255,255,255,0.08);
-    --shadow-color-2: rgba(255,255,255,0.05);
-    --shadow-hover-color: rgba(69,69,69,0.28);
-    --scrollbar-color: #898989;
-    --scrollbar-color-hover: #a1a1a1;
-    --scroll-bar-bg-color: #2a2c30;
-    --link-color: #c5c5cc;
-    --copyright-info-color: #a30029;
-    --avatar-background-color: #005cb8;
-    --pjax-progress-bar-color: linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);
-    --archive-timeline-last-child-color: linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;
-    --note-blue-title-bg: #1e3e46;
-    --note-red-title-bg: #4e1e1e;
-    --note-cyan-title-bg: #1e4e4e;
-    --note-green-title-bg: #1e4e1e;
-    --note-yellow-title-bg: #4e4e1e;
-    --note-gray-title-bg: #4e4e4e;
-    --note-type-title-bg: #4e3a1e;
-    --note-black-title-bg: #1e1e1e;
-    --note-purple-title-bg: #4e1e4e;
-    --home-banner-text-color: #d1d1b6;
-    --home-banner-icons-container-border-color: rgba(197,197,197,0.35);
-    --home-banner-icons-container-background-color: rgba(197,197,197,0.3);
-    --redefine-box-shadow: var(--shadow-color-2) 0px 6px 24px 0px, var(--shadow-color-1) 0px 0px 0px 1px;
-    --redefine-box-shadow-hover: var(--shadow-color-2) 0px 6px 24px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
-    --redefine-box-shadow-flat: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px;
-    --redefine-box-shadow-flat-hover: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
-    --mermaid-theme: '';
-  }
+  --mermaid-theme: $mermaid-theme;
 }
 .light-mode {
   --background-color: #fff;
@@ -188,7 +90,7 @@
   --redefine-box-shadow-hover: var(--shadow-color-2) 0px 6px 24px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
   --redefine-box-shadow-flat: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px;
   --redefine-box-shadow-flat-hover: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
-  --mermaid-theme: '';
+  --mermaid-theme: $mermaid-theme;
 }
 .dark-mode {
   --background-color: #202124;
@@ -203,7 +105,7 @@
   --first-text-color: #d2d2d7;
   --second-text-color: #cbcbd1;
   --third-text-color: #9595a2;
-  --fourth-text-color: #242429;
+  --fourth-text-color: #36363e;
   --default-text-color: #bebec6;
   --invert-text-color: #373d3f;
   --border-color: rgba(255,255,255,0.08);
@@ -235,7 +137,7 @@
   --redefine-box-shadow-hover: var(--shadow-color-2) 0px 6px 24px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
   --redefine-box-shadow-flat: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px;
   --redefine-box-shadow-flat-hover: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
-  --mermaid-theme: '';
+  --mermaid-theme: $dark-mermaid-theme;
 }
 .title-hover-animation {
   display: inline-block;
@@ -356,6 +258,26 @@
     transform: scale(1.08);
   }
 }
+.redefine-box-shadow {
+  box-shadow: var(--redefine-box-shadow);
+}
+.redefine-box-shadow-flat {
+  box-shadow: var(--redefine-box-shadow-flat);
+}
+@media (min-width: 640px) {
+  .redefine-box-shadow:hover {
+    box-shadow: var(--redefine-box-shadow-hover);
+  }
+  .redefine-box-shadow-flat:hover {
+    box-shadow: var(--redefine-box-shadow);
+  }
+}
+.ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+}
 * {
   transition-property: color, background, box-shadow, border-color;
   transition-delay: 0s, 0s, 0s, 0s;
@@ -375,6 +297,7 @@ body {
   font-weight: 400;
   font-size: 16px;
   line-height: 1.5;
+  --navbar-height: 70px;
 }
 html::-webkit-scrollbar,
 body::-webkit-scrollbar {
@@ -416,6 +339,10 @@ body::-webkit-scrollbar-thumb:hover {
     line-height: 1.35;
   }
 }
+html .navbar-shrink,
+body .navbar-shrink {
+  --navbar-height: 50.4px;
+}
 ::selection {
   background: var(--selection-color);
   color: #fff;

diff --git a/css/common/codeblock/code-block.css b/css/common/codeblock/code-block.css
@@ -1,10 +1,10 @@
-.highlight-container[data-rel] {
+.code-container {
   position: relative;
 }
-.highlight-container:hover .copy-button,
-.highlight-container .copy-button:focus,
-.highlight-container:hover .fold-button,
-.highlight-container .fold-button:focus {
+.code-container:hover .copy-button,
+.code-container .copy-button:focus,
+.code-container:hover .fold-button,
+.code-container .fold-button:focus {
   opacity: 1;
 }
 .fold-button {
@@ -53,7 +53,7 @@
   right: 0;
   top: 0;
 }
-.highlight-container[data-rel] {
+.code-container {
   background: var(--third-background-color);
   border-radius: $redefine-border-radius-large;
   box-shadow: var(--redefine-box-shadow-flat);
@@ -62,18 +62,18 @@
   margin-bottom: 1.2rem;
   position: relative;
 }
-.highlight-container[data-rel] figcaption {
+.code-container figcaption {
   font-weight: bold;
   font-size: 16px;
   position: absolute;
   top: 12px;
   left: 50%;
   transform: translateX(-50%);
 }
-.highlight-container[data-rel] figcaption a {
+.code-container figcaption a {
   margin-left: 10px;
 }
-.highlight-container[data-rel]::before {
+.code-container::before {
   position: absolute;
   content: attr(data-rel);
   line-height: 38px;
@@ -89,12 +89,15 @@
   font-weight: bold;
   font-size: 16px;
 }
-.highlight-container[data-rel] .folded figure {
+.code-container .folded {
+  height: 0 !important;
+}
+.code-container .folded figure {
   height: 0 !important;
   width: 0 !important;
   overflow: hidden !important;
 }
-.highlight-container[data-rel]::after {
+.code-container::after {
   content: ' ';
   position: absolute;
   -webkit-border-radius: $redefine-border-radius-full;

diff --git a/css/common/codeblock/code-theme.css b/css/common/codeblock/code-theme.css
@@ -43,105 +43,7 @@
   --redefine-box-shadow-hover: var(--shadow-color-2) 0px 6px 24px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
   --redefine-box-shadow-flat: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px;
   --redefine-box-shadow-flat-hover: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
-  --mermaid-theme: '';
-}
-@media (prefers-color-scheme: light) {
-  :root {
-    --background-color: #fff;
-    --background-color-transparent: rgba(255,255,255,0.6);
-    --background-color-transparent-15: rgba(255,255,255,0.15);
-    --background-color-transparent-40: rgba(255,255,255,0.4);
-    --background-color-transparent-80: rgba(255,255,255,0.8);
-    --second-background-color: #fafafa;
-    --third-background-color: #f7f7f7;
-    --third-background-color-transparent: rgba(241,241,241,0.6);
-    --primary-color: #a31f34;
-    --first-text-color: #323739;
-    --second-text-color: #343a3c;
-    --third-text-color: #5c6669;
-    --fourth-text-color: #eaeced;
-    --default-text-color: #373d3f;
-    --invert-text-color: #bebec6;
-    --border-color: rgba(0,0,0,0.08);
-    --selection-color: #be243c;
-    --shadow-color-1: rgba(0,0,0,0.08);
-    --shadow-color-2: rgba(0,0,0,0.05);
-    --shadow-hover-color: rgba(0,0,0,0.28);
-    --scrollbar-color: #c1c1c1;
-    --scrollbar-color-hover: #a1a1a1;
-    --scroll-bar-bg-color: #fafafa;
-    --link-color: #323739;
-    --copyright-info-color: #c03;
-    --avatar-background-color: #06c;
-    --pjax-progress-bar-color: linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);
-    --archive-timeline-last-child-color: linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;
-    --note-blue-title-bg: #d6f7fb;
-    --note-red-title-bg: #fde9e9;
-    --note-cyan-title-bg: #e9fdf9;
-    --note-green-title-bg: #e9fde9;
-    --note-yellow-title-bg: #fdf9e9;
-    --note-gray-title-bg: #f9f9f9;
-    --note-type-title-bg: #fdf3e9;
-    --note-black-title-bg: #e9e9e9;
-    --note-purple-title-bg: #f9e9fd;
-    --home-banner-text-color: #040404;
-    --home-banner-icons-container-border-color: rgba(255,255,255,0.35);
-    --home-banner-icons-container-background-color: rgba(255,255,255,0.3);
-    --redefine-box-shadow: var(--shadow-color-2) 0px 6px 24px 0px, var(--shadow-color-1) 0px 0px 0px 1px;
-    --redefine-box-shadow-hover: var(--shadow-color-2) 0px 6px 24px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
-    --redefine-box-shadow-flat: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px;
-    --redefine-box-shadow-flat-hover: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
-    --mermaid-theme: '';
-  }
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background-color: #202124;
-    --background-color-transparent: rgba(32,33,36,0.4);
-    --background-color-transparent-15: rgba(32,33,36,0.15);
-    --background-color-transparent-40: rgba(32,33,36,0.4);
-    --background-color-transparent-80: rgba(32,33,36,0.8);
-    --second-background-color: #242529;
-    --third-background-color: #292b2f;
-    --third-background-color-transparent: rgba(32,33,36,0.6);
-    --primary-color: #a31f34;
-    --first-text-color: #d2d2d7;
-    --second-text-color: #cbcbd1;
-    --third-text-color: #9595a2;
-    --fourth-text-color: #242429;
-    --default-text-color: #bebec6;
-    --invert-text-color: #373d3f;
-    --border-color: rgba(255,255,255,0.08);
-    --selection-color: #be243c;
-    --shadow-color-1: rgba(255,255,255,0.08);
-    --shadow-color-2: rgba(255,255,255,0.05);
-    --shadow-hover-color: rgba(69,69,69,0.28);
-    --scrollbar-color: #898989;
-    --scrollbar-color-hover: #a1a1a1;
-    --scroll-bar-bg-color: #2a2c30;
-    --link-color: #c5c5cc;
-    --copyright-info-color: #a30029;
-    --avatar-background-color: #005cb8;
-    --pjax-progress-bar-color: linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);
-    --archive-timeline-last-child-color: linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;
-    --note-blue-title-bg: #1e3e46;
-    --note-red-title-bg: #4e1e1e;
-    --note-cyan-title-bg: #1e4e4e;
-    --note-green-title-bg: #1e4e1e;
-    --note-yellow-title-bg: #4e4e1e;
-    --note-gray-title-bg: #4e4e4e;
-    --note-type-title-bg: #4e3a1e;
-    --note-black-title-bg: #1e1e1e;
-    --note-purple-title-bg: #4e1e4e;
-    --home-banner-text-color: #d1d1b6;
-    --home-banner-icons-container-border-color: rgba(197,197,197,0.35);
-    --home-banner-icons-container-background-color: rgba(197,197,197,0.3);
-    --redefine-box-shadow: var(--shadow-color-2) 0px 6px 24px 0px, var(--shadow-color-1) 0px 0px 0px 1px;
-    --redefine-box-shadow-hover: var(--shadow-color-2) 0px 6px 24px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
-    --redefine-box-shadow-flat: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px;
-    --redefine-box-shadow-flat-hover: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
-    --mermaid-theme: '';
-  }
+  --mermaid-theme: $mermaid-theme;
 }
 .light-mode {
   --background-color: #fff;
@@ -188,7 +90,7 @@
   --redefine-box-shadow-hover: var(--shadow-color-2) 0px 6px 24px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
   --redefine-box-shadow-flat: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px;
   --redefine-box-shadow-flat-hover: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
-  --mermaid-theme: '';
+  --mermaid-theme: $mermaid-theme;
 }
 .dark-mode {
   --background-color: #202124;
@@ -203,7 +105,7 @@
   --first-text-color: #d2d2d7;
   --second-text-color: #cbcbd1;
   --third-text-color: #9595a2;
-  --fourth-text-color: #242429;
+  --fourth-text-color: #36363e;
   --default-text-color: #bebec6;
   --invert-text-color: #373d3f;
   --border-color: rgba(255,255,255,0.08);
@@ -235,7 +137,7 @@
   --redefine-box-shadow-hover: var(--shadow-color-2) 0px 6px 24px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
   --redefine-box-shadow-flat: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px;
   --redefine-box-shadow-flat-hover: var(--shadow-color-2) 0px 1px 4px 0px, var(--shadow-color-1) 0px 0px 0px 1px, var(--shadow-color-1) 0px 0px 0px 1px inset;
-  --mermaid-theme: '';
+  --mermaid-theme: $dark-mermaid-theme;
 }
 :root {
   --inline-code-foreground: #24292e;