---
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> -->

