mirror of
https://github.com/Wcowin/Mkdocs-Wcowin.git
synced 2025-07-20 08:56:35 +00:00
25/2/7
This commit is contained in:
parent
543aeb2b24
commit
dd4be77a3d
@ -51,7 +51,7 @@
|
|||||||
|
|
||||||
<center>
|
<center>
|
||||||
|
|
||||||
**MuseLink**
|
**Telegram**
|
||||||
|
|
||||||
<p align="center">
|
<p align="center">
|
||||||
<a href="https://s2.loli.net/2025/01/04/oUqPCHxTVRZJ41w.jpg" target="_blank">
|
<a href="https://s2.loli.net/2025/01/04/oUqPCHxTVRZJ41w.jpg" target="_blank">
|
||||||
|
|||||||
@ -1,4 +1,5 @@
|
|||||||
---
|
---
|
||||||
|
title: 关于我
|
||||||
hide:
|
hide:
|
||||||
# - navigation
|
# - navigation
|
||||||
# - toc
|
# - toc
|
||||||
@ -6,60 +7,85 @@ hide:
|
|||||||
- footer
|
- footer
|
||||||
status: new
|
status: new
|
||||||
---
|
---
|
||||||
<center>
|
|
||||||
<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
|
<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
|
||||||
</center>
|
|
||||||
|
|
||||||
# <span id="jinrishici-sentence">今日诗词</span>
|
# <span id="jinrishici-sentence">今日诗词</span>
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>
|
<style>
|
||||||
<link
|
@media (max-width: 768px) {
|
||||||
|
#jinrishici-sentence {
|
||||||
|
font-size: 0.7em; /* 调整字体大小 */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script> -->
|
||||||
|
|
||||||
|
<!-- <link
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css"
|
href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css"
|
||||||
/>
|
/> -->
|
||||||
|
|
||||||
## 关于我
|
## 关于我
|
||||||
|
|
||||||
|
|
||||||
|
<center>
|
||||||
|
{style="width: 270px; border-radius: 50%;"}
|
||||||
|
{style="width: 270px; border-radius: 50%;"}
|
||||||
|
<!-- <img src="https://pic4.zhimg.com/80/v2-a0456a5f527c1923f096759f2926012f_1440w.webp" style="width: 200px; border-radius: 50%;" class="hidden-on-mobile" /> -->
|
||||||
|
</center>
|
||||||
|
<p style="text-align: center; font-size: 35px; "><strong>A college student in Chongqing</strong></p>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<p style="text-align: center; margin: 0px;" markdown>
|
<!-- <p style="text-align: center; margin: 0px;" markdown> -->
|
||||||
<img src="https://s1.imagehub.cc/images/2025/01/04/158948b0002cdac6e9ff43986648cb83.png" alt="arv-anshul" style="width: 300px; border-radius: 50%;" />
|
<!-- <img src="https://pic2.zhimg.com/v2-ef969571db8a20c8436235c588d04483_1440w.jpg" style="width: 300px; border-radius: 50%;" /> -->
|
||||||
<!--  -->
|
<!-- <style>
|
||||||
<p style="text-align: center; font-size: 30px; margin: 0px;"><strong>A college student in Chongqing</strong></p>
|
@media (max-width: 768px) {
|
||||||
|
.hidden-on-mobile {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style> -->
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
|
<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
|
||||||
<link rel="stylesheet" href="../assets/stylesheets/portfolio.css">
|
<link rel="stylesheet" href="../sty/portfolio.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<main class="main">
|
<main class="main">
|
||||||
<section class="about section" id="about">
|
<section class="about section" id="about">
|
||||||
<div class="about__container container">
|
<div class="about__container container">
|
||||||
<div class="about__data">
|
<div class="about__data">
|
||||||
<p style="text-align: center; margin: 0px;" markdown></p>
|
<p style="text-align: center; " markdown></p>
|
||||||
<div class="about__info">
|
<div class="about__info">
|
||||||
<div>
|
<div>
|
||||||
<span class="about__info-title">01+</span>
|
<span class="about__info-title">1年+</span>
|
||||||
<span class="about__info-name">工作经验</span>
|
<span class="about__info-name">工作经验</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span class="about__info-title">03+</span>
|
<a href="https://github.com/Wcowin" target="_blank">
|
||||||
<span class="about__info-name">已经完成的项目</span>
|
<span class="about__info-title">3项+</span>
|
||||||
|
<span class="about__info-name">完成的项目</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span class="about__info-title">02+</span>
|
<span class="about__info-title">2个+</span>
|
||||||
<span class="about__info-name">贡献的开源</span>
|
<span class="about__info-name">贡献的开源</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
<center>[下载简历 :fontawesome-solid-download:](个人简历.pdf){.md-button target=“_blank”}</center>
|
|
||||||
|
<center>[下载简历 :fontawesome-solid-download:](个人简历.pdf){.md-button target=“_blank” }</center>
|
||||||
|
|
||||||
---
|
---
|
||||||
## 个人履历
|
## 我的履历
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<body>
|
<body>
|
||||||
@ -114,8 +140,8 @@ status: new
|
|||||||
<!--==================== QUALIFICATION 3 ====================-->
|
<!--==================== QUALIFICATION 3 ====================-->
|
||||||
<div class="qualification__data">
|
<div class="qualification__data">
|
||||||
<div>
|
<div>
|
||||||
<h3 class="qualification__title">西安电子科技大学（待定）</h3>
|
<h3 class="qualification__title">XDU(待定)</h3>
|
||||||
<span class="qualification__subtitle">网络空间安全专业硕士研究生</span>
|
<span class="qualification__subtitle">网络空间安全硕士研究生</span>
|
||||||
<div class="qualification__calendar">
|
<div class="qualification__calendar">
|
||||||
<iconify-icon icon="tabler:calendar"></iconify-icon>
|
<iconify-icon icon="tabler:calendar"></iconify-icon>
|
||||||
2024 - 2027
|
2024 - 2027
|
||||||
@ -161,14 +187,14 @@ status: new
|
|||||||
- [x] 清醒，知趣，明得失，知进退
|
- [x] 清醒，知趣，明得失，知进退
|
||||||
- [x] 咖啡重度爱好者
|
- [x] 咖啡重度爱好者
|
||||||
- [x] 热爱(xiā)折腾技术/Math
|
- [x] 热爱(xiā)折腾技术/Math
|
||||||
- [x] 读书明志可识春秋;诗词爱好者,喜欢村上春树，擅长羽毛球
|
- [x] 读书明志可识春秋;诗词爱好者;喜欢村上春树;擅长羽毛球
|
||||||
<img class="img1" src="https://s2.loli.net/2024/02/01/AgiGpYk38C6ctJV.jpg">
|
<img class="img1" src="https://pic2.zhimg.com/80/v2-6cf497fc08da090bd53e4a5dc962d9d9_1440w.webp">
|
||||||
|
|
||||||
## 联系我
|
## 联系我
|
||||||
|
|
||||||
<a href="https://s1.imagehub.cc/images/2024/02/02/bb9ee71b03ee7a3b87caad5cc4bcebff.jpeg" target="_blank">
|
<a href="https://pic1.zhimg.com/80/v2-8ad8e415b3eb139134b0373ff95c6846_1440w.webp" target="_blank">
|
||||||
<center>
|
<center>
|
||||||
<img class="img1" src="https://s1.imagehub.cc/images/2024/02/02/bb9ee71b03ee7a3b87caad5cc4bcebff.jpeg" style="width: 450px; height: auto;">
|
<img class="img1" src="https://pic1.zhimg.com/80/v2-8ad8e415b3eb139134b0373ff95c6846_1440w.webp" style="width: 450px; height: auto;">
|
||||||
<div style="color:orange;
|
<div style="color:orange;
|
||||||
color: #999;
|
color: #999;
|
||||||
padding: 2px;">我的Wechat</div>
|
padding: 2px;">我的Wechat</div>
|
||||||
@ -177,7 +203,7 @@ status: new
|
|||||||
|
|
||||||
<a href="https://t.me/wecowin" target="_blank">
|
<a href="https://t.me/wecowin" target="_blank">
|
||||||
<center>
|
<center>
|
||||||
<img class="img1" src="https://s1.imagehub.cc/images/2025/01/04/ece1374f25a07c060978165ada287fae.png" style="width: 450px; height: auto;">
|
<img class="img1" src="https://pica.zhimg.com/80/v2-7a19e2b5db241428373186e54f363670_1440w.webp" style="width: 450px; height: auto;">
|
||||||
<div style="color:orange;
|
<div style="color:orange;
|
||||||
color: #999;
|
color: #999;
|
||||||
padding: 2px;">我的TG</div>
|
padding: 2px;">我的TG</div>
|
||||||
@ -186,7 +212,7 @@ status: new
|
|||||||
|
|
||||||
??? tip "公众号"
|
??? tip "公众号"
|
||||||
<figure markdown >
|
<figure markdown >
|
||||||
{.img1}
|
{.img1 }
|
||||||
<figcaption>公众号</figcaption>
|
<figcaption>公众号</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
|
|
||||||
@ -214,10 +240,14 @@ status: new
|
|||||||
## 须知
|
## 须知
|
||||||
如果你在浏览博客的过程中发现了任何问题，欢迎前往 GitHub 的[代码仓库](https://github.com/Wcowin/Wcowin.github.io)提交 [Issues](https://github.com/Wcowin/Wcowin.github.io/issues) 或直接修改相关文件后提交 Pull Requests。如果你有其他事情想要咨询，可以通过下方按钮使用邮件联系我,请不要滥用博客的评论功能发表与主题无关言论。
|
如果你在浏览博客的过程中发现了任何问题，欢迎前往 GitHub 的[代码仓库](https://github.com/Wcowin/Wcowin.github.io)提交 [Issues](https://github.com/Wcowin/Wcowin.github.io/issues) 或直接修改相关文件后提交 Pull Requests。如果你有其他事情想要咨询，可以通过下方按钮使用邮件联系我,请不要滥用博客的评论功能发表与主题无关言论。
|
||||||
|
|
||||||
!!! note
|
!!! note "与我联系"
|
||||||
如果给我发[邮件](mailto:<wangkewen821@gmail.com>)，或者通过右下角微信添加好友，请写上您的**真名实姓**。对于那些不知来路、上来就问问题的微信和邮件，我通常会直接忽略，谢谢。
|
如果给我发[邮件](mailto:<wangkewen821@gmail.com>)，或者通过右下角微信添加好友，请写上您的**真名实姓**。对于那些不知来路、上来就问问题的微信和邮件，我通常会**直接忽略**，谢谢。
|
||||||
|
|
||||||
[Send Email :fontawesome-solid-paper-plane:](mailto:<wangkewen821@gmail.com>){.md-button}
|
---
|
||||||
|
<center>[发送电子邮件 :fontawesome-solid-paper-plane:](mailto:<wangkewen821@gmail.com>){.md-button}</center>
|
||||||
|
|
||||||
|
|
||||||
<!-- <chat-bot platform_id="d19a99ed-b684-4d64-8c70-7663d974af17" user_id="325b3ae2-0317-4c5f-9f9b-c4ce0e51e36b" chatbot_id="8eedef48-41ef-4f78-97d9-71e8197a452d"><a href="https://www.chatsimple.ai/?utm_source=widget&utm_medium=referral">[chatbot]</a></chat-bot><script src="https://cdn.chatsimple.ai/chat-bot-loader.js" defer></script> -->
|
<!-- <chat-bot platform_id="d19a99ed-b684-4d64-8c70-7663d974af17" user_id="325b3ae2-0317-4c5f-9f9b-c4ce0e51e36b" chatbot_id="8eedef48-41ef-4f78-97d9-71e8197a452d"><a href="https://www.chatsimple.ai/?utm_source=widget&utm_medium=referral">[chatbot]</a></chat-bot><script src="https://cdn.chatsimple.ai/chat-bot-loader.js" defer></script> -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- <script src="//code.tidio.co/6jmawe9m5wy4ahvlhub2riyrnujz7xxi.js" async></script> -->
|
||||||
@ -34,16 +34,27 @@ t.parentNode.insertBefore(e,t)}})();
|
|||||||
<div class="links-content">
|
<div class="links-content">
|
||||||
<div class="link-navigation">
|
<div class="link-navigation">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<img class="ava" src="https://s1.imagehub.cc/images/2025/01/05/64eafdf8c27f482c7ecb83003d460d6a.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 Web</a>
|
<a href="https://wcowin.work/ " target="_blank">Wcowin's Blog</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
“循此苦旅，以达星辰”
|
“循此苦旅，以达星辰”
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<img class="ava" src="https://raw.githubusercontent.com/VictorWang712/Note/refs/heads/main/docs/assets/images/avatars/Walker_V.png" />
|
||||||
|
<div class="card-header">
|
||||||
|
<div>
|
||||||
|
<a href="https://victorwang712.github.io/Note/" target="_blank">Walker_V's Notebook</a>
|
||||||
|
</div>
|
||||||
|
<div class="info">
|
||||||
|
要在温室和暴风之中取舍，我忘记了退缩。
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -127,9 +138,9 @@ t.parentNode.insertBefore(e,t)}})();
|
|||||||
|
|
||||||
=== "Txt"
|
=== "Txt"
|
||||||
|
|
||||||
>名称: Wcowin's Web
|
>名称: Wcowin's Blog
|
||||||
>链接: https://wcowin.work/
|
>链接: https://wcowin.work/
|
||||||
>头像: https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png
|
>头像: https://pic4.zhimg.com/80/v2-a0456a5f527c1923f096759f2926012f_1440w.webp
|
||||||
>简介: 循此苦旅，以达星辰
|
>简介: 循此苦旅，以达星辰
|
||||||
|
|
||||||
=== "HTML(推荐)"
|
=== "HTML(推荐)"
|
||||||
@ -152,9 +163,9 @@ t.parentNode.insertBefore(e,t)}})();
|
|||||||
=== "Butterfly"
|
=== "Butterfly"
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
- name: Wcowin's Web
|
- name: Wcowin's Blog
|
||||||
link: https://wcowin.work/
|
link: https://wcowin.work/
|
||||||
avatar: https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png
|
avatar: https://pic4.zhimg.com/80/v2-a0456a5f527c1923f096759f2926012f_1440w.webp
|
||||||
descr: 循此苦旅，以达星辰
|
descr: 循此苦旅，以达星辰
|
||||||
```
|
```
|
||||||
=== "通用"
|
=== "通用"
|
||||||
|
|||||||
33
docs/about/resume.md
Normal file
33
docs/about/resume.md
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
---
|
||||||
|
title: 个人简历
|
||||||
|
hide:
|
||||||
|
# - navigation # 显示右
|
||||||
|
- toc #显示左
|
||||||
|
- footer
|
||||||
|
- feedback
|
||||||
|
comments: false
|
||||||
|
---
|
||||||
|
<!-- <div class="grid cards" markdown>
|
||||||
|
|
||||||
|
- :octicons-bookmark-16:{ .lg .middle } __个人简历__
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
- [个人简历](https://lightpdf.cn/docs/1cpgobc){target=“_blank”}
|
||||||
|
|
||||||
|
</div> -->
|
||||||
|
|
||||||
|
请使用PC端查看，谢谢
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="grid cards" markdown>
|
||||||
|
|
||||||
|
- :octicons-bookmark-16:{ .lg .middle } __个人简历__
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
<iframe src="../个人简历.pdf" width="100%" height="800px" style="border: 1px solid #ccc; overflow: auto;">
|
||||||
|
</iframe>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
577
docs/about/sty/portfolio.css
Normal file
577
docs/about/sty/portfolio.css
Normal file
@ -0,0 +1,577 @@
|
|||||||
|
: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: #080505;
|
||||||
|
--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 ====================*/
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
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: var(--md-primary-fg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.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: 1.5fr max-content 1.5fr;
|
||||||
|
column-gap: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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: 6rem 0 2rem;
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
}
|
||||||
27
docs/blog/MIT.md
Normal file
27
docs/blog/MIT.md
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
---
|
||||||
|
title: 许可声明
|
||||||
|
status: new
|
||||||
|
---
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
=== "麻省理工学院许可证"
|
||||||
|
|
||||||
|
版权所有 (c) 2016-2025 Martin Donath
|
||||||
|
|
||||||
|
特此授予获得此软件和相关文档文件（“软件”）副本的任何人免费许可，以无限制方式处理软件，包括但不限于使用、复制、修改、合并、发布、分发、再许可和/或销售软件副本的权利，并允许向其提供软件的人员这样做，但须遵守以下条件：
|
||||||
|
|
||||||
|
上述版权声明和本许可声明均应包含在软件的所有副本或重要部分中。
|
||||||
|
|
||||||
|
软件按“原样”提供，不作任何明示或暗示的保证，包括但不限于适销性、特定用途的适用性和不侵权性的保证。在任何情况下，作者或版权持有者均不对因软件或使用或其他处理软件而引起的或与之相关的任何索赔、损害或其他责任承担责任，无论是合同行为、侵权行为还是其他行为。
|
||||||
|
|
||||||
|
=== "MIT License"
|
||||||
|
|
||||||
|
Copyright (c) 2016-2025 Martin Donath
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||||
|
|
||||||
@ -9,12 +9,11 @@ tags:
|
|||||||
MkDocs中文文档: [MkDocs中文文档](https://hellowac.github.io/mkdocs-docs-zh/)
|
MkDocs中文文档: [MkDocs中文文档](https://hellowac.github.io/mkdocs-docs-zh/)
|
||||||
---
|
---
|
||||||
推荐看下这个视频：
|
推荐看下这个视频：
|
||||||
:fontawesome-brands-youtube:{ style="color: #EE0F0F" }
|
:fontawesome-brands-bilibili:{ style="color: #EE98A7" }
|
||||||
__[How to set up Material for MkDocs]__ by @james-willett – :octicons-clock-24:
|
__[How to set up Material for MkDocs]__ by @Wcowin – :octicons-clock-24:
|
||||||
15m – Learn how to create and host a documentation site using Material for
|
10m – 用MKdocs构建一个博客网站.
|
||||||
MkDocs on GitHub Pages in a step-by-step guide.
|
|
||||||
|
|
||||||
[How to set up Material for MkDocs]: https://www.youtube.com/watch?v=Q-YA_dA8C20
|
[How to set up Material for MkDocs]: https://space.bilibili.com/1407028951/lists/4566631?type=series
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
@ -12,10 +12,11 @@ tags:
|
|||||||
|
|
||||||
---
|
---
|
||||||
- 入门 MKdocs 请看[Mkdocs 官方教程](https://www.mkdocs.org/user-guide/writing-your-docs/){target=“_blank”}
|
- 入门 MKdocs 请看[Mkdocs 官方教程](https://www.mkdocs.org/user-guide/writing-your-docs/){target=“_blank”}
|
||||||
- [Material for MkDocs](https://squidfunk.github.io/mkdocs-material/){target=“_blank”}教程
|
- [Material for MkDocs（只看这个也可以）](https://squidfunk.github.io/mkdocs-material/){target=“_blank”}教程
|
||||||
---
|
---
|
||||||
我写的中文教程（同步在其他平台）：
|
我写的中文教程（同步在其他平台）：
|
||||||
|
|
||||||
|
- [x] [Mkdocs中文教程(语雀)](https://www.yuque.com/wcowin/mkdocs-wcowin?# 《Mkdocs-Wcowin中文教程》){target=“_blank”}(推荐，展示效果好)
|
||||||
- [x] [Mkdocs中文教程](https://blog.csdn.net/m0_63203517/category_12472184.html?spm=1001.2014.3001.5482){target=“_blank”} (CSDN | 观感更纯净)
|
- [x] [Mkdocs中文教程](https://blog.csdn.net/m0_63203517/category_12472184.html?spm=1001.2014.3001.5482){target=“_blank”} (CSDN | 观感更纯净)
|
||||||
- [x] [MKdocs博客中文系列教程](https://www.zhihu.com/column/c_1754218140098387968){target=“_blank”}(知乎专栏)
|
- [x] [MKdocs博客中文系列教程](https://www.zhihu.com/column/c_1754218140098387968){target=“_blank”}(知乎专栏)
|
||||||
|
|
||||||
|
|||||||
@ -1,5 +1,30 @@
|
|||||||
# Blog
|
---
|
||||||
|
hide:
|
||||||
|
# - navigation # 显示右
|
||||||
|
- toc #显示左
|
||||||
|
- footer
|
||||||
|
# - feedback
|
||||||
|
# comments: false
|
||||||
|
# icon: octicons/home-fill-24
|
||||||
|
---
|
||||||
|
|
||||||
**博客，仅音译，英文名为Blogger，为Web Log的混成词。**
|
# MyBlog
|
||||||
|
<div class="grid cards" markdown>
|
||||||
|
|
||||||
**其正式名称为网络日记；又音译为部落格或部落阁等，是社会媒体网络的一部分。是使用特定的软件，在网络上出版、发表和张贴个人文章的人，或者是一种通常由个人管理、不定期张贴新的文章的网站**
|
- :material-clock-fast:{ .lg .middle } __What is Blog?__
|
||||||
|
|
||||||
|
---
|
||||||
|
**博客，仅音译，英文名为Blogger，为Web Log的混成词。**
|
||||||
|
**其正式名称为网络日记；又音译为部落格或部落阁等，是社会媒体网络的一部分。是使用特定的软件，在网络上出版、发表和张贴个人文章的人，或者是一种通常由个人管理、不定期张贴新的文章的网站**
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
***
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
.md-grid {
|
||||||
|
max-width: 1200px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -14,18 +14,9 @@ ____ __ ____ ______ ______ ____ __ ____ __ .__ __.
|
|||||||
\ / | | | | | | \ / | | | . ` |
|
\ / | | | | | | \ / | | | . ` |
|
||||||
\ /\ / | `----.| `--' | \ /\ / | | | |\ |
|
\ /\ / | `----.| `--' | \ /\ / | | | |\ |
|
||||||
\__/ \__/ \______| \______/ \__/ \__/ |__| |__| \__|
|
\__/ \__/ \______| \______/ \__/ \__/ |__| |__| \__|
|
||||||
|
|
||||||
___ ___ ____ ____ ___ ___ _____ __ _
|
|
||||||
( ( ) ) / ___) / __ \ ( ( ) ) (_ _) / \ / )
|
|
||||||
\ \ _ / / / / / / \ \ \ \ _ / / | | / /\ \ / /
|
|
||||||
\ \/ \/ / ( ( ( () () ) \ \/ \/ / | | ) ) ) ) ) )
|
|
||||||
) _ ( ( ( ( () () ) ) _ ( | | ( ( ( ( ( (
|
|
||||||
\ ( ) / \ \___ \ \__/ / \ ( ) / _| |__ / / \ \/ /
|
|
||||||
\_/ \_/ \____) \____/ \_/ \_/ /_____( (_/ \__/
|
|
||||||
|
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<center><font color= #518FC1 size=6 class="ml3">Mkdocs教程</font></center>
|
<center><font color= #518FC1 size=6 class="ml3">Wcowin for MkDocs博客主题</font></center>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
|
||||||
|
|
||||||
<!-- <center>
|
<!-- <center>
|
||||||
|
|||||||
@ -35,61 +35,86 @@ comments: false
|
|||||||
<title>评论系统切换</title>
|
<title>评论系统切换</title>
|
||||||
<style>
|
<style>
|
||||||
.comment-system {
|
.comment-system {
|
||||||
display: none;
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: opacity 0.4s ease, visibility 0.4s ease;
|
||||||
|
height: 0;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.comment-system.active {
|
.comment-system.active {
|
||||||
display: block;
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
height: auto;
|
||||||
}
|
}
|
||||||
.button-container {
|
.button-container {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
}
|
}
|
||||||
.switch-button {
|
.buttonxuan {
|
||||||
background-color: #608DBD;
|
background-color: white;
|
||||||
color: #fff;
|
width: 40%;
|
||||||
border: none;
|
color: black;
|
||||||
padding: 10px 20px;
|
border-radius: 18px;
|
||||||
margin: 0 10px;
|
border: 2px solid rgba(189, 224, 245);
|
||||||
border-radius: 25px;
|
padding: 16px 32px;
|
||||||
cursor: pointer;
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
transition: background-color 0.3s ease;
|
margin: 4px 2px;
|
||||||
|
transition: 0.4s;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.switch-button:hover {
|
.buttonxuan:hover {
|
||||||
background-color: #4a6e8c;
|
background-color: rgba(238,242,249);
|
||||||
|
color: rgb(4, 0, 0);
|
||||||
}
|
}
|
||||||
.switch-button.active {
|
.buttonxuan.active {
|
||||||
background-color: #4a6e8c;
|
background-color: rgba(189, 224, 245);
|
||||||
|
color: rgb(4, 0, 0);
|
||||||
|
}
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.buttonxuan {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 5px;
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.button-container {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
gap: 5px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="button-container">
|
<div class="button-container">
|
||||||
<!-- <center><p>点击以切换评论系统</p></center> -->
|
<button id="giscus-btn" class="buttonxuan active">Giscus</button>
|
||||||
<button id="giscus-btn" class="switch-button active">Giscus 评论</button>
|
<button id="cusdis-btn" class="buttonxuan">Cusdis</button>
|
||||||
<button id="cusdis-btn" class="switch-button">Cusdis 评论</button>
|
|
||||||
</div>
|
</div>
|
||||||
<div id="giscus" class="comment-system active">
|
<div id="giscus" class="comment-system active">
|
||||||
<!-- Giscus 评论系统代码 -->
|
<script src="https://giscus.app/client.js"
|
||||||
<script src="https://giscus.app/client.js"
|
data-repo="Wcowin/hexo-site-comments"
|
||||||
data-repo="Wcowin/hexo-site-comments"
|
data-repo-id="R_kgDOIl9OJA"
|
||||||
data-repo-id="R_kgDOIl9OJA"
|
data-category="Announcements"
|
||||||
data-category="Announcements"
|
data-category-id="DIC_kwDOIl9OJM4CTHDe"
|
||||||
data-category-id="DIC_kwDOIl9OJM4CTHDe"
|
data-mapping="pathname"
|
||||||
data-mapping="pathname"
|
data-strict="0"
|
||||||
data-strict="0"
|
data-reactions-enabled="1"
|
||||||
data-reactions-enabled="1"
|
data-emit-metadata="0"
|
||||||
data-emit-metadata="1"
|
data-input-position="top"
|
||||||
data-input-position="bottom"
|
data-theme="preferred_color_scheme"
|
||||||
data-theme="preferred_color_scheme"
|
data-lang="zh-CN"
|
||||||
data-lang="zh-CN"
|
data-loading="lazy"
|
||||||
data-loading="lazy"
|
crossorigin="anonymous"
|
||||||
crossorigin="anonymous"
|
async>
|
||||||
async>
|
</script>
|
||||||
</script>
|
|
||||||
</div>
|
</div>
|
||||||
<div id="cusdis" class="comment-system">
|
<div id="cusdis" class="comment-system">
|
||||||
<!-- Cusdis 评论系统代码 -->
|
|
||||||
<center><p>评论审核后才会显示</p></center>
|
<center><p>评论审核后才会显示</p></center>
|
||||||
<div id="cusdis_thread"
|
<div id="cusdis_thread"
|
||||||
data-host="https://cusdis.com"
|
data-host="https://cusdis.com"
|
||||||
@ -101,17 +126,13 @@ comments: false
|
|||||||
<script async defer src="https://cusdis.com/js/cusdis.es.js"></script>
|
<script async defer src="https://cusdis.com/js/cusdis.es.js"></script>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
document.getElementById('giscus-btn').addEventListener('click', function() {
|
document.querySelectorAll('.buttonxuan').forEach(button => {
|
||||||
document.getElementById('giscus').classList.add('active');
|
button.addEventListener('click', function() {
|
||||||
document.getElementById('cusdis').classList.remove('active');
|
document.querySelectorAll('.buttonxuan').forEach(btn => btn.classList.remove('active'));
|
||||||
this.classList.add('active');
|
this.classList.add('active');
|
||||||
document.getElementById('cusdis-btn').classList.remove('active');
|
document.querySelectorAll('.comment-system').forEach(system => system.classList.remove('active'));
|
||||||
});
|
document.getElementById(this.id.replace('-btn', '')).classList.add('active');
|
||||||
document.getElementById('cusdis-btn').addEventListener('click', function() {
|
});
|
||||||
document.getElementById('giscus').classList.remove('active');
|
|
||||||
document.getElementById('cusdis').classList.add('active');
|
|
||||||
this.classList.add('active');
|
|
||||||
document.getElementById('giscus-btn').classList.remove('active');
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
@ -7,7 +7,7 @@
|
|||||||
{% endblock %}
|
{% endblock %}
|
||||||
{% block announce %}
|
{% block announce %}
|
||||||
Follow <strong>@Wcowin</strong> on
|
Follow <strong>@Wcowin</strong> on
|
||||||
<a rel="me" href="https://space.bilibili.com/1407028951?spm_id_from=333.1007.0.0">
|
<a rel="me" href="https://space.bilibili.com/1407028951/lists/4566631?type=series">
|
||||||
<span class="twemoji bilibili">
|
<span class="twemoji bilibili">
|
||||||
{% include ".icons/fontawesome/brands/bilibili.svg" %}
|
{% include ".icons/fontawesome/brands/bilibili.svg" %}
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
/* 用于大屏幕和小屏幕的通用样式 */
|
/* 用于大屏幕和小屏幕的通用样式 */
|
||||||
.card {
|
.card {
|
||||||
width: 345px;
|
width: 345px;
|
||||||
height: 80px;
|
height: 90px;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
@ -9,8 +9,9 @@
|
|||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center; /* 垂直居中对齐内容 */
|
align-items: center; /* 垂直居中对齐内容 */
|
||||||
background: #fff; /* 默认背景颜色 */
|
/* background: #fff; 默认背景颜色 */
|
||||||
color: #333; /* 默认字体颜色 */
|
color: #333; /* 默认字体颜色 */
|
||||||
|
/* border: 1px solid #608DBD; 添加外框 */
|
||||||
}
|
}
|
||||||
|
|
||||||
.card:nth-child(odd) {
|
.card:nth-child(odd) {
|
||||||
@ -24,9 +25,10 @@
|
|||||||
/* 在大屏幕上保留悬停效果 */
|
/* 在大屏幕上保留悬停效果 */
|
||||||
.card:hover {
|
.card:hover {
|
||||||
transform: translateY(0px) scale(1.05);
|
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);
|
/* 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, #a1c4fd, #c2e9fb); */
|
||||||
background: linear-gradient(to right, rgba(189, 224, 245), rgba(218, 232, 241), rgba(238, 237, 238));
|
/* background: linear-gradient(to right, rgba(189, 224, 245), rgba(68,138,255,.1), rgba(238, 237, 238)); */
|
||||||
|
background-color: rgba(68,138,255,.1);
|
||||||
color: #040000; /* 确保字体颜色在悬停时保持可读性 */
|
color: #040000; /* 确保字体颜色在悬停时保持可读性 */
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -39,7 +41,7 @@
|
|||||||
height: 3rem!important;
|
height: 3rem!important;
|
||||||
margin: 0!important;
|
margin: 0!important;
|
||||||
margin-right: 1em!important;
|
margin-right: 1em!important;
|
||||||
border-radius: 15px;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card .card-header {
|
.card .card-header {
|
||||||
@ -78,7 +80,7 @@
|
|||||||
float: none; /* 清除浮动 */
|
float: none; /* 清除浮动 */
|
||||||
}
|
}
|
||||||
.card:hover {
|
.card:hover {
|
||||||
background: #fff; /* 恢复为默认背景颜色 */
|
background-color: rgba(68,138,255,.1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -63,6 +63,9 @@ theme:
|
|||||||
icon:
|
icon:
|
||||||
repo: fontawesome/brands/github #右上角图标
|
repo: fontawesome/brands/github #右上角图标
|
||||||
logo: logo
|
logo: logo
|
||||||
|
previous: fontawesome/solid/angle-left
|
||||||
|
# top: fontawesome/solid/angles-up
|
||||||
|
alternate: fontawesome/solid/language
|
||||||
edit_uri: edit/main/docs # 编辑按钮跳转的链接
|
edit_uri: edit/main/docs # 编辑按钮跳转的链接
|
||||||
repo_url: https://github.com/Wcowin/Mkdocs-Wcowin # 右上角点击跳转的链接
|
repo_url: https://github.com/Wcowin/Mkdocs-Wcowin # 右上角点击跳转的链接
|
||||||
repo_name: Mkdocs-Wcowin # 右上角的名字
|
repo_name: Mkdocs-Wcowin # 右上角的名字
|
||||||
@ -71,10 +74,11 @@ repo_name: Mkdocs-Wcowin # 右上角的名字
|
|||||||
nav:
|
nav:
|
||||||
# - 主页: index.md
|
# - 主页: index.md
|
||||||
- MKdocs中文教程:
|
- MKdocs中文教程:
|
||||||
|
- 许可声明: blog/MIT.md
|
||||||
- MKdocs教程(三部曲):
|
- MKdocs教程(三部曲):
|
||||||
- 0. Mkdocs教程前言: blog/Mkdocs/mkfirst.md
|
- 0. Mkdocs教程前言: blog/Mkdocs/mkfirst.md
|
||||||
- 1. 利用mkdocs部署个人静态博客网页至GitHub pages: blog/Mkdocs/mkdocs1.md
|
- 1.利用Mkdocs部署静态网页: blog/Mkdocs/mkdocs1.md
|
||||||
- 2. Mkdocs部署静态网页至GitHub pages配置说明(mkdocs.yml): blog/Mkdocs/mkdocs2.md
|
- 2.Mkdocs配置说明(mkdocs.yml): blog/Mkdocs/mkdocs2.md
|
||||||
- 3. 解决 mkdocs部署 Github Pages 自定义域名失效的问题: blog/Mkdocs/mkdocs3.md
|
- 3. 解决 mkdocs部署 Github Pages 自定义域名失效的问题: blog/Mkdocs/mkdocs3.md
|
||||||
- Mkdocs美化:
|
- Mkdocs美化:
|
||||||
- 添加Mkdocs博客: blog/Mkdocs/mkdocsblog.md
|
- 添加Mkdocs博客: blog/Mkdocs/mkdocsblog.md
|
||||||
@ -107,6 +111,7 @@ nav:
|
|||||||
- 友链: about/link.md
|
- 友链: about/link.md
|
||||||
- 关于:
|
- 关于:
|
||||||
- 作者个人简介: about/geren.md
|
- 作者个人简介: about/geren.md
|
||||||
|
- 个人简历: about/resume.md
|
||||||
- 功能测试: about/test.md
|
- 功能测试: about/test.md
|
||||||
- 个人博客: https://wcowin.work
|
- 个人博客: https://wcowin.work
|
||||||
- 使用本主题: https://github.com/new?template_name=Mkdocs-Wcowin&template_owner=Wcowin
|
- 使用本主题: https://github.com/new?template_name=Mkdocs-Wcowin&template_owner=Wcowin
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user