This commit is contained in:
Wcowin 2025-04-30 16:34:35 +08:00
parent 7fc407847f
commit 63464c6d67
7 changed files with 129 additions and 29 deletions

View File

@ -14,10 +14,64 @@ status: new
## 关于我 ## 关于我
<center> <!-- <center>
<img src="https://picx.zhimg.com/v2-fb22186d2490043435a72876950492f5_1440w.jpg" <img src="https://picx.zhimg.com/v2-fb22186d2490043435a72876950492f5_1440w.jpg"
style="width: 270px; border-radius: 50%; display: block; margin: 0 auto;"> style="width: 270px; border-radius: 50%; display: block; margin: 0 auto;">
</center> </center> -->
<div class="flip-container">
<div class="image-container">
<img src="https://picx.zhimg.com/v2-fb22186d2490043435a72876950492f5_1440w.jpg" alt="Front Image">
<img src="https://pic4.zhimg.com/v2-a0456a5f527c1923f096759f2926012f_1440w.jpg" alt="Back 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%;
border-radius: 50%;
display: block;
transition: all 1s;
}
.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> <!-- <center>
@ -33,6 +87,7 @@ status: new
<center><font size=6 color= #757575> <center><font size=6 color= #757575>
观史知今,当思进退,读书明志可识春秋 观史知今,当思进退,读书明志可识春秋
<br> <br>
——Wcowin </font></center> ——Wcowin </font></center>
--- ---
@ -175,20 +230,25 @@ status: new
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#608DBD,direction:145,strength:15)" width="100%" color=#608DBD SIZE=1> <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>
</p>
## 个人简介
<p style="text-align: center; font-size: 25px; margin: 0px;"><strong>𝘿𝙤𝙣'𝙩 𝙘𝙖𝙧𝙚 𝙖𝙗𝙤𝙪𝙩 𝙬𝙤𝙧𝙡𝙙𝙡𝙮 𝙚𝙮𝙚𝙨 𝙩𝙤 𝙥𝙪𝙧𝙨𝙪𝙚 𝙮𝙤𝙪𝙧 𝙤𝙬𝙣 𝙡𝙞𝙜𝙝𝙩</strong></p>
<!-- https://s1.imagehub.cc/images/2024/02/02/79cb7379982d1c7bb0ae7163985609c4.jpeg --> <!-- https://s1.imagehub.cc/images/2024/02/02/79cb7379982d1c7bb0ae7163985609c4.jpeg -->
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#608DBD,direction:145,strength:15)" width="100%" color=#608DBD SIZE=1>
!!! pied-piper1 "About me" !!! pied-piper1 "About me"
- [x] Hey, I'm [Wcowin](https://wcowin.work/VitePress/){target=“_blank”}! - [x] Hey, I'm [Wcowin](https://wcowin.work/VitePress/){target=“_blank”}~
- [x] 清醒,知趣,明得失,知进退
- [x] 咖啡重度爱好者 - [x] 咖啡重度爱好者
- [x] 热爱(xiā)折腾技术/Math - [x] 热爱(xiā)折腾技术/Math,目前的研究领域是[密码学](https://ctf-wiki.org/crypto/introduction/){target=“_blank”}
- [x] 读书明志可识春秋;诗词爱好者;喜欢村上春树;擅长羽毛球 - [x] 读书明志可识春秋;诗词爱好者;喜欢村上春树;擅长羽毛球
- [x] 清醒,知趣,明得失,知进退
<img class="img1" src="https://pic2.zhimg.com/80/v2-6cf497fc08da090bd53e4a5dc962d9d9_1440w.webp"> <img class="img1" src="https://pic2.zhimg.com/80/v2-6cf497fc08da090bd53e4a5dc962d9d9_1440w.webp">
## 联系我 ## 联系我
<head> <head>
@ -237,7 +297,8 @@ status: new
<center><font color= #757575 size=6>WeChat</font> <center><font color= #757575 size=6>WeChat</font>
<img src="https://picx.zhimg.com/80/v2-540df18f16032fbe114dd960da21b467_1440w.webp" style="width: auto; height: auto;"> <img src="https://picx.zhimg.com/80/v2-540df18f16032fbe114dd960da21b467_1440w.webp" style="width: auto; height: auto;">
<font color= #999 >扫一扫上面的二维码图案,加我为朋友。</font></center> <font color= #999 >扫一扫上面的二维码图案<br>
加我为朋友</font></center>
</div> </div>
@ -275,12 +336,16 @@ status: new
</div> </div>
??? tip "公众号" ??? tip "公众号"
<figure markdown > <figure markdown >
![Image title](https://s1.imagehub.cc/images/2025/01/04/ac7fda1814bb1e18714f9dd9f5d87636.png){.img1 } ![Image title](https://s1.imagehub.cc/images/2025/01/04/ac7fda1814bb1e18714f9dd9f5d87636.png){.img1 }
<figcaption>公众号</figcaption> <figcaption>公众号</figcaption>
</figure> </figure>
---
> 💬我电话号码的`MD5`7037F514864088F907CC921687B670EE破解有奖
## 须知 ## 须知
@ -290,7 +355,11 @@ status: new
如果给我发[邮件](mailto:<wangkewen821@gmail.com>),或者通过右下角微信添加好友,请写上您的**真名实姓**。对于那些不知来路、上来就问问题的微信和邮件,我通常会**直接忽略**,谢谢。 如果给我发[邮件](mailto:<wangkewen821@gmail.com>),或者通过右下角微信添加好友,请写上您的**真名实姓**。对于那些不知来路、上来就问问题的微信和邮件,我通常会**直接忽略**,谢谢。
--- ---
<center>[发送电子邮件 :fontawesome-solid-paper-plane:](mailto:<wangkewen821@gmail.com>){.md-button}</center> <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> --> <!-- <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> -->

View File

@ -44,17 +44,7 @@ t.parentNode.insertBefore(e,t)}})();
</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>

