🤖 Auto-update AI summary cache [skip ci]

Added a new blog post on how to add friend links in MkDocs. Updated resume and design pages with improved iframe styling. Enhanced link.md with new friend links and adjusted HR color. Introduced extra2.css for additional styles. Updated tag page title and tips, and modified mkdocs.yml to include new blog and stylesheet. Added Python bytecode cache files for hooks.

.ai_cache/service_config.json

@@ -6,5 +6,5 @@
     "gemini"
   ],
   "summary_language": "zh",
-  "check_time": "2025-06-16T16:31:39.418311"
+  "check_time": "2025-06-20T02:05:44.275212"
 }

docs/about/resume.md

@@ -28,8 +28,6 @@ comments: false
 
     ---
 
-    <iframe src="../个人简历.pdf" width="100%" height="1200px" style="border: 1px solid #ccc; overflow: auto;">
+    <iframe src="../个人简历.pdf" width="100%" height="1250px" style="border: 1.5px solid #ccc; overflow: auto; border-radius: 18px; background: #fff;"></iframe>
-    </iframe>
-    
 
 </div>

docs/blog/Mkdocs/linktech.md

@@ -0,0 +1,272 @@
+---
+title: 如何给MKdocs添加友链
+tags:
+  - Mkdocs
+hide:
+  - feedback
+---
+
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Wcowin/Wcowin.github.io@main/docs/stylesheets/link.css">
+
+复制后在需要添加友链的.md 文件页面粘贴即可
+
+```html hl_lines="75-110"
+<div class="post-body">
+  <div id="links">
+    <style>
+      /* 通用卡片样式 */
+      .card {
+        width: 320px;
+        height: 90px;
+        font-size: 1rem;
+        padding: 10px 20px;
+        border-radius: 25px;
+        transition: transform 0.15s, box-shadow 0.15s, background 0.15s;
+        margin-bottom: 1rem;
+        display: flex;
+        align-items: center;
+        color: #333;
+      }
+      .card:nth-child(odd) {
+        float: left;
+      }
+      .card:nth-child(even) {
+        float: right;
+      }
+      .card:hover {
+        transform: translateY(0px) scale(1.05);
+        background-color: rgba(68, 138, 255, 0.1);
+        color: #040000;
+      }
+      .card a {
+        border: none;
+      }
+      .card .ava {
+        width: 3rem !important;
+        height: 3rem !important;
+        margin: 0 !important;
+        margin-right: 1em !important;
+        border-radius: 50%;
+      }
+      .card .card-header {
+        font-style: italic;
+        overflow: hidden;
+        width: auto;
+      }
+      .card .card-header a {
+        font-style: normal;
+        color: #608DBD;
+        font-weight: bold;
+        text-decoration: none;
+      }
+      .card .card-header a:hover {
+        color: #d480aa;
+        text-decoration: none;
+      }
+      .card .card-header .info {
+        font-style: normal;
+        color: #706f6f;
+        font-size: 14px;
+        min-width: 0;
+        overflow: visible;
+        white-space: normal;
+      }
+      /* 小屏优化 */
+      @media (max-width: 768px) {
+        .card {
+          width: 100%;
+          height: auto;
+          float: none;
+        }
+        .card:hover {
+          background-color: rgba(68, 138, 255, 0.1);
+        }
+      }
+    </style>
+    <div class="links-content">
+      <div class="link-navigation">
+        <div class="card">
+          <img class="ava" src="https://i.stardots.io/wcowin/1750089315509.png" />
+          <div class="card-header">
+            <div>
+              <a href="https://wcowin.work/" target="_blank">Wcowin’s blog</a>
+            </div>
+            <div class="info">这是一个分享技术的小站。</div>
+          </div>
+        </div>
+        <div class="card">
+          <img class="ava" src="https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png" />
+          <div class="card-header">
+            <div>
+              <a href="https://twitter.com/" target="_blank">Twitter</a>
+            </div>
+            <div class="info">社交分享平台</div>
+          </div>
+        </div>
+        <div class="card">
+          <img class="ava" src="https://i.stardots.io/wcowin/1750220860750.jpg" />
+          <div class="card-header">
+            <div>
+              <a href="https://macapp.org.cn" target="_blank">Macapp</a>
+            </div>
+            <div class="info">一个专注于分享Mac资源的频道</div>
+          </div>
+        </div>
+        <div class="card">
+          <img class="ava" src="https://i.stardots.io/wcowin/1750221795613.jpeg" />
+          <div class="card-header">
+            <div>
+              <a href="{link}" target="_blank">{name}</a>
+            </div>
+            <div class="info">{description}</div>
+          </div>
+        </div>
+
+
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+## 如何加入友链
+
+```html
+<div class="card">
+  <img class="ava" src="{avatarurl}" />
+  <div class="card-header">
+    <div>
+      <a href="{link}" target="_blank">{name}</a>
+    </div>
+    <div class="info">{description}</div>
+  </div>
+</div>
+```
+
+
+## 效果
+
+<!-- <div>
+  <div class="links-content"> 
+   <div class="link-navigation"> 
+    <div class="card"> 
+     <img class="ava" src="https://pic4.zhimg.com/80/v2-a0456a5f527c1923f096759f2926012f_1440w.webp" /> 
+     <div class="card-header"> 
+      <div> 
+       <a href="https://wcowin.work/ " target=“_blank”>Wcowin’s blog</a> 
+      </div> 
+      <div class="info">
+       这是一个分享技术的小站。
+      </div> 
+     </div> 
+    </div> 
+</div> -->
+
+
+<div class="post-body">
+  <div id="links">
+    <style>
+      /* 通用卡片样式 */
+      .card {
+        width: 320px;
+        height: 90px;
+        font-size: 1rem;
+        padding: 10px 20px;
+        border-radius: 25px;
+        transition: transform 0.15s, box-shadow 0.15s, background 0.15s;
+        margin-bottom: 1rem;
+        display: flex;
+        align-items: center;
+        color: #333;
+      }
+      .card:nth-child(odd) {
+        float: left;
+      }
+      .card:nth-child(even) {
+        float: right;
+      }
+      .card:hover {
+        transform: translateY(0px) scale(1.05);
+        background-color: rgba(68, 138, 255, 0.1);
+        color: #040000;
+      }
+      .card a {
+        border: none;
+      }
+      .card .ava {
+        width: 3rem !important;
+        height: 3rem !important;
+        margin: 0 !important;
+        margin-right: 1em !important;
+        border-radius: 50%;
+      }
+      .card .card-header {
+        font-style: italic;
+        overflow: hidden;
+        width: auto;
+      }
+      .card .card-header a {
+        font-style: normal;
+        color: #608DBD;
+        font-weight: bold;
+        text-decoration: none;
+      }
+      .card .card-header a:hover {
+        color: #d480aa;
+        text-decoration: none;
+      }
+      .card .card-header .info {
+        font-style: normal;
+        color: #706f6f;
+        font-size: 14px;
+        min-width: 0;
+        overflow: visible;
+        white-space: normal;
+      }
+      /* 小屏优化 */
+      @media (max-width: 768px) {
+        .card {
+          width: 100%;
+          height: auto;
+          float: none;
+        }
+        .card:hover {
+          background-color: rgba(68, 138, 255, 0.1);
+        }
+      }
+    </style>
+    <div class="links-content">
+      <div class="link-navigation">
+        <div class="card">
+          <img class="ava" src="https://i.stardots.io/wcowin/1750089315509.png" />
+          <div class="card-header">
+            <div>
+              <a href="https://wcowin.work/" target="_blank">Wcowin’s blog</a>
+            </div>
+            <div class="info">这是一个分享技术的小站。</div>
+          </div>
+        </div>
+        <div class="card">
+          <img class="ava" src="https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png" />
+          <div class="card-header">
+            <div>
+              <a href="https://twitter.com/" target="_blank">Twitter</a>
+            </div>
+            <div class="info">社交分享平台</div>
+          </div>
+        </div>
+        <div class="card">
+          <img class="ava" src="https://i.stardots.io/wcowin/1750221795613.jpeg" />
+          <div class="card-header">
+            <div>
+              <a href="{link}" target="_blank">{name}</a>
+            </div>
+            <div class="info">{description}</div>
+          </div>
+        </div>
+
+
+      </div>
+    </div>
+  </div>
+</div>

docs/develop/designbeauty/my-to-desihn.md

@@ -25,4 +25,5 @@ tags:
 
 
 【⚡啊！设计，是什么呢？⚡】 
-<iframe src="//player.bilibili.com/player.html?aid=941663394&bvid=BV1pW4y1a7Zu&cid=824513742&p=1" scrolling="no" border="1" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 640px; height: 430px; max-width: 100%"> </iframe>
+<!-- <iframe src="//player.bilibili.com/player.html?aid=941663394&bvid=BV1pW4y1a7Zu&cid=824513742&p=1" scrolling="no" border="1" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 640px; height: 430px; max-width: 100%"> </iframe> -->
+<iframe width="560" height="315" src="//player.bilibili.com/player.html?aid=941663394&bvid=BV1pW4y1a7Zu&cid=824513742&p=1" title="YouTube video player" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

docs/link.md

@@ -44,8 +44,28 @@ t.parentNode.insertBefore(e,t)}})();
       </div> 
      </div> 
     </div>
-
+    <div class="card"> 
-
+     <img class="ava" src="https://s1.imagehub.cc/images/2025/06/03/526b59b6a2e478f2ffa1629320e3e2ce.png" /> 
+     <div class="card-header"> 
+      <div> 
+       <a href="https://wcowin.work/Mkdocs-AI-Summary/MkDocs-AI-Summary/">MkDocs AI Summary</a> 
+      </div> 
+      <div class="info">
+       AI驱动的摘要生成
+      </div> 
+     </div> 
+    </div>
+    <div class="card"> 
+     <img class="ava" src="https://s1.imagehub.cc/images/2025/06/06/a4584dbad4da3f87eb5c2f1e7ed14a74.png" /> 
+     <div class="card-header"> 
+      <div> 
+       <a href="https://wcowin.work/mkdocs-reading-time/">MkDocs Reading Time</a> 
+      </div> 
+      <div class="info">
+       为MkDocs文档添加准确阅读时间统计功能
+      </div> 
+     </div> 
+    </div>
 
 
    </div> 
@@ -59,7 +79,7 @@ t.parentNode.insertBefore(e,t)}})();
     <h2>失联人员</h2>
 </div> -->
 
-<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#608DBD,direction:145,strength:15)" width="100%" color=#608DBD SIZE=1>
+<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#EEF3FE),direction:145,strength:15)" width="100%" color=#EEF3FE SIZE=1>
 
 <script>
   document.addEventListener("DOMContentLoaded", function () {
@@ -107,7 +127,7 @@ t.parentNode.insertBefore(e,t)}})();
     </div>
    </div> 
   </div>
-  <HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#608DBD,direction:145,strength:15)" width="100%" color=#608DBD SIZE=1>
+  <HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#EEF3FE,direction:145,strength:15)" width="100%" color= #EEF3FE SIZE=1>
 </div>
 
 

docs/stylesheets/extra2.css

@@ -0,0 +1,43 @@
+/* hooks.css */
+.version-info {
+  margin-top: 2rem;
+  font-size: 0.9rem;
+  color: #666;
+}
+
+.video-container {
+  position: relative;
+  width: 100%;
+  padding-bottom: 56.25%; /* 16:9 */
+}
+
+.video-container iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.runnable-code {
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  margin: 1rem 0;
+}
+
+.code-header {
+  background: #f5f5f5;
+  padding: 0.5rem 1rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.run-btn {
+  background: #007acc;
+  color: white;
+  border: none;
+  padding: 0.25rem 0.5rem;
+  border-radius: 4px;
+  cursor: pointer;
+}

docs/tag.md

@@ -1,5 +1,5 @@
 ---
-title: 分类
+title: 标签🏷
 hide:
   #- navigation # 显示右
   #- toc #显示左
@@ -7,13 +7,10 @@ hide:
   - feedback
 ---
 <!-- # Tags -->
-# Tags
-
-
 
 <div class="grid cards" markdown>
 
--   :material-clock-fast:{ .lg .middle } __tips__
+-   :material-clock-fast:{ .lg .middle } __Tips__
 
     ---
 
@@ -22,5 +19,3 @@ hide:
 </div>
 
 <!-- material/tags -->
-
-

mkdocs.yml

@@ -1,5 +1,5 @@
 #[Info]
-site_name: Mkdocs教程 #your site name 显示在左上角
+site_name: Mkdocs中文教程 #your site name 显示在左上角
 site_url: http://wcowin.work/Mkdocs-Wcowin
 site_description: Content and ambitious, gentle yet firm.
 site_author: 王科文(Wcowin) # your name
@@ -78,6 +78,7 @@ nav:
           - MkDocs文档AI摘要: blog/websitebeauty/Mkdocs-AI-Summary.md
           - 添加阅读信息统计: blog/websitebeauty/reading_time.md
           - 添加Mkdocs博客: blog/Mkdocs/mkdocsblog.md
+          - 如何给MKdocs添加友链: blog/Mkdocs/linktech.md
           - 网页圆角化设计: blog/websitebeauty/yuanjiaohua.md
           - 添加评论系统(giscus为例): blog/websitebeauty/mkcomments.md
           - 添加在线聊天: blog/websitebeauty/webtalknow.md
@@ -291,6 +292,7 @@ extra_javascript:
 
 extra_css:
   - stylesheets/extra.css # 自定义CSS
+  - stylesheets/extra2.css
   # - https://cdn.jsdelivr.net/gh/Wcowin/Mkdocs-Wcowin@main/docs/stylesheets/extra.css
   # - stylesheets/link.css #友链配置
   - https://cdn.jsdelivr.net/gh/Wcowin/Wcowin.github.io@main/docs/stylesheets/link.css  #友链CDN