25/4/29

docs/index.md

@@ -118,11 +118,11 @@ ____    __    ____  ______   ______   ____    __    ____  __  .__   __.
 - 简单易上手，小白配置
 - 𝕙𝕒𝕧𝕖 𝕒 𝕘𝕠𝕠𝕕 𝕥𝕚𝕞𝕖 ! -->
 
-视频教程(1) 联系我(2)
+<!-- 视频教程(1) 联系我(2)
 { .annotate }
 
 1. 点击右下角[:simple-bilibili:](https://space.bilibili.com/1407028951/lists/4566631?type=series)图标查看视频教程.
-2. TEL:18939533255(微信号)
+2. TEL:18939533255(微信号) -->
 
 ***  
 

docs/javascripts/extra.js

@@ -19,15 +19,15 @@ anime.timeline({loop: true})
 
 
 //全屏视频
-var video = document.getElementById("video1");
+// var video = document.getElementById("video1");
-var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
+// var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
 
-if (isMobile) {
+// if (isMobile) {
-  video.style.display = "none";
+//   video.style.display = "none";
-  video.muted = true;
+//   video.muted = true;
-} else {
+// } else {
-  video.volume = 0.5; // 或者根据需要设置适当的音量值，例如 0.5 表示 50% 的音量
+//   video.volume = 0.5; // 或者根据需要设置适当的音量值，例如 0.5 表示 50% 的音量
-}
+// }
 
 // 优化
 // const container = document.querySelector('.container');

docs/stylesheets/customize.css

@@ -1,10 +1,34 @@
 :root {
   --admonition-border-left-width: 0.2rem;
   --base-border-radius: 0.5rem;
+  --card-hover-shadow: 0 0 0.2rem #ffffff40;
 }
 
-/* Change font family of filename present on top of code block. */
+/* 卡片圆角与悬浮阴影 */
-/* .highlight span.filename {
+.md-typeset .grid.cards > ul > li,
+.md-typeset .md-button,
+.md-typeset table:not([class]) {
+  border-radius: var(--base-border-radius);
+}
+.md-typeset .grid.cards > ul > li:hover {
+  box-shadow: var(--card-hover-shadow);
+}
+
+/* 页脚社交图标高度 */
+.md-social__link svg {
+  max-height: 1rem;
+}
+
+/* 搜索框及下拉结果圆角 */
+.md-search__form,
+[data-md-toggle="search"]:checked ~ .md-header .md-search__form,
+[dir="ltr"] .md-search__output {
+  border-radius: var(--base-border-radius);
+}
+
+/* 可选：如需恢复代码块、警告框等样式，取消注释即可 */
+/*
+.highlight span.filename {
   border-bottom: none;
   border-radius: var(--base-border-radius);
   display: inline;
@@ -14,234 +38,33 @@
   margin-bottom: 5px;
   text-align: center;
 }
-.highlight span.filename + pre > code {
+.highlight span.filename + pre > code,
+.md-typeset pre > code {
   border-radius: var(--base-border-radius);
   border-top-left-radius: 0;
 }
-.md-typeset pre > code {
+.md-typeset .admonition {
-  border-radius: var(--base-border-radius);
-} */
-
-/* Customize admonition layout */
-/* .md-typeset .admonition {
   border-width: 0px;
   border-left-width: var(--admonition-border-left-width);
 }
-
 [dir="ltr"] .md-typeset blockquote {
   border-radius: 0.2rem;
   border-left-width: var(--admonition-border-left-width);
-} */
-
-/* Grid Cards */
-.md-typeset .grid.cards > ul > li {
-  border-radius: var(--base-border-radius);
-}
-.md-typeset .grid.cards > ul > li:hover {
-  box-shadow: 0 0 0.2rem #ffffff40;
-}
-
-/* Markdown Button */
-.md-typeset .md-button {
-  border-radius: var(--base-border-radius);
-}
-
-/* Footer: Social Links */
-.md-social__link svg {
-  max-height: 1rem;
-}
-
-
-/* Forms */
-.md-search__form {
-  border-radius: var(--base-border-radius);
-}
-
-[data-md-toggle="search"]:checked ~ .md-header .md-search__form {
-  border-top-right-radius: var(--base-border-radius);
-  border-top-left-radius: var(--base-border-radius);
-}
-
-[dir="ltr"] .md-search__output {
-  border-bottom-right-radius: var(--base-border-radius);
-  border-bottom-left-radius: var(--base-border-radius);
-}
-
-/* Blog - index.md */
-/* div.md-content header {
-  display: none;
 }
+*/
 
+/* 可选：博客相关样式，按需启用 */
+/*
 .md-post--excerpt {
   background-color: var(--md-accent-fg-color--transparent);
   box-shadow: 0 0 0 1rem var(--md-accent-fg-color--transparent);
   border-radius: var(--base-border-radius);
 }
-
 .md-post--excerpt .md-post__header {
-  justify-content: center;
+  justify-content: left;
 }
-
 .md-post--excerpt .md-post__content > h2,
 .md-post__action {
-  text-align: center;
+  text-align: left;
-} */
-
-/* Table */
-.md-typeset table:not([class]) {
-  border-radius: var(--base-border-radius);
-}
-
-
-
-
-
-.carousel {
-  width: 60%;
-  height: 100%;
-
-  border-radius: 0.4rem;
-  overflow: hidden;
-  position: relative;
-
-  /* 居中 */
-  margin-left: auto;
-  margin-right: auto;
-
-  border: 0.075rem solid #7b7b7b7a;
-  box-shadow: var(--md-shadow-z1);
-}
-
-.carousel-container {
-  width: 100%;
-  height: 100%;
-
-  position: relative;
-  left: 0;
-
-  display: flex;
-
-  /* 过渡动画 1s */
-  transition: all 1s;
-}
-
-.carousel-hover {
-  height: 100%;
-  width: 10%;
-  position: absolute;
-  top: 0;
-
-  /* 子元素垂直居中 */
-  display: flex;
-  flex-flow: column nowrap;
-  align-items: center;
-  justify-content: center;
-}
-.carousel-hover.left {
-  left: 0;
-}
-.carousel-hover.right {
-  right: 0;
-}
-
-.carousel-hover button {
-  background-color: var(--md-accent-fg-color);
-  border-radius: 50%;
-
-  cursor: pointer;
-
-  opacity: 0;
-  transition: opacity 0.3s;
-}
-.carousel-hover button::after {
-  display: block;
-  height: 1.5rem;
-  width: 1.5rem;
-
-  background-color: white;
-  content: "";
-  mask-position: center;
-  -webkit-mask-position: center;
-}
-.carousel-hover.left button::after {
-  mask-image: var(--md-tabbed-icon--prev);
-  -webkit-mask-image: var(--md-tabbed-icon--prev);
-}
-.carousel-hover.right button::after {
-  mask-image: var(--md-tabbed-icon--next);
-  -webkit-mask-image: var(--md-tabbed-icon--next);
-}
-
-/* hover 外层 */
-.carousel-hover:hover button {
-  opacity: 0.5;
-  transition: opacity 0.3s;
-}
-/* hover 内层 */
-.carousel-hover button:hover {
-  opacity: 0.8;
-  transition: opacity 0.3s;
-}
-
-.carousel-container a {
-  width: 100%;
-  height: 100%;
-
-  flex-shrink: 0;
-}
-
-.carousel-container img {
-  width: 100%;
-  height: 100%;
-
-  object-fit: cover;
-  display: block;
-}
-
-.carousel-bottom {
-  position: absolute;
-  /* 宽度等同于内容宽度 */
-  width: 100%;
-  padding: 20px;
-
-  bottom: 0;
-
-  display: flex;
-  justify-content: center;
-  /* 指示器间距 */
-  gap: 10px;
-
-  opacity: 0;
-  transition: opacity 0.3s;
-}
-.carousel-bottom:hover {
-  opacity: 0.8;
-  transition: opacity 0.3s;
-}
-
-.carousel-bottom .indicator {
-  height: 5px;
-  width: 20px;
-
-  background-color: var(--md-accent-fg-color);
-
-  opacity: 0.5;
-  cursor: pointer;
-}
-
-.carousel:hover .bottom .indicator {
-  opacity: 1;
-}
-.carousel:hover .shift .btn {
-  opacity: 1;
-}
-
-@media screen and (max-width: 600px) {
-  .carousel {
-      width: 100%;
-  }
-
-  .carousel-hover button {
-      opacity: 1;
-  }
 }
+*/

docs/stylesheets/extra.css

@@ -146,7 +146,7 @@ img {
 /* 滚动条 */
 
 
-::-webkit-scrollbar {
+/* ::-webkit-scrollbar {
 width: 8px;
 height: 8px;
 }
@@ -183,7 +183,7 @@ background-color: #49b1f5;
 ::-webkit-scrollbar:hover {
 width: 7px;
 height: 7px;
-}
+} */
 
 /*bilbili*/
 /*哔哩哔哩视频适配*/