mirror of
https://github.com/Wcowin/Mkdocs-Wcowin.git
synced 2025-07-20 08:56:35 +00:00
Wcowin
1f32f608ff
Introduced a function to handle and validate user input, improving the robustness of the input processing workflow.
320 lines
13 KiB
Markdown
320 lines
13 KiB
Markdown
---
|
||
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://pic4.zhimg.com/v2-a0456a5f527c1923f096759f2926012f_1440w.jpg" alt="Back Image">
|
||
<img src="https://picx.zhimg.com/v2-fb22186d2490043435a72876950492f5_1440w.jpg" alt="Front Image">
|
||
</div>
|
||
</div>
|
||
<style>
|
||
.flip-container {
|
||
position: relative;
|
||
width: 280px;
|
||
height: 280px;
|
||
margin: 10px auto;
|
||
display: flex;
|
||
align-items: flex-start;
|
||
/* 对齐顶部 */
|
||
justify-content: flex-end;
|
||
/* 将文字放置右上角 */
|
||
}
|
||
.image-container {
|
||
position: relative;
|
||
position: relative;
|
||
width: 280px;
|
||
height: 280px;
|
||
}
|
||
.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>
|
||
|
||
{style="width: 270px; border-radius: 50%;"}
|
||
|
||
{style="width: 270px; border-radius: 50%;"}
|
||
|
||
</center> -->
|
||
|
||
<!-- <p style="text-align: center; font-size: 35px; "><strong>A college student in Chongqing</strong></p> -->
|
||
<br>
|
||
<center><font size=6rem color= #757575>
|
||
观史知今，当思进退，读书明志，可识春秋
|
||
<br>
|
||
|
||
——Wcowin </font></center>
|
||
|
||
---
|
||
|
||
<center>
|
||
<a href="../个人简历.pdf" target="_blank" class="md-button">下载简历</a>
|
||
</center>
|
||
|
||
## 个人简介
|
||
|
||
<!-- <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ā)折腾技术/数学，目前的研究领域是[密码学](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>{ .lg .middle style="width: 50px; height: 50px;"} { .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>{ .lg .middle style="width: 50px; height: 50px;"}{ .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>{ .lg .middle style="width: 50px; height: 50px;" } { .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>{ .lg .middle style="width: 50px; height: 50px;"} { .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> -->
|
||
|
||
|
||
## 联系我
|
||
|
||
=== "💬 微信"
|
||
<center>
|
||
<img src="https://picx.zhimg.com/80/v2-540df18f16032fbe114dd960da21b467_1440w.webp" style="width: 280px; height: auto; border-radius: 12px; border: 3px solid white;">
|
||
<br>
|
||
扫一扫上面的二维码图案<br>
|
||
加我为朋友
|
||
</center>
|
||
|
||
=== "📧 邮箱"
|
||
<div style="text-align: center; padding: 5px 0px;">
|
||
<div style="margin-bottom: 15px;">
|
||
</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: 20px; color: #757575; margin-top: 5px;">
|
||
💡24小时内回复，请耐心等待
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
=== "🌐 社交"
|
||
<div class="contact-tab-container">
|
||
<div class="contact-tab-content" style="text-align: center; padding: 0px 0;">
|
||
<div style="margin-bottom: 25px;">
|
||
<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: 12px; flex-wrap: wrap; margin-bottom: 25px; min-height: 50px; align-items: center;">
|
||
<a href="https://t.me/Wcowin" class="md-button md-button--primary"
|
||
style="display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px; border-radius: 25px; background: linear-gradient(135deg, #0088cc, #0066aa); color: white; text-decoration: none; font-size: 14px; min-width: 120px; justify-content: center;" 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: 6px; padding: 10px 16px; border-radius: 25px; background: linear-gradient(135deg, #1da1f2, #0d8bd9); color: white; text-decoration: none; font-size: 14px; min-width: 120px; justify-content: center;" target="_blank">
|
||
:fontawesome-brands-twitter: Twitter
|
||
</a>
|
||
</div>
|
||
<div style="max-width: 500px; margin: 0 auto;">
|
||
<img src="https://s1.imagehub.cc/images/2025/01/04/ac7fda1814bb1e18714f9dd9f5d87636.png"
|
||
style="width: 100%; height: auto; border-radius: 10px;">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
=== "📍 其他"
|
||
<div style="text-align: center; padding: 0px 0px;">
|
||
<div style="margin-bottom: 30px;">
|
||
<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>
|
||
|