This commit is contained in:
Wcowin 2025-02-14 22:49:39 +08:00
parent 912b5630ce
commit 0db3dfa2c1
16 changed files with 135 additions and 191 deletions

3
.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,3 @@
{
"bitoAI.codeCompletion.enableAutoCompletion": false
}

View File

@ -1,3 +1,6 @@
# 此工作流已经被弃用
name: publish site
on: # 在什么时候触发工作流
push: # 在从本地main分支被push到GitHub仓库时

View File

@ -35,6 +35,9 @@
**Lighthouse测试结果**
<img width="1363" alt="image" src="https://pic3.zhimg.com/80/v2-afef47cac915ad51071fdc2f6d990b30_1440w.webp">
<img width="1363" alt="image" src="https://s2.loli.net/2025/02/13/M7dgcDiGOI28PQs.png">
</center>
## 如何快速使用

View File

@ -12,19 +12,8 @@ status: new
# <span id="jinrishici-sentence">今日诗词</span>
<!-- <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script> -->
<!-- <link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css"
/> -->
## 关于我
<center>
![](https://picx.zhimg.com/80/v2-fb22186d2490043435a72876950492f5_1440w.jpg#only-light){style="width: 270px; border-radius: 50%;"}
![](https://pic4.zhimg.com/80/v2-a0456a5f527c1923f096759f2926012f_1440w.webp#only-dark){style="width: 270px; border-radius: 50%;"}
@ -35,19 +24,9 @@ status: new
<center><font size=6>
<b>A college student in Chongqing
——Wcowin</b> </font></center>
——Wcowin</b> </font></center>
<html>
<!-- <p style="text-align: center; margin: 0px;" markdown> -->
<!-- <img src="https://pic2.zhimg.com/v2-ef969571db8a20c8436235c588d04483_1440w.jpg" style="width: 300px; border-radius: 50%;" /> -->
<!-- <style>
@media (max-width: 768px) {
.hidden-on-mobile {
display: none;
}
}
</style> -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -59,7 +38,7 @@ status: new
<section class="about section" id="about">
<div class="about__container container">
<div class="about__data">
<p style="text-align: center; " markdown></p>
<p style="text-align: center;"></p>
<div class="about__info">
<div>
<span class="about__info-title">1年+</span>
@ -67,8 +46,8 @@ status: new
</div>
<div>
<a href="https://github.com/Wcowin" target="_blank">
<span class="about__info-title">3项+</span>
<span class="about__info-name">完成的项目</span>
<span class="about__info-title">3项+</span>
<span class="about__info-name">完成的项目</span>
</a>
</div>
<div>
@ -76,8 +55,11 @@ status: new
<span class="about__info-name">贡献的开源</span>
</div>
</div>
</div> <!-- 闭合 about__data -->
</div> <!-- 闭合 about__container -->
</section>
</body>
</main> <!-- 闭合 main -->
</body>
</html>
<center>[下载简历 :fontawesome-solid-download:](个人简历.pdf){.md-button target=“_blank” }</center>
@ -87,24 +69,18 @@ status: new
<html lang="en">
<body>
<!--==================== QUALIFICATION ====================-->
<section class="qualification section">
<!-- <h2 class="section__title"></h2> -->
<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 class="qualification__button button--flex" data-target='#work'>
<iconify-icon icon="uil:briefcase" class="qualification__icon"></iconify-icon>
Work
</div> -->
</div>
</div>
<div class="qualification__sections">
<!--==================== QUALIFICATION CONTENT 1 ====================-->
<!-- 教育经历时间线 -->
<div class="qualification__content qualification__active" data-content id="education">
<!--==================== QUALIFICATION 1 ====================-->
<!-- 高中 -->
<div class="qualification__data">
<div>
<h3 class="qualification__title">漯河高中</h3>
@ -119,7 +95,6 @@ status: new
<span class="qualification__line"></span>
</div>
</div>
<!--==================== QUALIFICATION 2 ====================-->
<div class="qualification__data">
<div></div>
<div>
@ -135,7 +110,6 @@ status: new
</div>
</div>
</div>
<!--==================== QUALIFICATION 3 ====================-->
<div class="qualification__data">
<div>
<h3 class="qualification__title">XDU(待定)</h3>
@ -148,10 +122,8 @@ status: new
<div>
<span class="qualification__rounder"></span>
<span class="qualification__line"></span>
</div>
</div>
</div>
<!--==================== QUALIFICATION 4 ====================-->
<div class="qualification__data">
<div></div>
<div>
@ -165,9 +137,11 @@ status: new
<iconify-icon icon="tabler:calendar"></iconify-icon>
Before - After
</div>
</div>
</div>
</div>
</div>
</div> <!-- 闭合 qualification__content -->
</div> <!-- 闭合 qualification__sections -->
</div> <!-- 闭合 qualification__container -->
</section>
</body>
</html>
@ -230,11 +204,11 @@ status: new
<div class="grid desktop-only" style="display: grid;grid-template-columns: 35% 65%" markdown>
<div class="grid cards" markdown>
- <center>![WeChat](https://img.icons8.com/?size=100&id=38288&format=png&color=000000){ .lg .middle style="width: 50px; height: 50px;"} </center>
- <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= 0,0,0 size=6>WeChat</font>
<center><font color= #BFC1C6 size=6>WeChat</font>
<img src="https://picx.zhimg.com/80/v2-540df18f16032fbe114dd960da21b467_1440w.webp" style="width: auto; height: auto;">
<font color= #999 >扫一扫上面的二维码图案,加我为朋友。</font></center>
@ -244,30 +218,29 @@ status: new
- <center>![](https://pic4.zhimg.com/v2-e996df5a7696237b6f924ace7044cd97_1440w.jpg){ .lg .middle style="width: 50px; height: 50px;"} </center>
- <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= 0,0,0 size=6>Email me</font>
<center><font color= #BFC1C6 size=6>Email me</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){ .lg .middle style="width: 50px; height: 50px;" }</center>
- <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= 0,0,0 size=6>Telegram</font>
<center><font color= #BFC1C6 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){ .lg .middle style="width: 50px; height: 50px;"} </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= 0,0,0 size=6>Twitter</font>
<center><font color= #BFC1C6 size=6>Twitter</font>
[@Wcowin :material-twitter:](https://twitter.com/wcowin_){.md-button}</center>
</div>
@ -281,25 +254,6 @@ status: new
<figcaption>公众号</figcaption>
</figure>
<!-- ## 个人简历
<div class="grid cards" markdown>
- :octicons-bookmark-16:{ .lg .middle } __求实习(25届)__
---
[个人简历(在线)](https://cv.devtool.tech/preview/76751620-faad-4537-bffd-73ced6ee9671){target=“_blank”}
</div> -->
<!-- ## 个人技能
**本人擅长 Ai、Fw、Fl、Br、Ae、Pr、Id、Ps 等软件的安装与卸载。
精通 CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、Python、Objective-C、ActionScript、Pascal 等单词的拼写。
熟悉 Windows、Linux、OS X、Android、iOS、WP8 、harmony、hyper等系统的开关机。**
![](https://s3.uuu.ovh/imgs/2024/07/04/82b473abd2059779.png){loading=lazy class="img1" width="90%"} -->
<!-- ## 个人荣誉
![IMG_9007.jpeg](https://s2.loli.net/2024/02/03/RH5jOlZqdITAcw8.jpg){loading=lazy class="img1" } -->
## 须知
@ -314,5 +268,6 @@ status: new
<!-- <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> -->
<!-- <script src="//code.tidio.co/6jmawe9m5wy4ahvlhub2riyrnujz7xxi.js" async></script> -->

View File

@ -16,38 +16,11 @@ ____ __ ____ ______ ______ ____ __ ____ __ .__ __.
\__/ \__/ \______| \______/ \__/ \__/ |__| |__| \__|
-->
<center><font color= #518FC1 size=6 class="ml3">Wcowin for MkDocs博客主题</font></center>
<center><font color= #757575 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>
<!-- <center>
<font color= #608DBD size=3>
<span id="jinrishici-sentence">正在加载今日诗词....</span>
<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
</font>
</center> -->
<!-- 可选一言 -->
<!-- <center>
<font color= #608DBD size=3>
<p id="hitokoto">
<a href="#" id="hitokoto_text" target="_blank"></a>
</p>
<script>
fetch('https://v1.hitokoto.cn')
.then(response => response.json())
.then(data => {
const hitokoto = document.querySelector('#hitokoto_text')
hitokoto.href = `https://hitokoto.cn/?uuid=${data.uuid}`
hitokoto.innerText = data.hitokoto
})
.catch(console.error)
</script>
</font>
</center> -->
<div id="rcorners2" >
<!-- <div id="rcorners2" >
<div id="rcorners1" class="date-display">
<p class="p1"></p>
</div>
@ -93,11 +66,38 @@ ____ __ ____ ______ ______ ____ __ ____ __ .__ __.
如遇到网页卡顿的情况,请使用<strong><a href="https://www.yuque.com/wcowin/mkdocs-wcowin?# 《Mkdocs-Wcowin中文教程》" target="_blank">Mkdocs-Wcowin中文教程(语雀)</a></strong>
</li>
</ul>
</div>
</div> -->
<div class="grid cards" markdown>
- :material-notebook-edit-outline:{ .lg .middle } __导航栏__
---
![image](https://pic3.zhimg.com/80/v2-0786a6086793ccca444226e9ab3561ec_1440w.webp){ class="responsive-image" align=right width="230" height="300" style="border-radius: 25px;" }
- [x] 𝕙𝕒𝕧𝕖 𝕒 𝕘𝕠𝕠𝕕 𝕥𝕚𝕞𝕖 !
- [x] 基于{~~~>Material for MkDocs~~}美化
- [x] 简洁美观,功能多元化,小白配置
- [x] 如遇页面卡顿,请使用{--科学上网--}
=== "Mac/PC端"
请在上方标签选择分类/左侧目录选择文章
=== "移动端"
请点击左上角图标选择分类和文章
</div>
<style>
@media only screen and (max-width: 768px) {
.responsive-image {
display: none;
}
}
</style>
<!-- - 基于Material for MkDocs美化

View File

@ -29,6 +29,8 @@ comments: false
<script defer src="https://cusdis.com/js/widget/lang/zh-cn.js"></script>
</div> -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -37,9 +39,10 @@ comments: false
.comment-system {
opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease, visibility 0.4s ease;
transition: all 0.5s ease-in-out;
height: 0;
overflow: hidden;
margin-top: 20px;
}
.comment-system.active {
opacity: 1;
@ -48,49 +51,58 @@ comments: false
}
.button-container {
text-align: center;
margin: 20px 0;
margin: 30px auto;
max-width: 600px;
}
.buttonxuan {
background-color: white;
width: 40%;
color: black;
border-radius: 18px;
border: 2px solid rgba(189, 224, 245);
padding: 16px 32px;
background-color: #ffffff;
width: 180px;
color: #999;
border-radius: 25px;
border: 2px solid #608DBD;
padding: 12px 24px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition: 0.4s;
font-size: 15px;
font-weight: 500;
margin: 0 10px;
transition: all 0.3s ease;
cursor: pointer;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.buttonxuan:hover {
background-color: rgba(238,242,249);
color: rgb(4, 0, 0);
background-color: #f8f9fa;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}
.buttonxuan.active {
background-color: rgba(189, 224, 245);
color: rgb(4, 0, 0);
background-color: #608DBD;
color: white;
border-color: #3498db;
}
@media (max-width: 768px) {
.button-container {
padding: 0 15px;
}
.buttonxuan {
padding: 10px 20px;
width: 45%;
padding: 10px 15px;
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;
}
@media (max-width: 480px) {
.buttonxuan {
width: calc(50% - 20px);
font-size: 13px;
padding: 8px 12px;
}
}
</style>
</head>
<body>
<div class="button-container">
<button id="giscus-btn" class="buttonxuan active">Giscus</button>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

19
docs/stylesheets/ziti.css Normal file
View File

@ -0,0 +1,19 @@
@import url('https://static.zeoseven.com/zsft/292/main/result.css');
body {
font-family: "LXGW WenKai";
font-weight: normal;
}
button.md-top {
font-family: LXGW WenKai;
/* 修改字体 */
font-size: 16px;
/* 修改字体大小 */
font-weight: lighter;
}
/* :root {
--md-text-font: "LXGW WenKai";
} */

View File

@ -12,7 +12,7 @@ theme:
# code: Roboto Mono #代码字体
# logo: assets/favicon.png #左上角logo可插入图片链接
favicon: https://s2.loli.net/2024/04/26/PmRdM9iGnvOJHgu.png # 网页icon
favicon: https://s2.loli.net/2025/02/12/aE5ovtzAlNTd9Uh.png # 网页icon
palette:
- media: "(prefers-color-scheme)"
@ -295,7 +295,9 @@ extra_css:
# - https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css # font-awesome表情支持
# - https://cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/css/share.min.css #分享支持
- https://cdn.jsdelivr.net/npm/lxgw-wenkai-webfont@1.1.0/style.css #字体
# - https://cdn.jsdelivr.net/npm/lxgw-wenkai-webfont@1.1.0/style.css #字体
- https://static.zeoseven.com/zsft/292/main/result.css #字体
- stylesheets/ziti.css #字体
# - https://cdn.jsdelivr.net/npm/lxgw-wenkai-lite-webfont@1.1.0/style.css #字体
# - https://cdn.jsdelivr.net/npm/lxgw-wenkai-tc-webfont@1.0.0/style.css #字体
# - https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-webfont@1.1.0/style.css #字体

View File

@ -1,35 +1,12 @@
# Copyright (c) 2016-2024 Martin Donath <martin.donath@squidfunk.com>
# 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.
# Requirements for core
jinja2~=3.0
markdown~=3.2
mkdocs~=1.5.3
mkdocs-material-extensions~=1.3
pygments~=2.16
pymdown-extensions~=10.2
# Requirements for plugins
babel~=2.10
colorama~=0.4
paginate~=0.5
regex>=2022.4
requests~=2.26
mkdocs-markdownextradata-plugin
mkdocs
mkdocs-material
pymdown-extensions
mkdocs-encryptcontent-plugin
jinja2
jieba
mkdocs-glightbox
urllib3<2
mkdocs-git-committers-plugin-2
mkdocs-markdownextradata-plugin
mkdocs-git-revision-date-localized-plugin
mkdocs-open-in-new-tab