25/1/23

docs/blog/Mkdocs/mkfirst.md

@@ -12,9 +12,26 @@ mkdocs materials 教程:
 [Mkdocs Materials](https://squidfunk.github.io/mkdocs-material/){target=“_blank”}
 
 我写的教程：  
-[Mkdocs中文教程](mkdocs1.md) (更全面/观感更纯净)
+[Mkdocs中文教程](https://wcowin.work/Mkdocs-Wcowin/){target=“_blank”} (更全面/观感更纯净)  
+[MKdocs博客中文系列教程](https://www.zhihu.com/column/c_1754218140098387968){target=“_blank”}(知乎专栏)  
 
 ## 视频教程
 
+
 已经发布  
 [Mkdocs中文教程视频](https://space.bilibili.com/1407028951/lists/4566631?type=series){target=“_blank”}
+
+
+<!-- <style>
+/* 隐藏导航栏和目录 */
+.md-sidebar--primary, .md-nav--secondary {
+    display: none;
+}
+
+/* 调整中间内容的宽度 */
+.md-main {
+    width: 130%;
+    margin: 0 auto;
+    padding: 0 20px; 
+}
+</style> -->

docs/index.md

@@ -1,7 +1,7 @@
 ---
 hide:
-  #- navigation # 显示右
-  #- toc #显示左
+  # - navigation # 显示右
+  # - toc #显示左
   - footer
   - feedback
 comments: false

docs/stylesheets/extra.css

@@ -601,3 +601,4 @@ filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
 #cusdis_thread > iframe {
   height: 30rem;
 }
+

docs/stylesheets/link.css

@@ -1,13 +1,16 @@
 /* 用于大屏幕和小屏幕的通用样式 */
 .card {
-   width: 50%;
-   height: auto;
+   width: 345px;
+   height: 80px;
    font-size: 1rem;
    padding: 10px 20px;
-   border-radius: 4px;
-   transition-duration: 0.15s;
+   border-radius: 20px;
+   transition: transform 0.15s, box-shadow 0.15s, background 0.15s; /* 添加背景过渡效果 */
    margin-bottom: 1rem;
    display: flex;
+   align-items: center; /* 垂直居中对齐内容 */
+   background: #fff; /* 默认背景颜色 */
+   color: #333; /* 默认字体颜色 */
 }
 
 .card:nth-child(odd) {
@@ -20,8 +23,11 @@
 
 /* 在大屏幕上保留悬停效果 */
 .card:hover {
-   transform: scale(1.1);
-   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
+   transform: translateY(0px) scale(1.05);
+   box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2), 0 6px 12px rgba(0, 0, 0, 0.1);
+   /* background: linear-gradient(to right, #a1c4fd, #c2e9fb);  */
+   background: linear-gradient(to right, rgba(189, 224, 245), rgba(218, 232, 241), rgba(238, 237, 238));
+   color: #040000; /* 确保字体颜色在悬停时保持可读性 */
 }
 
 .card a {
@@ -33,7 +39,7 @@
    height: 3rem!important;
    margin: 0!important;
    margin-right: 1em!important;
-   border-radius: 4px;
+   border-radius: 15px;
 }
 
 .card .card-header {
@@ -57,7 +63,7 @@
 
 .card .card-header .info {
    font-style: normal;
-   color: #a3a3a3;
+   color: #706f6f;
    font-size: 14px;
    min-width: 0;
    overflow: visible;
@@ -67,10 +73,15 @@
 /* 媒体查询：小屏幕 */
 @media (max-width: 768px) {
    .card {
-       width: 100%; /* 在小屏幕上显示为单列 */
-       float: none; /* 清除浮动 */
+         width: 100%; /* 在小屏幕上显示为单列 */
+         height: auto;
+         float: none; /* 清除浮动 */
    }
+   .card:hover {
+      background: #fff; /* 恢复为默认背景颜色 */
+  }
 }
+
 .markdown-content {
    clear: both;
 }

mkdocs.yml

@@ -1,7 +1,8 @@
 #[Info]
 site_name: Mkdocs教程 #your site name 显示在左上角
 site_url: http://wcowin.work/Mkdocs-Wcowin
-site_author: Wcowin # your name
+site_description: 知足且上进，温柔且坚定
+site_author: 王科文(Wcowin) # your name
 #[UI]
 theme:
   name: material