25/1/12

Wcowin · Jan 12, 2025 · ded458f · ded458f
1 parent 8a9f5de
commit ded458f
Show file tree

Hide file tree

Showing 7 changed files with 97 additions and 46 deletions.
diff --git a/docs/blog/technique sharing/comkdocs.md b/docs/blog/technique sharing/comkdocs.md
@@ -12,7 +12,7 @@ tags:
 labels: ['mkdocs']
 ---
 
-鉴于 MkDocs 的诸多优点，让它被很多知名开源项目选中，用于搭建和项目相关的文档网站。比如 Python 里知名的 Web 圈里的 [django-rest-framework](https://sspai.com/link?target=https%3A%2F%2Fwww.django-rest-framework.org%2F)、[FastAPI](https://sspai.com/link?target=https%3A%2F%2Ffastapi.tiangolo.com%2F) 以及基于 Go 编写的云网关代理服务器 [traefik](https://sspai.com/link?target=https%3A%2F%2Fgithub.com%2Ftraefik%2Ftraefik) 等项目的官方文档站点，都是通过 MkDocs 进行搭建。
+鉴于 MkDocs 的诸多优点，让它被很多知名开源项目选中，用于搭建和项目相关的文档网站。比如 Python 里知名的 Web 圈里的 [django-rest-framework](https://www.django-rest-framework.org/)、[FastAPI](https://fastapi.tiangolo.com/) 以及基于 Go 编写的云网关代理服务器 [traefik](https://github.com/traefik/traefik) 等项目的官方文档站点，都是通过 MkDocs 进行搭建。
 
 <!-- more -->
 
@@ -35,4 +35,7 @@ labels: ['mkdocs']
 - [苍镜月's docs](https://pale-illusions.github.io/my-mkdocs/)  
 - [世界天光的笔记本](https://lastwish.icu/)  
 - [Wen-Chieh Lee的生活](https://wenchiehlee.github.io/mkdocs-life/)
+- [BruceJin's Notebook](https://brucejqs.github.io/MyNotebook/)  
+- [0X10CC的代码空间](https://tang-jiapeng.github.io/)
+- [GENG Wei's Homepage](https://wgeng.site/index.html)
 - [Wcowin's Web](https://wcowin.work/)
diff --git a/docs/blog/technique sharing/ttq.md b/docs/blog/technique sharing/ttq.md
@@ -11,6 +11,9 @@ tags:
 comments: false  #评论，默认不开启
 ---
 
+<img src="https://s1.imagehub.cc/images/2025/01/11/0e3e8f033e2e58b93649ac24e83b991c.png" alt="image" border="0">
+
+甜甜圈会动的！！！
 
 代码如下
 ```c title="math.py"

diff --git a/docs/index.md b/docs/index.md
@@ -72,7 +72,7 @@ comments: false
     ---
 
     <!-- ![image](https://s1.imagehub.cc/images/2025/01/11/9c234885eeb4458be1df5e9beff223ce.png){  align=right width="340" height="280" style="border-radius: 25px;"} -->
-    ![image](https://s1.imagehub.cc/images/2025/01/11/9c234885eeb4458be1df5e9beff223ce.png){ class="responsive-image" align=right width="340" height="280" style="border-radius: 25px;" }
+    ![image](https://img1.lookpic.cn/2025/01/12/imageb447448a4a4ce2b1.png){ class="responsive-image" align=right width="340" height="280" style="border-radius: 25px;" }
 
     - [x] 通过{==目录==}以打开文章
     - [x] 搜索{~~~>关键词~~}查询文章
@@ -248,4 +248,6 @@ ____    __    ____  ______   ______   ____    __    ____  __  .__   __.
 { .annotate }
 
 1. 点击右上角关于页面，与我在线交谈.
-2. TEL:18939533255(微信号)
+2. TEL:18939533255(微信号)
+
+
diff --git a/docs/about/link.md → docs/link.md b/docs/about/link.md → docs/link.md
@@ -55,6 +55,28 @@ t.parentNode.insertBefore(e,t)}})();
       </div> 
      </div> 
     </div> 
+       <div class="card"> 
+     <img class="ava" src="https://picx.zhimg.com/v2-164bee4f6cb4d13ea680f8bada5b6a3e_xll.jpg?source=32738c0c&needBackground=1" /> 
+     <div class="card-header"> 
+      <div> 
+       <a href="https://mungeryang.github.io/" target="_blank">Munger yang's Blog</a> 
+      </div> 
+      <div class="info">
+       Mungeryang写字的地方
+      </div> 
+     </div>
+    </div> 
+   <div class="card"> 
+     <img class="ava" src="https://s2.loli.net/2024/03/31/Ht3QBqhgLYNAuwj.png" /> 
+     <div class="card-header"> 
+      <div> 
+       <a href="https://lennychen.top/" target="_blank">Lenny's Web</a> 
+      </div> 
+      <div class="info">
+      天地不仁，以万物为刍狗
+      </div> 
+     </div> 
+    </div>
     <div class="card"> 
      <img class="ava" src="https://xpmrobot.tech/images/portrait.jpg" /> 
      <div class="card-header"> 
@@ -89,17 +111,6 @@ t.parentNode.insertBefore(e,t)}})();
      </div> 
     </div>
        <div class="card"> 
-     <img class="ava" src="https://mungeryang.github.io/img/bg/person1.jpeg" /> 
-     <div class="card-header"> 
-      <div> 
-       <a href="https://mungeryang.github.io/" target="_blank">Munger yang's Blog</a> 
-      </div> 
-      <div class="info">
-       Mungeryang写字的地方
-      </div> 
-     </div>
-    </div> 
-       <div class="card"> 
      <img class="ava" src="https://img.ixintu.com/upload/jpg/20210524/3a8cbb0f2da716313a3b18984a9ffe73_78863_800_772.jpg!con" /> 
      <div class="card-header"> 
       <div> 
@@ -353,17 +364,6 @@ t.parentNode.insertBefore(e,t)}})();
       </div> 
      </div> 
     </div>
-   <div class="card"> 
-     <img class="ava" src="https://s2.loli.net/2024/03/31/Ht3QBqhgLYNAuwj.png" /> 
-     <div class="card-header"> 
-      <div> 
-       <a href="https://lennychen.top/" target="_blank">Lenny's Web</a> 
-      </div> 
-      <div class="info">
-      天地不仁，以万物为刍狗
-      </div> 
-     </div> 
-    </div>
    <div class="card"> 
      <img class="ava" src="https://i.postimg.cc/MGCXBFxn/logo.png" /> 
      <div class="card-header"> 

diff --git a/docs/stylesheets/link.css b/docs/stylesheets/link.css
@@ -20,8 +20,8 @@
 
 /* 在大屏幕上保留悬停效果 */
 .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);
 }
 
 .card a {

diff --git a/docs/waline.md b/docs/waline.md
@@ -18,7 +18,6 @@ disqus: true
   </div>
 
 
-
 <!-- tw开始 -->
 
 <!-- <body>
@@ -115,32 +114,39 @@ twikoo.init({
         .switch-button.active {
             background-color: #4a6e8c;
         }
+        @media (max-width: 768px) {
+            .switch-button {
+                padding: 8px 10px;
+                font-size: 14px;
+                margin: 5px;
+            }
+        }
     </style>
 </head>
 <body>
     <div class="button-container">
-      <!-- <center><p>点击以切换评论系统</p></center> -->
         <button id="giscus-btn" class="switch-button active">Giscus 评论</button>
+        <button id="twikoo-btn" class="switch-button">Twikoo 评论</button>
         <button id="cusdis-btn" class="switch-button">Cusdis 评论</button>
     </div>
     <div id="giscus" class="comment-system active">
         <!-- Giscus 评论系统代码 -->
-  <script src="https://giscus.app/client.js"
-  data-repo="Wcowin/hexo-site-comments"
-  data-repo-id="R_kgDOIl9OJA"
-  data-category="Announcements"
-  data-category-id="DIC_kwDOIl9OJM4CTHDe"
-  data-mapping="pathname"
-  data-strict="0"
-  data-reactions-enabled="1"
-  data-emit-metadata="0"
-  data-input-position="bottom"
-  data-theme="preferred_color_scheme"
-  data-lang="zh-CN"
-  data-loading="lazy"  
-  crossorigin="anonymous"
-  async>
-</script>
+        <script src="https://giscus.app/client.js"
+            data-repo="Wcowin/hexo-site-comments"
+            data-repo-id="R_kgDOIl9OJA"
+            data-category="Announcements"
+            data-category-id="DIC_kwDOIl9OJM4CTHDe"
+            data-mapping="pathname"
+            data-strict="0"
+            data-reactions-enabled="1"
+            data-emit-metadata="0"
+            data-input-position="bottom"
+            data-theme="preferred_color_scheme"
+            data-lang="zh-CN"
+            data-loading="lazy"  
+            crossorigin="anonymous"
+            async>
+        </script>
     </div>
     <div id="cusdis" class="comment-system">
         <!-- Cusdis 评论系统代码 -->
@@ -154,18 +160,55 @@ twikoo.init({
         </div>
         <script async defer src="https://cusdis.com/js/cusdis.es.js"></script>
     </div>
+    <div id="twikoo" class="comment-system">
+        <!-- Twikoo 评论系统代码 -->
+        <div id="twikoo-container"></div>
+<body>
+<head>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css" integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous">
+  <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js" integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4" crossorigin="anonymous"></script>
+  <script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js" integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa" crossorigin="anonymous"></script>
+</head>
+  <div id="tcomment"></div> 
+  <script src="https://cdn.staticfile.org/twikoo/1.6.31/twikoo.all.min.js"></script> 
+  <script>
+twikoo.init({
+  envId: 'https://superb-salamander-e730b6.netlify.app/.netlify/functions/twikoo', // 腾讯云环境填 envId；Vercel 环境填地址（https://xxx.vercel.app）
+  el: '#tcomment', // 容器元素
+   //region: 'ap-guangzhou', // 环境地域，默认为 ap-shanghai，腾讯云环境填 ap-shanghai 或 ap-guangzhou；Vercel 环境不填
+  // path: location.pathname, // 用于区分不同文章的自定义 js 路径，如果您的文章路径不是 location.pathname，需传此参数
+   //lang: 'zh-CN', // 用于手动设定评论区语言，支持的语言列表 https://github.com/twikoojs/twikoo/blob/main/src/client/utils/i18n/index.js
+   onCommentLoaded: function () {
+    console.log('评论加载完成');
+  }
+})
+</script>  
+ </body>
+    </div>
     <script>
         document.getElementById('giscus-btn').addEventListener('click', function() {
             document.getElementById('giscus').classList.add('active');
             document.getElementById('cusdis').classList.remove('active');
+            document.getElementById('twikoo').classList.remove('active');
             this.classList.add('active');
             document.getElementById('cusdis-btn').classList.remove('active');
+            document.getElementById('twikoo-btn').classList.remove('active');
         });
         document.getElementById('cusdis-btn').addEventListener('click', function() {
             document.getElementById('giscus').classList.remove('active');
             document.getElementById('cusdis').classList.add('active');
+            document.getElementById('twikoo').classList.remove('active');
             this.classList.add('active');
             document.getElementById('giscus-btn').classList.remove('active');
+            document.getElementById('twikoo-btn').classList.remove('active');
+        });
+        document.getElementById('twikoo-btn').addEventListener('click', function() {
+            document.getElementById('giscus').classList.remove('active');
+            document.getElementById('cusdis').classList.remove('active');
+            document.getElementById('twikoo').classList.add('active');
+            this.classList.add('active');
+            document.getElementById('giscus-btn').classList.remove('active');
+            document.getElementById('cusdis-btn').classList.remove('active');
         });
     </script>
 </body>

diff --git a/mkdocs.yml b/mkdocs.yml
@@ -258,7 +258,7 @@ nav:
   - 标签: tag.md
   - 留言板: waline.md
   - 朋友: 
-    - 友链: about/link.md
+    - 友链: link.md
     - 如何给MKdocs添加友链: blog/Mkdocs/linktech.md
   - 博客:
     - blog/index.md