From e45dcb1299f111007f59446cd8c96f804bc2c226 Mon Sep 17 00:00:00 2001 From: Wcowin <1135801806@qq.com> Date: Thu, 23 Jan 2025 20:14:22 +0800 Subject: [PATCH] 25/1/23 --- docs/blog/Mkdocs/mkfirst.md | 23 ++++++++++++++++++++--- docs/index.md | 4 ++-- docs/stylesheets/extra.css | 3 ++- docs/stylesheets/link.css | 33 ++++++++++++++++++++++----------- mkdocs.yml | 3 ++- 5 files changed, 48 insertions(+), 18 deletions(-) diff --git a/docs/blog/Mkdocs/mkfirst.md b/docs/blog/Mkdocs/mkfirst.md index 6bd7b72..d0ea559 100644 --- a/docs/blog/Mkdocs/mkfirst.md +++ b/docs/blog/Mkdocs/mkfirst.md @@ -11,10 +11,27 @@ tags: 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”} \ No newline at end of file +[Mkdocs中文教程视频](https://space.bilibili.com/1407028951/lists/4566631?type=series){target=“_blank”} + + + \ No newline at end of file diff --git a/docs/index.md b/docs/index.md index 999d5b3..566e55a 100644 --- a/docs/index.md +++ b/docs/index.md @@ -1,7 +1,7 @@ --- hide: - #- navigation # 显示右 - #- toc #显示左 + # - navigation # 显示右 + # - toc #显示左 - footer - feedback comments: false diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index 65af357..bf1e35c 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -600,4 +600,5 @@ filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); /* 修复评论框高度 */ #cusdis_thread > iframe { height: 30rem; -} \ No newline at end of file +} + diff --git a/docs/stylesheets/link.css b/docs/stylesheets/link.css index 026be8e..2b16635 100644 --- a/docs/stylesheets/link.css +++ b/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; } @@ -79,4 +90,4 @@ /* 可以自定义样式 */ font-size: 1.5rem; color: #333; -} +} \ No newline at end of file diff --git a/mkdocs.yml b/mkdocs.yml index 977aabc..0513638 100644 --- a/mkdocs.yml +++ b/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