View File

@ -17,7 +17,9 @@ comments: false
</div> --> </div> -->
请使用PC端查看谢谢
<center><font color= #757575 size=6 >请使用PC端查看谢谢</font></center>
--- ---
<div class="grid cards" markdown> <div class="grid cards" markdown>
@ -26,7 +28,7 @@ comments: false
--- ---
<iframe src="../个人简历2.pdf" width="100%" height="800px" style="border: 1px solid #ccc; overflow: auto;"> <iframe src="../个人简历2.pdf" width="100%" height="1200px" style="border: 1px solid #ccc; overflow: auto;">
</iframe> </iframe>

View File

@ -1,5 +1,5 @@
:root { :root {
--header-height: 3rem; /* --header-height: 3rem; */
/*========== Colors ==========*/ /*========== Colors ==========*/
--first-color: #608DBD; --first-color: #608DBD;
@ -39,9 +39,9 @@
--mb-3: 3rem; --mb-3: 3rem;
/*========== z index ==========*/ /*========== z index ==========*/
--z-tooltip: 10; /* --z-tooltip: 10;
--z-fixed: 100; --z-fixed: 100;
--z-modal: 1000; --z-modal: 1000; */
} }
/* Font size for large devices */ /* Font size for large devices */
@ -501,7 +501,7 @@ h1, h2, h3, h4 {
} }
.section { .section {
padding: 6rem 0 2rem; padding: 2rem 0 1rem;
} }
.section__subtitle { .section__subtitle {
@ -592,4 +592,5 @@ h1, h2, h3, h4 {
grid-template-columns: 6fr; grid-template-columns: 6fr;
justify-content: center; justify-content: center;
} }
} }

View File

@ -111,4 +111,4 @@ Mkdocs Materials 教程:
## 加入友链 ## 加入友链
[友链申请 :palms_up_together_tone1:](https://wcowin.work/link){.md-button target=“_blank”} [友链申请 :palms_up_together_tone1:](https://wcowin.work/link/#_3){.md-button target=“_blank”}

View File

@ -6,6 +6,10 @@ categories:
- 网站更新记录 - 网站更新记录
readtime: 2 readtime: 2
--- ---
## </p><h1 id="01" name="01"><strong>2025-04-30</strong></h1><p>
* 优化网站流畅度(玄学)
* 修复[关于](../../about/geren.md)页面的显示问题
## </p><h1 id="01" name="01"><strong>2025-04-19</strong></h1><p> ## </p><h1 id="01" name="01"><strong>2025-04-19</strong></h1><p>
* 优化网站流畅度(玄学) * 优化网站流畅度(玄学)
* 修改教程中的各种小错误 * 修改教程中的各种小错误

View File

@ -198,3 +198,37 @@ ____ __ ____ ______ ______ ____ __ ____ __ .__ __.
<!-- <script src="//code.tidio.co/6jmawe9m5wy4ahvlhub2riyrnujz7xxi.js" async></script> --> <!-- <script src="//code.tidio.co/6jmawe9m5wy4ahvlhub2riyrnujz7xxi.js" async></script> -->
<style>
body {
position: relative; /* 确保 body 元素的 position 属性为非静态值 */
}
body::before {
--size: 35px; /* 调整网格单元大小 */
--line: color-mix(in hsl, canvasText, transparent 80%); /* 调整线条透明度 */
content: '';
height: 100vh;
width: 100%;
position: absolute; /* 修改为 absolute 以使其随页面滚动 */
background: linear-gradient(
90deg,
var(--line) 1px,
transparent 1px var(--size)
)
50% 50% / var(--size) var(--size),
linear-gradient(var(--line) 1px, transparent 1px var(--size)) 50% 50% /
var(--size) var(--size);
-webkit-mask: linear-gradient(-20deg, transparent 50%, white);
mask: linear-gradient(-20deg, transparent 50%, white);
top: 0;
transform-style: flat;
pointer-events: none;
z-index: -1;
}
@media (max-width: 768px) {
body::before {
display: none; /* 在手机端隐藏网格效果 */
}
}
</style>