mirror of
https://github.com/Wcowin/Mkdocs-Wcowin.git
synced 2025-07-20 08:56:35 +00:00
25
This commit is contained in:
parent
fb5143a95c
commit
f7fb6314cd
@ -6,5 +6,5 @@
|
|||||||
"gemini"
|
"gemini"
|
||||||
],
|
],
|
||||||
"summary_language": "zh",
|
"summary_language": "zh",
|
||||||
"check_time": "2025-06-06T19:19:56.275939"
|
"check_time": "2025-06-15T19:33:08.224030"
|
||||||
}
|
}
|
||||||
@ -1 +1 @@
|
|||||||
{"cache_date": "2025-06-06", "page_authors": {}}
|
{"cache_date": "2025-06-15", "page_authors": {}}
|
||||||
10
README.md
10
README.md
@ -1,10 +1,10 @@
|
|||||||
# Wcowin for MkDocs主题
|
# Wcowin for MkDocs主题
|
||||||
|
|
||||||
**- 基于Material for MkDocs美化**
|
- **基于Material for MkDocs美化**
|
||||||
**- 简洁美观，功能多元化**
|
- **简洁美观，功能多元化**
|
||||||
**- 可自定义样式，中文教程详细**
|
- **可自定义样式，中文教程详细**
|
||||||
**- 简单易上手，小白配置**
|
- **简单易上手，小白配置**
|
||||||
**- 𝕙𝕒𝕧𝕖 𝕒 𝕘𝕠𝕠𝕕 𝕥𝕚𝕞𝕖 !**
|
- **𝕙𝕒𝕧𝕖 𝕒 𝕘𝕠𝕠𝕕 𝕥𝕚𝕞𝕖 !**
|
||||||
|
|
||||||
## 目录
|
## 目录
|
||||||
- [Wcowin for MkDocs主题](#wcowin-for-mkdocs主题)
|
- [Wcowin for MkDocs主题](#wcowin-for-mkdocs主题)
|
||||||
|
|||||||
@ -350,7 +350,8 @@ h1, h2, h3, h4 {
|
|||||||
|
|
||||||
.skills__close .skills__list{
|
.skills__close .skills__list{
|
||||||
height: 0;
|
height: 0;
|
||||||
overflow: hidden;
|
/* overflow: hidden; */
|
||||||
|
/* overflow: visible; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.skills__open .skills__list{
|
.skills__open .skills__list{
|
||||||
|
|||||||
@ -234,7 +234,7 @@ status: new
|
|||||||
|
|
||||||
## 个人简介
|
## 个人简介
|
||||||
|
|
||||||
<p style="text-align: center; font-size: 25px; margin: 0px;"><strong>𝘿𝙤𝙣'𝙩 𝙘𝙖𝙧𝙚 𝙖𝙗𝙤𝙪𝙩 𝙬𝙤𝙧𝙡𝙙𝙡𝙮 𝙚𝙮𝙚𝙨 𝙩𝙤 𝙥𝙪𝙧𝙨𝙪𝙚 𝙮𝙤𝙪𝙧 𝙤𝙬𝙣 𝙡𝙞𝙜𝙝𝙩</strong></p>
|
<!-- <p style="text-align: center; font-size: 25px; margin: 0px;"><strong>𝘿𝙤𝙣'𝙩 𝙘𝙖𝙧𝙚 𝙖𝙗𝙤𝙪𝙩 𝙬𝙤𝙧𝙡𝙙𝙡𝙮 𝙚𝙮𝙚𝙨 𝙩𝙤 𝙥𝙪𝙧𝙨𝙪𝙚 𝙮𝙤𝙪𝙧 𝙤𝙬𝙣 𝙡𝙞𝙜𝙝𝙩</strong></p> -->
|
||||||
<!-- https://s1.imagehub.cc/images/2024/02/02/79cb7379982d1c7bb0ae7163985609c4.jpeg -->
|
<!-- https://s1.imagehub.cc/images/2024/02/02/79cb7379982d1c7bb0ae7163985609c4.jpeg -->
|
||||||
|
|
||||||
|
|
||||||
@ -246,12 +246,15 @@ status: new
|
|||||||
- [x] 清醒，知趣，明得失，知进退
|
- [x] 清醒，知趣，明得失，知进退
|
||||||
|
|
||||||
|
|
||||||
<img class="img1" src="https://pic2.zhimg.com/80/v2-6cf497fc08da090bd53e4a5dc962d9d9_1440w.webp">
|
## 人生态度
|
||||||
|
|
||||||
|
<p style="text-align: center; font-size: 25px; margin: 0px;"><strong>𝘿𝙤𝙣'𝙩 𝙘𝙖𝙧𝙚 𝙖𝙗𝙤𝙪𝙩 𝙬𝙤𝙧𝙡𝙙𝙡𝙮 𝙚𝙮𝙚𝙨 𝙩𝙤 𝙥𝙪𝙧𝙨𝙪𝙚 𝙮𝙤𝙪𝙧 𝙤𝙬𝙣 𝙡𝙞𝙜𝙝𝙩</strong></p>
|
||||||
|
|
||||||
|
<!-- <img class="img1" src="https://pic2.zhimg.com/80/v2-6cf497fc08da090bd53e4a5dc962d9d9_1440w.webp"> -->
|
||||||
|
<img class="img1" src="https://pic1.zhimg.com/80/v2-8030915c744322fb1e3a6ec0b8fed24c_1440w.webp">
|
||||||
|
|
||||||
|
|
||||||
## 联系我
|
<!-- <head>
|
||||||
|
|
||||||
<head>
|
|
||||||
<style>
|
<style>
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.mobile-only {
|
.mobile-only {
|
||||||
@ -333,15 +336,118 @@ status: new
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
|
|
||||||
|
|
||||||
|
## 联系我
|
||||||
|
|
||||||
??? tip "公众号"
|
=== "💬 微信"
|
||||||
|
<div style="text-align: center; padding: 0px;">
|
||||||
|
<div style="display: inline-block; padding: 20px; border-radius: 20px; background: linear-gradient(135deg,rgba(68,138,255,.1));transition: transform 0.3s;"
|
||||||
|
onmouseover="this.style.transform='scale(1.03)'" onmouseout="this.style.transform='scale(1)'">
|
||||||
|
<img src="https://picx.zhimg.com/80/v2-540df18f16032fbe114dd960da21b467_1440w.webp"
|
||||||
|
style="width: 280px; height: auto; border-radius: 12px; border: 3px solid white;">
|
||||||
|
</div>
|
||||||
|
<br><br>
|
||||||
|
<p style="font-size: 16px; color: var(--md-default-fg-color--light); margin-top: 15px;">
|
||||||
|
📱 扫一扫上面的二维码，加我为好友
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
=== "📧 邮箱"
|
||||||
|
<div style="text-align: center; padding: 0px 0px;">
|
||||||
|
<div style="margin-bottom: 15px;">
|
||||||
|
<h3 style="color: var(--md-primary-fg-color); margin-bottom: 10px;">
|
||||||
|
✉️ 邮件联系
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
<a href="mailto:wangkewen821@gmail.com" class="md-button md-button--primary"
|
||||||
|
style="font-size: 16px; padding: 12px 30px; border-radius: 25px;">
|
||||||
|
:fontawesome-solid-paper-plane: 发送电子邮件
|
||||||
|
</a>
|
||||||
|
<div style="margin-top: 20px;">
|
||||||
|
<p style="font-size: 14px; color: var(--md-default-fg-color--lighter);">
|
||||||
|
📬 邮箱地址：<code>wangkewen821@gmail.com</code>
|
||||||
|
</p>
|
||||||
|
<p style="font-size: 16px; color: var(--md-default-fg-color--light); margin-bottom: 20px;">
|
||||||
|
有项目合作或技术问题？随时发邮件给我！
|
||||||
|
</p>
|
||||||
|
<p style="font-size: 13px; color: var(--md-default-fg-color--lighter); margin-top: 5px;">
|
||||||
|
💡 一般在 24 小时内 回复，请耐心等待
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
=== "🌐 社交"
|
||||||
|
<div style="text-align: center; padding: 0px 0px;">
|
||||||
|
<div style="margin-bottom: 30px;">
|
||||||
|
<h3 style="color: var(--md-primary-fg-color); margin-bottom: 20px;">
|
||||||
|
🤝🏻社交媒体
|
||||||
|
</h3>
|
||||||
|
<p style="font-size: 16px; color: var(--md-default-fg-color--light); margin-bottom: 20px;">
|
||||||
|
关注我的社交媒体，获取最新动态
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;">
|
||||||
|
<a href="https://t.me/Wcowin" class="md-button md-button--primary"
|
||||||
|
style="display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; border-radius: 25px; background: linear-gradient(135deg, #0088cc, #0066aa); color: white; transition: all 0.3s;"
|
||||||
|
onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform='scale(1)'" target="_blank">
|
||||||
|
:fontawesome-brands-telegram: Telegram
|
||||||
|
</a>
|
||||||
|
<a href="https://twitter.com/wcowin_" class="md-button md-button--primary"
|
||||||
|
style="display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; border-radius: 25px; background: linear-gradient(135deg, #1da1f2, #0d8bd9); color: white; transition: all 0.3s;"
|
||||||
|
onmouseover="this.style.transform='scale(1.05)'" onmouseout="this.style.transform='scale(1)'" target="_blank">
|
||||||
|
:fontawesome-brands-twitter: Twitter
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
<figure markdown >
|
<figure markdown >
|
||||||
{.img1 }
|
{.img1 }
|
||||||
<figcaption>公众号</figcaption>
|
</div>
|
||||||
</figure>
|
|
||||||
|
=== "📍 其他"
|
||||||
|
<div style="text-align: center; padding: 0px 0px;">
|
||||||
|
<div style="margin-bottom: 30px;">
|
||||||
|
<h3 style="color: var(--md-primary-fg-color); margin-bottom: 10px; font-weight: 600;">
|
||||||
|
📍 其他平台联系
|
||||||
|
</h3>
|
||||||
|
<p style="font-size: 15px; color: var(--md-default-fg-color--light);">
|
||||||
|
欢迎通过下列平台了解我的更多工作和项目经历
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; max-width: 700px; margin: 0 auto;">
|
||||||
|
<!-- GitHub -->
|
||||||
|
<div style="padding: 20px; border-radius: 16px; background: var(--md-code-bg-color); border: 1px solid var(--md-default-fg-color--lightest); box-shadow: 0 4px 10px rgba(0,0,0,0.05); transition: transform 0.3s, box-shadow 0.3s;"
|
||||||
|
onmouseover="this.style.transform='translateY(-6px)'; this.style.boxShadow='0 10px 20px rgba(0,0,0,0.08)'"
|
||||||
|
onmouseout="this.style.transform='none'; this.style.boxShadow='0 4px 10px rgba(0,0,0,0.05)'">
|
||||||
|
<div style="font-size: 26px; margin-bottom: 12px;">🌟</div>
|
||||||
|
<h4 style="margin: 0 0 10px 0; color: var(--md-primary-fg-color); font-size: 17px;">GitHub</h4>
|
||||||
|
<a href="https://github.com/Wcowin" class="md-button" style="font-size: 14px;" target="_blank">
|
||||||
|
:fontawesome-brands-github: 查看 GitHub
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<!-- LinkedIn -->
|
||||||
|
<div style="padding: 20px; border-radius: 16px; background: var(--md-code-bg-color); border: 1px solid var(--md-default-fg-color--lightest); box-shadow: 0 4px 10px rgba(0,0,0,0.05); transition: transform 0.3s, box-shadow 0.3s;"
|
||||||
|
onmouseover="this.style.transform='translateY(-6px)'; this.style.boxShadow='0 10px 20px rgba(0,0,0,0.08)'"
|
||||||
|
onmouseout="this.style.transform='none'; this.style.boxShadow='0 4px 10px rgba(0,0,0,0.05)'">
|
||||||
|
<div style="font-size: 26px; margin-bottom: 12px;">💼</div>
|
||||||
|
<h4 style="margin: 0 0 10px 0; color: var(--md-primary-fg-color); font-size: 17px;">LinkedIn</h4>
|
||||||
|
<a href="https://www.linkedin.com/in/wcowin/" class="md-button" style="font-size: 14px;" target="_blank">
|
||||||
|
:fontawesome-brands-linkedin: 查看档案
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 底部强调卡片 -->
|
||||||
|
<div style="margin-top: 40px; padding: 20px; border-radius: 12px; background: linear-gradient(135deg, var(--md-primary-fg-color--light), var(--md-primary-fg-color)); color: white; box-shadow: 0 6px 15px rgba(0,0,0,0.1);">
|
||||||
|
<p style="margin: 0; font-size: 16px; font-weight: 600;">
|
||||||
|
🚀 随时欢迎联系我，开启合作或交流！
|
||||||
|
</p>
|
||||||
|
<p style="margin: 10px 0 0 0; font-size: 14px; opacity: 0.9;">
|
||||||
|
无论是技术探讨、学习交流还是职业机会，我都乐意听见你的声音 😄
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
@ -1,596 +0,0 @@
|
|||||||
:root {
|
|
||||||
/* --header-height: 3rem; */
|
|
||||||
|
|
||||||
/*========== Colors ==========*/
|
|
||||||
--first-color: #608DBD;
|
|
||||||
--first-color-second: #608DBD;
|
|
||||||
--first-color-alt: #608DBD;
|
|
||||||
--first-color-lighter: #608DBD;
|
|
||||||
|
|
||||||
--title-color: #608DBD;
|
|
||||||
--text-color: #757575;
|
|
||||||
/* --text-color-light: #f5ab17; */
|
|
||||||
|
|
||||||
--input-color: #F5EEE3;
|
|
||||||
/* --body-color: #FDFBF8;
|
|
||||||
--container-color: #FFFFFF; */
|
|
||||||
|
|
||||||
/*========== Font and typography ==========*/
|
|
||||||
--big-font-size: 2rem;
|
|
||||||
--h1-font-size: 1.5rem;
|
|
||||||
--h2-font-size: 1.25rem;
|
|
||||||
--h3-font-size: 1.125rem;
|
|
||||||
--normal-font-size: .938rem;
|
|
||||||
--small-font-size: .813rem;
|
|
||||||
--smaller-font-size: .70rem;
|
|
||||||
|
|
||||||
/*========== Font weight ==========*/
|
|
||||||
--font-medium: 500;
|
|
||||||
--font-semi-bold: 600;
|
|
||||||
|
|
||||||
/*========== Margenes Bottom ==========*/
|
|
||||||
--mb-0-25: .25rem;
|
|
||||||
--mb-0-5: .5rem;
|
|
||||||
--mb-0-75: .75rem;
|
|
||||||
--mb-1: 1rem;
|
|
||||||
--mb-1-5: 1.5rem;
|
|
||||||
--mb-2: 2rem;
|
|
||||||
--mb-2-5: 2.5rem;
|
|
||||||
--mb-3: 3rem;
|
|
||||||
|
|
||||||
/*========== z index ==========*/
|
|
||||||
/* --z-tooltip: 10;
|
|
||||||
--z-fixed: 100;
|
|
||||||
--z-modal: 1000; */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Font size for large devices */
|
|
||||||
@media screen and (min-width: 968px) {
|
|
||||||
:root {
|
|
||||||
--big-font-size: 3rem;
|
|
||||||
--h1-font-size: 2.25rem;
|
|
||||||
--h2-font-size: 1.5rem;
|
|
||||||
--h3-font-size: 1.25rem;
|
|
||||||
--normal-font-size: 1rem;
|
|
||||||
--small-font-size: .875rem;
|
|
||||||
--smaller-font-size: .813rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*==================== BASE ====================*/
|
|
||||||
html {
|
|
||||||
scroll-behavior: smooth;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4 {
|
|
||||||
color: var(--title-color);
|
|
||||||
font-weight: var(--font-semi-bold);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*==================== REUSABLE CSS CLASSES ====================*/
|
|
||||||
.section__title {
|
|
||||||
font-size: var(--h1-font-size);
|
|
||||||
color: var(--title-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.section__subtitle {
|
|
||||||
display: block;
|
|
||||||
font-size: var(--small-font-size);
|
|
||||||
margin-bottom: var(--mb-3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.section__title,
|
|
||||||
.section__subtitle {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*==================== LAYOUT ====================*/
|
|
||||||
.container {
|
|
||||||
max-width: 768px;
|
|
||||||
margin-left: var(--mb-1-5);
|
|
||||||
margin-right: var(--mb-1-5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.grid {
|
|
||||||
display: grid;
|
|
||||||
gap: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header {
|
|
||||||
width: 100%;
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: var(--z-fixed);
|
|
||||||
background-color: var(--body-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*==================== HOME ====================*/
|
|
||||||
.home__container {
|
|
||||||
gap: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home__content {
|
|
||||||
grid-template-columns: .5fr 3fr;
|
|
||||||
padding-top: 3.5rem;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home__social {
|
|
||||||
grid-template-columns: max-content;
|
|
||||||
row-gap: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home__social-icon {
|
|
||||||
font-size: 1.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home__social-icon:hover {
|
|
||||||
color: var(--first-color-alt);
|
|
||||||
}
|
|
||||||
|
|
||||||
.home__title {
|
|
||||||
font-size: var(--big-font-size);
|
|
||||||
}
|
|
||||||
|
|
||||||
.home__subtitle {
|
|
||||||
margin-bottom: var(--h3-font-size);
|
|
||||||
color: var(--text-color);
|
|
||||||
font-weight: var(--font-medium);
|
|
||||||
margin-bottom: var(--mb-0-75);
|
|
||||||
}
|
|
||||||
|
|
||||||
.home__description {
|
|
||||||
margin-bottom: var(--mb-2);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*==================== BUTTONS ====================*/
|
|
||||||
.button {
|
|
||||||
display: inline-block;
|
|
||||||
background-color: var(--first-color-alt);
|
|
||||||
color: #fff;
|
|
||||||
padding: 1rem;
|
|
||||||
border-radius: .5rem;
|
|
||||||
font-weight: var(--font-medium);
|
|
||||||
}
|
|
||||||
|
|
||||||
.button:hover {
|
|
||||||
background-color: var(--first-color-alt);
|
|
||||||
}
|
|
||||||
|
|
||||||
.button__icon {
|
|
||||||
font-size: 1.25rem;
|
|
||||||
margin-right: var(--mb-0-5);
|
|
||||||
transition: .3s;
|
|
||||||
color: #FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button--flex {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button--small {
|
|
||||||
padding: .75rem 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button--link {
|
|
||||||
padding: 0;
|
|
||||||
background-color: transparent;
|
|
||||||
color: var(--first-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.button--link:hover {
|
|
||||||
background-color: transparent;
|
|
||||||
color: var(--first-color-alt);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*==================== ABOUT ====================*/
|
|
||||||
.about__img {
|
|
||||||
width: 400px;
|
|
||||||
border-radius: .5rem;
|
|
||||||
justify-self: center;
|
|
||||||
align-self: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__description {
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: var(--mb-2-5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__info {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-evenly;
|
|
||||||
margin-bottom: var(--mb-2-5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__info-title {
|
|
||||||
font-size: var(--h2-font-size);
|
|
||||||
font-weight: var(--font-semi-bold);
|
|
||||||
color: var(--title-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__info-name {
|
|
||||||
font-size: var(--smaller-font-size);
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__info-title,
|
|
||||||
.about__info-name {
|
|
||||||
display: block;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__buttons {
|
|
||||||
margin: 0 auto;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*==================== SKILLS ====================*/
|
|
||||||
.skills__container {
|
|
||||||
row-gap: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__header {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
margin-bottom: var(--mb-2-5);
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__icon,
|
|
||||||
.skills__arrow {
|
|
||||||
font-size: 2rem;
|
|
||||||
color: #757575;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__icon {
|
|
||||||
margin-right: var(--mb-0-75);
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__title {
|
|
||||||
font-size: var(--h3-font-size);
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills_subtitle {
|
|
||||||
font-size: var(--small-font-size);
|
|
||||||
color: var(--text-color-light);
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__arrow {
|
|
||||||
margin-left: auto;
|
|
||||||
transition: .4s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__list {
|
|
||||||
row-gap: 1.5rem;
|
|
||||||
padding-left: 2.7rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__titles {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
margin-bottom: var(--mb-0-5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__name {
|
|
||||||
font-size: var(--normal-font-size);
|
|
||||||
font-weight: var(--font-medium);
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__number {
|
|
||||||
margin-top: var(--mb-2-5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__bar,
|
|
||||||
.skills__percentage {
|
|
||||||
height: 5px;
|
|
||||||
border-radius: .25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__bar {
|
|
||||||
background-color: var(--first-color-lighter);
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__percentage {
|
|
||||||
display: block;
|
|
||||||
background-color: var(--first-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__fastapi {
|
|
||||||
width: 90%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__django {
|
|
||||||
width: 85%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__flask {
|
|
||||||
width: 75%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__spring {
|
|
||||||
width: 75%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__androidjava {
|
|
||||||
width: 70%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__androidkotlin {
|
|
||||||
width: 60%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__flutter {
|
|
||||||
width: 60%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__aws {
|
|
||||||
width: 80%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__azure {
|
|
||||||
width: 75%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__oc {
|
|
||||||
width: 70%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__cicd {
|
|
||||||
width: 75%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__close .skills__list {
|
|
||||||
height: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__open .skills__list {
|
|
||||||
height: max-content;
|
|
||||||
margin-bottom: var(--mb-2-5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__open .skills__arrow {
|
|
||||||
transform: rotate(-180deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*==================== QUALIFICATION ====================*/
|
|
||||||
.qualification__tabs {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-evenly;
|
|
||||||
margin-bottom: var(--mb-2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.qualification__button {
|
|
||||||
font-size: var(--h3-font-size);
|
|
||||||
font-weight: var(--font-medium);
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qualification__button:hover {
|
|
||||||
color: var(--first-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.qualification__icon {
|
|
||||||
font-size: 1.8rem;
|
|
||||||
margin-right: var(--mb-0-25);
|
|
||||||
}
|
|
||||||
|
|
||||||
.qualification__data {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr max-content 1fr;
|
|
||||||
column-gap: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qualification__data > div:first-child {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.qualification__data > div:last-child {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.qualification__title {
|
|
||||||
font-size: var(--normal-font-size);
|
|
||||||
font-weight: var(--font-medium);
|
|
||||||
}
|
|
||||||
|
|
||||||
.qualification__subtitle {
|
|
||||||
display: inline-block;
|
|
||||||
font-size: var(--smaller-font-size);
|
|
||||||
margin-bottom: var(--mb-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.qualification__calendar {
|
|
||||||
font-size: var(--smaller-font-size);
|
|
||||||
color: var(--md-primary-fg-color--dark);
|
|
||||||
}
|
|
||||||
|
|
||||||
.qualification__rounder {
|
|
||||||
display: inline-block;
|
|
||||||
width: 13px;
|
|
||||||
height: 13px;
|
|
||||||
background-color: var(--md-primary-fg-color);
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qualification__line {
|
|
||||||
display: block;
|
|
||||||
width: 1px;
|
|
||||||
height: 100%;
|
|
||||||
background-color: var(--md-primary-fg-color);
|
|
||||||
transform: translate(6px, -7px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.qualification [data-content] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qualification__active[data-content] {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qualification__button.qualification__active {
|
|
||||||
color: var(--first-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*==================== MEDIA QUERIES ====================*/
|
|
||||||
/* For small devices */
|
|
||||||
@media screen and (max-width: 350px) {
|
|
||||||
.container {
|
|
||||||
margin-left: var(--mb-1);
|
|
||||||
margin-right: var(--mb-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.home__content {
|
|
||||||
grid-template-columns: .25fr 3fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home__blob {
|
|
||||||
width: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__title {
|
|
||||||
font-size: var(--normal-font-size);
|
|
||||||
}
|
|
||||||
|
|
||||||
.qualification__data {
|
|
||||||
gap: .5rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* For medium devices */
|
|
||||||
@media screen and (min-width: 568px) {
|
|
||||||
.home__content {
|
|
||||||
grid-template-columns: max-content 1fr 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home__data {
|
|
||||||
grid-column: initial;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home__img {
|
|
||||||
order: 1;
|
|
||||||
justify-self: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skills__container,
|
|
||||||
.about__container,
|
|
||||||
.portfolio__content,
|
|
||||||
.project__container {
|
|
||||||
grid-template-columns: repeat(2, 1fr);
|
|
||||||
}
|
|
||||||
|
|
||||||
.qualification__sections {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 6fr;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 768px) {
|
|
||||||
.container {
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section {
|
|
||||||
padding: 2rem 0 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section__subtitle {
|
|
||||||
margin-bottom: 4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header {
|
|
||||||
top: 0;
|
|
||||||
bottom: initial;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header,
|
|
||||||
.main {
|
|
||||||
padding: 0 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home__container {
|
|
||||||
row-gap: 5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home__content {
|
|
||||||
padding-top: 5.5rem;
|
|
||||||
column-gap: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home__blob {
|
|
||||||
width: 270px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home__scroll {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home__scroll-button {
|
|
||||||
margin-left: 3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__container {
|
|
||||||
column-gap: 5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__img {
|
|
||||||
width: 350px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__description {
|
|
||||||
text-align: initial;
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__info {
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.about__buttons {
|
|
||||||
justify-content: initial;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qualification__tabs {
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.qualification__button {
|
|
||||||
margin: 0 var(--mb-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.qualification__sections {
|
|
||||||
grid-template-columns: .5fr;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* For large devices */
|
|
||||||
@media screen and (min-width: 1024px) {
|
|
||||||
.header,
|
|
||||||
.main {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home__blob {
|
|
||||||
width: 320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home__social {
|
|
||||||
transform: translateX(-6rem);
|
|
||||||
}
|
|
||||||
|
|
||||||
.qualification__sections {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 6fr;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@ -7,6 +7,7 @@ description: >
|
|||||||
a blog alongside your documentation or standalone
|
a blog alongside your documentation or standalone
|
||||||
categories:
|
categories:
|
||||||
- Hello World
|
- Hello World
|
||||||
|
hide_reading_time: true
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -5,6 +5,7 @@ date: 2022-06-06
|
|||||||
categories:
|
categories:
|
||||||
- 网站更新记录
|
- 网站更新记录
|
||||||
readtime: 2
|
readtime: 2
|
||||||
|
hide_reading_time: true
|
||||||
---
|
---
|
||||||
|
|
||||||
## </p><h1 id="01" name="01"><strong>2022-10-20</strong></h1><p>
|
## </p><h1 id="01" name="01"><strong>2022-10-20</strong></h1><p>
|
||||||
|
|||||||
@ -5,6 +5,7 @@ date: 2023-12-21
|
|||||||
categories:
|
categories:
|
||||||
- 网站更新记录
|
- 网站更新记录
|
||||||
readtime: 2
|
readtime: 2
|
||||||
|
hide_reading_time: true
|
||||||
---
|
---
|
||||||
|
|
||||||
## </p><h1 id="01" name="01"><strong>2023-12-21</strong></h1><p>
|
## </p><h1 id="01" name="01"><strong>2023-12-21</strong></h1><p>
|
||||||
|
|||||||
@ -5,6 +5,7 @@ date: 2024-01-01
|
|||||||
categories:
|
categories:
|
||||||
- 网站更新记录
|
- 网站更新记录
|
||||||
readtime: 2
|
readtime: 2
|
||||||
|
hide_reading_time: true
|
||||||
---
|
---
|
||||||
## </p><h1 id="01" name="01"><strong>2024-12-24</strong></h1><p>
|
## </p><h1 id="01" name="01"><strong>2024-12-24</strong></h1><p>
|
||||||
* 优化网站流畅度（玄学）
|
* 优化网站流畅度（玄学）
|
||||||
|
|||||||
@ -5,6 +5,7 @@ date: 2025-01-01
|
|||||||
categories:
|
categories:
|
||||||
- 网站更新记录
|
- 网站更新记录
|
||||||
readtime: 2
|
readtime: 2
|
||||||
|
hide_reading_time: true
|
||||||
---
|
---
|
||||||
## </p><h1 id="01" name="01"><strong>2025-04-30</strong></h1><p>
|
## </p><h1 id="01" name="01"><strong>2025-04-30</strong></h1><p>
|
||||||
* 优化网站流畅度（玄学）
|
* 优化网站流畅度（玄学）
|
||||||
|
|||||||
@ -37,7 +37,7 @@ t.parentNode.insertBefore(e,t)}})();
|
|||||||
<img class="ava" src="https://pic4.zhimg.com/80/v2-a0456a5f527c1923f096759f2926012f_1440w.webp" />
|
<img class="ava" src="https://pic4.zhimg.com/80/v2-a0456a5f527c1923f096759f2926012f_1440w.webp" />
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<div>
|
<div>
|
||||||
<a href="https://wcowin.work/ " target="_blank">Wcowin's Blog</a>
|
<a href="https://wcowin.work/ ">Wcowin's Blog</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
“循此苦旅，以达星辰”
|
“循此苦旅，以达星辰”
|
||||||
|
|||||||
Binary file not shown.
@ -13,6 +13,7 @@ EXCLUDE_PATTERNS = [
|
|||||||
re.compile(r'waline\.md$'),
|
re.compile(r'waline\.md$'),
|
||||||
re.compile(r'link\.md$'),
|
re.compile(r'link\.md$'),
|
||||||
re.compile(r'404\.md$'),
|
re.compile(r'404\.md$'),
|
||||||
|
re.compile(r'liuyanban\.md$'),
|
||||||
]
|
]
|
||||||
|
|
||||||
# 优化的字符统计正则表达式
|
# 优化的字符统计正则表达式
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
:root {
|
:root {
|
||||||
--admonition-border-left-width: 0.2rem;
|
--admonition-border-left-width: 0.2rem;
|
||||||
--base-border-radius: 0.5rem;
|
--base-border-radius: 1rem;
|
||||||
--card-hover-shadow: 0 0 0.2rem #ffffff40;
|
/* --card-hover-shadow: 0 0 0.2rem #ffffff40; */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 卡片圆角与悬浮阴影 */
|
/* 卡片圆角与悬浮阴影 */
|
||||||
@ -20,12 +20,20 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 搜索框及下拉结果圆角 */
|
/* 搜索框及下拉结果圆角 */
|
||||||
.md-search__form,
|
.md-search__form {
|
||||||
[data-md-toggle="search"]:checked ~ .md-header .md-search__form,
|
|
||||||
[dir="ltr"] .md-search__output {
|
|
||||||
border-radius: var(--base-border-radius);
|
border-radius: var(--base-border-radius);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[data-md-toggle="search"]:checked ~ .md-header .md-search__form {
|
||||||
|
border-top-right-radius: var(--base-border-radius);
|
||||||
|
border-top-left-radius: var(--base-border-radius);
|
||||||
|
}
|
||||||
|
|
||||||
|
[dir="ltr"] .md-search__output {
|
||||||
|
border-bottom-right-radius: var(--base-border-radius);
|
||||||
|
border-bottom-left-radius: var(--base-border-radius);
|
||||||
|
}
|
||||||
|
|
||||||
/* 可选：如需恢复代码块、警告框等样式，取消注释即可 */
|
/* 可选：如需恢复代码块、警告框等样式，取消注释即可 */
|
||||||
/*
|
/*
|
||||||
.highlight span.filename {
|
.highlight span.filename {
|
||||||
@ -54,10 +62,10 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
/* 可选：博客相关样式，按需启用 */
|
/* 可选：博客相关样式，按需启用 */
|
||||||
/*
|
|
||||||
.md-post--excerpt {
|
/* .md-post--excerpt {
|
||||||
background-color: var(--md-accent-fg-color--transparent);
|
background-color: rgba(68,138,255,.1);
|
||||||
box-shadow: 0 0 0 1rem var(--md-accent-fg-color--transparent);
|
box-shadow: 0 0 0 1rem rgba(68,138,255,.1);
|
||||||
border-radius: var(--base-border-radius);
|
border-radius: var(--base-border-radius);
|
||||||
}
|
}
|
||||||
.md-post--excerpt .md-post__header {
|
.md-post--excerpt .md-post__header {
|
||||||
@ -66,5 +74,15 @@
|
|||||||
.md-post--excerpt .md-post__content > h2,
|
.md-post--excerpt .md-post__content > h2,
|
||||||
.md-post__action {
|
.md-post__action {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
} */
|
||||||
|
|
||||||
|
|
||||||
|
/* 让所有admonition（包括!!! tip）圆角化且更自然 */
|
||||||
|
.md-typeset .admonition,
|
||||||
|
.md-typeset details {
|
||||||
|
border-radius: 1.5em;
|
||||||
|
box-shadow: 0 2px 12px 0 rgba(60,60,60,0.07);
|
||||||
|
transition: border-radius 0.4s cubic-bezier(.4,2,.6,1), box-shadow 0.3s;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
*/
|
|
||||||
|
|||||||
@ -271,8 +271,8 @@ height: 100%;
|
|||||||
}
|
}
|
||||||
|
|
||||||
#rcorners4 {
|
#rcorners4 {
|
||||||
border-radius: 25px;
|
border-radius: 32px;
|
||||||
border: 2px solid #518FC1;
|
border: 2px solid rgba(68,138,255,.1);
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
width: 110%;
|
width: 110%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|||||||
@ -291,11 +291,11 @@ extra_javascript:
|
|||||||
|
|
||||||
extra_css:
|
extra_css:
|
||||||
- stylesheets/extra.css # 自定义CSS
|
- stylesheets/extra.css # 自定义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
|
||||||
# - stylesheets/customize.css # 搜索圆角优化
|
- stylesheets/customize.css # 搜索圆角优化
|
||||||
- https://cdn.jsdelivr.net/gh/Wcowin/Wcowin.github.io@main/docs/stylesheets/customize.css #按钮圆角化CDN
|
# - https://cdn.jsdelivr.net/gh/Wcowin/Wcowin.github.io@main/docs/stylesheets/customize.css #按钮圆角化CDN
|
||||||
# - assets/stylesheets/portfolio.css
|
# - assets/stylesheets/portfolio.css
|
||||||
# - stylesheets/video.css #播放器可选配置
|
# - stylesheets/video.css #播放器可选配置
|
||||||
# - https://cdn.jsdelivr.net/npm/gitalk@latest/dist/gitalk.css #gitalk支持
|
# - https://cdn.jsdelivr.net/npm/gitalk@latest/dist/gitalk.css #gitalk支持
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user