mirror of
https://github.com/Wcowin/Mkdocs-Wcowin.git
synced 2025-07-20 08:56:35 +00:00
Add blog on MkDocs friend links and UI/style updates
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.
This commit is contained in:
parent
ab05aa5765
commit
367a4bbe11
@ -6,5 +6,5 @@
|
|||||||
"gemini"
|
"gemini"
|
||||||
],
|
],
|
||||||
"summary_language": "zh",
|
"summary_language": "zh",
|
||||||
"check_time": "2025-06-15T16:32:55.677511"
|
"check_time": "2025-06-18T15:35:04.154742"
|
||||||
}
|
}
|
@ -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>
|
</div>
|
||||||
|
272
docs/blog/Mkdocs/linktech.md
Normal file
272
docs/blog/Mkdocs/linktech.md
Normal file
@ -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>
|
@ -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>
|
||||||
|
28
docs/link.md
28
docs/link.md
@ -44,8 +44,28 @@ t.parentNode.insertBefore(e,t)}})();
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
@ -59,7 +79,7 @@ t.parentNode.insertBefore(e,t)}})();
|
|||||||
<h2>失联人员</h2>
|
<h2>失联人员</h2>
|
||||||
</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>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
document.addEventListener("DOMContentLoaded", function () {
|
document.addEventListener("DOMContentLoaded", function () {
|
||||||
@ -107,7 +127,7 @@ t.parentNode.insertBefore(e,t)}})();
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
BIN
docs/overrides/hooks/__pycache__/ai_summary.cpython-312.pyc
Normal file
BIN
docs/overrides/hooks/__pycache__/ai_summary.cpython-312.pyc
Normal file
Binary file not shown.
BIN
docs/overrides/hooks/__pycache__/reading_time.cpython-312.pyc
Normal file
BIN
docs/overrides/hooks/__pycache__/reading_time.cpython-312.pyc
Normal file
Binary file not shown.
BIN
docs/overrides/hooks/__pycache__/socialmedia.cpython-312.pyc
Normal file
BIN
docs/overrides/hooks/__pycache__/socialmedia.cpython-312.pyc
Normal file
Binary file not shown.
43
docs/stylesheets/extra2.css
Normal file
43
docs/stylesheets/extra2.css
Normal file
@ -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;
|
||||||
|
}
|
@ -1,5 +1,5 @@
|
|||||||
---
|
---
|
||||||
title: 分类
|
title: 标签🏷
|
||||||
hide:
|
hide:
|
||||||
#- navigation # 显示右
|
#- navigation # 显示右
|
||||||
#- toc #显示左
|
#- toc #显示左
|
||||||
@ -7,13 +7,10 @@ hide:
|
|||||||
- feedback
|
- feedback
|
||||||
---
|
---
|
||||||
<!-- # Tags -->
|
<!-- # Tags -->
|
||||||
# Tags
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="grid cards" markdown>
|
<div class="grid cards" markdown>
|
||||||
|
|
||||||
- :material-clock-fast:{ .lg .middle } __tips__
|
- :material-clock-fast:{ .lg .middle } __Tips__
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@ -22,5 +19,3 @@ hide:
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- material/tags -->
|
<!-- material/tags -->
|
||||||
|
|
||||||
|
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
#[Info]
|
#[Info]
|
||||||
site_name: Mkdocs教程 #your site name 显示在左上角
|
site_name: Mkdocs中文教程 #your site name 显示在左上角
|
||||||
site_url: http://wcowin.work/Mkdocs-Wcowin
|
site_url: http://wcowin.work/Mkdocs-Wcowin
|
||||||
site_description: Content and ambitious, gentle yet firm.
|
site_description: Content and ambitious, gentle yet firm.
|
||||||
site_author: 王科文(Wcowin) # your name
|
site_author: 王科文(Wcowin) # your name
|
||||||
@ -78,6 +78,7 @@ nav:
|
|||||||
- MkDocs文档AI摘要: blog/websitebeauty/Mkdocs-AI-Summary.md
|
- MkDocs文档AI摘要: blog/websitebeauty/Mkdocs-AI-Summary.md
|
||||||
- 添加阅读信息统计: blog/websitebeauty/reading_time.md
|
- 添加阅读信息统计: blog/websitebeauty/reading_time.md
|
||||||
- 添加Mkdocs博客: blog/Mkdocs/mkdocsblog.md
|
- 添加Mkdocs博客: blog/Mkdocs/mkdocsblog.md
|
||||||
|
- 如何给MKdocs添加友链: blog/Mkdocs/linktech.md
|
||||||
- 网页圆角化设计: blog/websitebeauty/yuanjiaohua.md
|
- 网页圆角化设计: blog/websitebeauty/yuanjiaohua.md
|
||||||
- 添加评论系统(giscus为例): blog/websitebeauty/mkcomments.md
|
- 添加评论系统(giscus为例): blog/websitebeauty/mkcomments.md
|
||||||
- 添加在线聊天: blog/websitebeauty/webtalknow.md
|
- 添加在线聊天: blog/websitebeauty/webtalknow.md
|
||||||
@ -291,6 +292,7 @@ extra_javascript:
|
|||||||
|
|
||||||
extra_css:
|
extra_css:
|
||||||
- stylesheets/extra.css # 自定义CSS
|
- stylesheets/extra.css # 自定义CSS
|
||||||
|
- stylesheets/extra2.css
|
||||||
# - https://cdn.jsdelivr.net/gh/Wcowin/Mkdocs-Wcowin@main/docs/stylesheets/extra.css
|
# - https://cdn.jsdelivr.net/gh/Wcowin/Mkdocs-Wcowin@main/docs/stylesheets/extra.css
|
||||||
# - stylesheets/link.css #友链配置
|
# - stylesheets/link.css #友链配置
|
||||||
- https://cdn.jsdelivr.net/gh/Wcowin/Wcowin.github.io@main/docs/stylesheets/link.css #友链CDN
|
- https://cdn.jsdelivr.net/gh/Wcowin/Wcowin.github.io@main/docs/stylesheets/link.css #友链CDN
|
||||||
|
Loading…
x
Reference in New Issue
Block a user