Wcowin/Mkdocs-Wcowin
1
0
Fork 0
mirror of https://github.com/Wcowin/Mkdocs-Wcowin.git synced 2025-07-20 08:56:35 +00:00
Code Issues Packages Projects Releases Wiki Activity
Mkdocs-Wcowin/temp/geren.md
Wcowin a1279dff44 25/6/16
2025-06-16 00:24:27 +08:00

475 lines
21 KiB
Markdown
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
title: 关于我
hide:
# - navigation
# - toc
- feedback
# - footer
status: new
---
<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
# <span id="jinrishici-sentence">今日诗词</span>
## 关于我
<!-- <center>
<img src="https://picx.zhimg.com/v2-fb22186d2490043435a72876950492f5_1440w.jpg"
style="width: 270px; border-radius: 50%; display: block; margin: 0 auto;">
</center> -->
<div class="flip-container">
<div class="image-container">
<img src="https://free.wmhua.cn/2025/05/09/681d7016db8dc.png" alt="Back Image">
<img src="https://free.wmhua.cn/2025/05/09/681d7015ed864.jpeg" alt="Front Image">
</div>
</div>
<style>
.flip-container {
position: relative;
width: 290px;
height: 290px;
margin: 10px auto;
display: flex;
align-items: flex-start;
/* 对齐顶部 */
justify-content: flex-end;
/* 将文字放置右上角 */
}
.image-container {
position: relative;
position: relative;
width: 290px;
height: 290px;
}
.image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; /* 图片填满容器 */
border-radius: 50%;
border: 4px solid #ffffff; /* 白色边框 */
box-shadow: 0 8px 24px rgba(14, 30, 37, 0.15); /* 阴影 */
backface-visibility: hidden; /* 隐藏背面 */
transition: transform 0.6s ease-in-out; /* 仅对transform过渡 */
}
.image-container img:first-child {
z-index: 1;
backface-visibility: hidden;
}
.image-container img:last-child {
z-index: 0;
transform: rotateY(180deg);
backface-visibility: hidden;
}
.image-container:hover img:first-child {
transform: rotateY(180deg);
z-index: 2;
}
.image-container:hover img:last-child {
transform: rotateY(0deg);
z-index: 3;
}
</style>
<!-- <center>
![](https://picx.zhimg.com/v2-fb22186d2490043435a72876950492f5_1440w.jpg#only-light){style="width: 270px; border-radius: 50%;"}
![](https://pic4.zhimg.com/v2-a0456a5f527c1923f096759f2926012f_1440w.jpg#only-dark){style="width: 270px; border-radius: 50%;"}
</center> -->
<!-- <p style="text-align: center; font-size: 35px; "><strong>A college student in Chongqing</strong></p> -->
<center><font size=6 color= #757575>
观史知今，当思进退，读书明志可识春秋
<br>
——Wcowin </font></center>
---
<html>
<head>
<meta charset="UTF-8">
<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>
<link rel="stylesheet" href="../sty/portfolio.css">
</head>
<body>
<main class="main">
<section class="about section" id="about">
<div class="about__container container">
<div class="about__data">
<p style="text-align: center;"></p>
<div class="about__info">
<div>
<span class="about__info-title">1年+</span>
<span class="about__info-name">工作经验</span>
</div>
<div>
<a href="https://github.com/Wcowin" target="_blank">
<span class="about__info-title">3项+</span>
<span class="about__info-name">完成的项目</span>
</a>
</div>
<div>
<span class="about__info-title">2个+</span>
<span class="about__info-name">贡献的开源</span>
</div>
</div>
</div> <!-- 闭合 about__data -->
</div> <!-- 闭合 about__container -->
</section>
</main> <!-- 闭合 main -->
</body>
</html>
<!-- <center>
[下载简历 :fontawesome-solid-download:](个人简历2.pdf){.md-button target="_blank"}
</center> -->
<center>
<a href="../个人简历.pdf" target="_blank" class="md-button">下载简历</a>
</center>
<!-- <div class="card2 file-block" markdown="1">
<div class="file-icon"><img src="https://pic4.zhimg.com/80/v2-98f918276ecbc6d549fa6a5d1238e713_1440w.webp" style="height: 3em;"></div>
<div class="file-body">
<div class="file-title">个人简历</div>
<div class="file-meta">2025-02-14</div>
</div>
<a class="down-button" target="_blank" href="../个人简历.pdf" markdown="1">:fontawesome-solid-download: 下载</a>
</div> -->
---
## 我的履历
<section class="qualification section">
<div class="qualification__container container">
<div class="qualification__tabs">
<div class="qualification__button button--flex qualification__active" data-target='#education'>
<iconify-icon icon="fluent:hat-graduation-12-regular" class="qualification__icon"></iconify-icon>
来时路
</div>
</div>
<div class="qualification__sections">
<!-- 教育经历时间线 -->
<div class="qualification__content qualification__active" data-content id="education">
<!-- 时间线项目 -->
<div class="qualification__data">
<div>
<h3 class="qualification__title">漯河高中</h3>
<span class="qualification__subtitle">平凡的三年</span>
<div class="qualification__calendar">
<iconify-icon icon="tabler:calendar" aria-hidden="true"></iconify-icon>
<span class="qualification__date">2018 - 2021</span>
</div>
</div>
<div>
<span class="qualification__rounder"></span>
<span class="qualification__line"></span>
</div>
</div>
<div class="qualification__data">
<div></div>
<div>
<span class="qualification__rounder"></span>
<span class="qualification__line"></span>
</div>
<div>
<h3 class="qualification__title">CTBU</h3>
<span class="qualification__subtitle">电子信息工程专业学士</span>
<div class="qualification__calendar">
<iconify-icon icon="tabler:calendar" aria-hidden="true"></iconify-icon>
<span class="qualification__date">2021 - 2025</span>
</div>
</div>
</div>
<div class="qualification__data">
<div>
<h3 class="qualification__title">家里蹲大学</h3>
<span class="qualification__subtitle">密码学硕士研究生</span>
<div class="qualification__calendar">
<iconify-icon icon="tabler:calendar" aria-hidden="true"></iconify-icon>
<span class="qualification__date">2026 - 2029</span>
</div>
</div>
<div>
<span class="qualification__rounder"></span>
<span class="qualification__line"></span>
</div>
</div>
<div class="qualification__data">
<div></div>
<div>
<span class="qualification__rounder"></span>
<span class="qualification__line"></span>
</div>
<div>
<h3 class="qualification__title">未完待续</h3>
<span class="qualification__subtitle">于道各努力，千里自同风</span>
<div class="qualification__calendar">
<iconify-icon icon="tabler:calendar" aria-hidden="true"></iconify-icon>
<span class="qualification__date">Before - After</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#608DBD,direction:145,strength:15)" width="100%" color=#608DBD SIZE=1>
## 个人简介
<!-- <p style="text-align: center; font-size: 25px; margin: 0px;"><strong>𝘿𝙤𝙣'𝙩 𝙘𝙖𝙧𝙚 𝙖𝙗𝙤𝙪𝙩 𝙬𝙤𝙧𝙡𝙙𝙡𝙮 𝙚𝙮𝙚𝙨 𝙩𝙤 𝙥𝙪𝙧𝙨𝙪𝙚 𝙮𝙤𝙪𝙧 𝙤𝙬𝙣 𝙡𝙞𝙜𝙝𝙩</strong></p> -->
<!-- https://s1.imagehub.cc/images/2024/02/02/79cb7379982d1c7bb0ae7163985609c4.jpeg -->
!!! pied-piper1 "About me"
- [x] Hey, I'm [Wcowin](https://wcowin.work/VitePress/){target=“_blank”}~
- [x] 咖啡重度爱好者
- [x] 热爱(xiā)折腾技术/Math，目前的研究领域是[密码学](https://wcowin.work/blog/Cryptography/)
- [x] 读书明志可识春秋;诗词爱好者;喜欢村上春树;擅长羽毛球
- [x] 清醒，知趣，明得失，知进退
## 人生态度
<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>
<style>
@media (min-width: 768px) {
.mobile-only {
display: none;
}
}
</style>
</head>
<body>
<a href="https://pic3.zhimg.com/80/v2-5ef3dde831c9d0a41fe35fabb0cb8784_1440w.webp" target="_blank" class="mobile-only">
<center>
<img class="img1" src="https://pic3.zhimg.com/80/v2-5ef3dde831c9d0a41fe35fabb0cb8784_1440w.webp" style="width: 450px; height: auto;">
<div style="color:orange;
color: #999;
padding: 2px;">我的Wechat</div>
</center>
</a>
<a href="https://t.me/wecowin" target="_blank" class="mobile-only">
<center>
<img class="img1" src="https://pica.zhimg.com/80/v2-d5876bc0c8c756ecbba8ff410ed29c14_1440w.webp" style="width: 450px; height: auto;">
<div style="color:orange;
color: #999;
padding: 2px;">我的TG</div>
</center>
</a>
</body>
<style>
@media (max-width: 768px) { /* 移动端隐藏 */
.desktop-only {
display: none !important;
}
}
</style>
<div class="grid desktop-only" style="display: grid;grid-template-columns: 35% 65%" markdown>
<div class="grid cards" markdown>
- <center>![WeChat](https://picx.zhimg.com/80/v2-21045fd6f42e98fb136c6d7d0958f2f1_1440w.webp#only-light){ .lg .middle style="width: 50px; height: 50px;"} ![WeChat](https://img.icons8.com/?size=100&id=19977&format=png&color=000000#only-dark){ .lg .middle style="width: 50px; height: 50px;"}</center>
---
<center><font color= #757575 size=6>WeChat</font>
<img src="https://picx.zhimg.com/80/v2-540df18f16032fbe114dd960da21b467_1440w.webp" style="width: auto; height: auto;">
<font color= #999 >扫一扫上面的二维码图案<br>
加我为朋友</font></center>
</div>
<div class="grid cards" style="display: grid; grid-template-columns: 1fr;" markdown>
- <center>![](https://pic4.zhimg.com/v2-e996df5a7696237b6f924ace7044cd97_1440w.jpg#only-light){ .lg .middle style="width: 50px; height: 50px;"}![](https://img.icons8.com/?size=100&id=3AYCSzCO85Qw&format=png&color=000000#only-dark){ .lg .middle style="width: 50px; height: 50px;"} </center>
---
<center><font color= #757575 size=6>Email</font>
[发送电子邮件 :fontawesome-solid-paper-plane:](mailto:<wangkewen821@gmail.com>){.md-button}</center>
<div class="grid cards" style="display:grid; grid-template-columns: 49% 49% !important;" markdown>
- <center>![](https://pica.zhimg.com/v2-61b4731957dba61e9960436dbd06306a_1440w.jpg#only-light){ .lg .middle style="width: 50px; height: 50px;" } ![WeChat](https://img.icons8.com/?size=100&id=63306&format=png&color=000000#only-dark){ .lg .middle style="width: 50px; height: 50px;"}</center>
---
<center><font color= #757575 size=6>Telegram</font>
[Let's Chat :fontawesome-brands-telegram:](https://t.me/Wcowin){.md-button} </center>
- <center>![](https://pic3.zhimg.com/80/v2-aa11d437a377f1a0deac132eb800b306_1440w.webp#only-light){ .lg .middle style="width: 50px; height: 50px;"} ![WeChat](https://img.icons8.com/?size=100&id=13963&format=png&color=000000#only-dark){ .lg .middle style="width: 50px; height: 50px;"}</center>
---
<center><font color= #757575 size=6>Twitter</font>
[@Wcowin :material-twitter:](https://twitter.com/wcowin_){.md-button}</center>
</div>
</div>
</div> -->
## 联系我
=== "💬 微信"
<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: &nbsp; 发送电子邮件
</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 >
![Image title](https://s1.imagehub.cc/images/2025/01/04/ac7fda1814bb1e18714f9dd9f5d87636.png){.img1 }
</div>
=== "📍 其他"
<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>
---
> 💬我电话号码的`MD5`码：7037F514864088F907CC921687B670EE（破解有奖）
## 须知
如果你在浏览博客的过程中发现了任何问题，欢迎前往 GitHub 的[代码仓库](https://github.com/Wcowin/Wcowin.github.io)提交 [Issues](https://github.com/Wcowin/Wcowin.github.io/issues) 或直接修改相关文件后提交 Pull Requests。如果你有其他事情想要咨询，可以通过下方按钮使用邮件联系我,请不要滥用博客的评论功能发表与主题无关言论。
!!! note "与我联系"
如果给我发[邮件](mailto:<wangkewen821@gmail.com>)，或者通过右下角微信添加好友，请写上您的**真名实姓**。对于那些不知来路、上来就问问题的微信和邮件，我通常会**直接忽略**，谢谢。
---
<center>[发送电子邮件 :fontawesome-solid-paper-plane:](mailto:<wcowin@qq.com>){.md-button}</center>
<!-- 我的电话号码`SHA256`码：DEF633030D31F7ABE6213EE5B5EFDF0E4ADDFDA121695325660D82F15ED22946 -->
<!-- <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> -->
Reference in New Issue View Git Blame Copy Permalink