-

+
+
+

+
+
@@ -127,9 +138,9 @@ t.parentNode.insertBefore(e,t)}})();
=== "Txt"
- >名称: Wcowin's Web
+ >名称: Wcowin's Blog
>链接: https://wcowin.work/
- >头像: https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png
+ >头像: https://pic4.zhimg.com/80/v2-a0456a5f527c1923f096759f2926012f_1440w.webp
>简介: 循此苦旅,以达星辰
=== "HTML(推荐)"
@@ -152,9 +163,9 @@ t.parentNode.insertBefore(e,t)}})();
=== "Butterfly"
```yaml
- - name: Wcowin's Web
+ - name: Wcowin's Blog
link: https://wcowin.work/
- avatar: https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png
+ avatar: https://pic4.zhimg.com/80/v2-a0456a5f527c1923f096759f2926012f_1440w.webp
descr: 循此苦旅,以达星辰
```
=== "通用"
diff --git a/docs/about/resume.md b/docs/about/resume.md
new file mode 100644
index 0000000..cea8c1a
--- /dev/null
+++ b/docs/about/resume.md
@@ -0,0 +1,33 @@
+---
+title: 个人简历
+hide:
+ # - navigation # 显示右
+ - toc #显示左
+ - footer
+ - feedback
+comments: false
+---
+
+
+请使用PC端查看,谢谢
+---
+
+
+
+- :octicons-bookmark-16:{ .lg .middle } __个人简历__
+
+ ---
+
+
+
+
+
diff --git a/docs/about/sty/portfolio.css b/docs/about/sty/portfolio.css
new file mode 100644
index 0000000..d2a3d08
--- /dev/null
+++ b/docs/about/sty/portfolio.css
@@ -0,0 +1,577 @@
+:root {
+ --header-height: 3rem;
+
+ /*========== Colors ==========*/
+ --first-color: #608DBD;
+ --first-color-second: #608DBD;
+ --first-color-alt: #608DBD;
+ --first-color-lighter: #608DBD;
+
+ --title-color: #608DBD;
+ --text-color: #080505;
+ --text-color-light: #f5ab17;
+
+ --input-color: #F5EEE3;
+ --body-color: #FDFBF8;
+ --container-color: #FFFFFF;
+
+ /*========== Font and typography ==========*/
+ --big-font-size: 2rem;
+ --h1-font-size: 1.5rem;
+ --h2-font-size: 1.25rem;
+ --h3-font-size: 1.125rem;
+ --normal-font-size: .938rem;
+ --small-font-size: .813rem;
+ --smaller-font-size: .70rem;
+
+ /*========== Font weight ==========*/
+ --font-medium: 500;
+ --font-semi-bold: 600;
+
+ /*========== Margenes Bottom ==========*/
+ --mb-0-25: .25rem;
+ --mb-0-5: .5rem;
+ --mb-0-75: .75rem;
+ --mb-1: 1rem;
+ --mb-1-5: 1.5rem;
+ --mb-2: 2rem;
+ --mb-2-5: 2.5rem;
+ --mb-3: 3rem;
+
+ /*========== z index ==========*/
+ --z-tooltip: 10;
+ --z-fixed: 100;
+ --z-modal: 1000;
+}
+
+/* Font size for large devices */
+@media screen and (min-width: 968px) {
+ :root {
+ --big-font-size: 3rem;
+ --h1-font-size: 2.25rem;
+ --h2-font-size: 1.5rem;
+ --h3-font-size: 1.25rem;
+ --normal-font-size: 1rem;
+ --small-font-size: .875rem;
+ --smaller-font-size: .813rem;
+ }
+}
+
+/*==================== BASE ====================*/
+* {
+ box-sizing: border-box;
+ padding: 0;
+ margin: 0;
+}
+
+html {
+ scroll-behavior: smooth;
+}
+
+h1, h2, h3, h4 {
+ color: var(--title-color);
+ font-weight: var(--font-semi-bold);
+}
+
+/*==================== REUSABLE CSS CLASSES ====================*/
+.section__title {
+ font-size: var(--h1-font-size);
+ color: var(--title-color);
+}
+
+.section__subtitle {
+ display: block;
+ font-size: var(--small-font-size);
+ margin-bottom: var(--mb-3);
+}
+
+.section__title,
+.section__subtitle {
+ text-align: center;
+}
+
+/*==================== LAYOUT ====================*/
+.container {
+ max-width: 768px;
+ margin-left: var(--mb-1-5);
+ margin-right: var(--mb-1-5);
+}
+
+.grid {
+ display: grid;
+ gap: 1.5rem;
+}
+
+.header {
+ width: 100%;
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ z-index: var(--z-fixed);
+ background-color: var(--body-color);
+}
+
+/*==================== HOME ====================*/
+.home__container {
+ gap: 1rem;
+}
+
+.home__content{
+ grid-template-columns: .5fr 3fr;
+ padding-top: 3.5rem;
+ align-items: center;
+}
+
+.home__social{
+ grid-template-columns: max-content;
+ row-gap: 1rem;
+}
+
+.home__social-icon{
+ font-size: 1.25rem;
+}
+
+.home__social-icon:hover {
+ color: var(--first-color-alt);
+}
+
+.home__title{
+ font-size: var(--big-font-size);
+}
+
+.home__subtitle{
+ margin-bottom: var(--h3-font-size);
+ color: var(--text-color);
+ font-weight: var(--font-medium);
+ margin-bottom: var(--mb-0-75);
+}
+
+.home__description{
+ margin-bottom: var(--mb-2);
+}
+
+/*==================== BUTTONS ====================*/
+.button{
+ display: inline-block;
+ background-color: var(--first-color-alt);
+ color: #fff;
+ padding: 1rem;
+ border-radius: .5rem;
+ font-weight: var(--font-medium);
+}
+
+.button:hover {
+ background-color: var(--first-color-alt);
+}
+
+.button__icon{
+ font-size: 1.25rem;
+ margin-right: var(--mb-0-5);
+ transition: .3s;
+ color: #FFF;
+}
+
+.button--flex{
+ display: inline-flex;
+ align-items: center;
+}
+
+.button--small{
+ padding: .75rem 1rem;
+}
+
+.button--link{
+ padding: 0;
+ background-color: transparent;
+ color: var(--first-color);
+}
+
+.button--link:hover {
+ background-color: transparent;
+ color: var(--first-color-alt);
+}
+
+/*==================== ABOUT ====================*/
+.about__img{
+ width: 400px;
+ border-radius: .5rem;
+ justify-self: center;
+ align-self: center;
+}
+
+.about__description{
+ text-align: center;
+ margin-bottom: var(--mb-2-5);
+}
+
+.about__info{
+ display: flex;
+ justify-content: space-evenly;
+ margin-bottom: var(--mb-2-5);
+}
+
+.about__info-title{
+ font-size: var(--h2-font-size);
+ font-weight: var(--font-semi-bold);
+ color: var(--title-color);
+}
+
+.about__info-name{
+ font-size: var(--smaller-font-size);
+}
+
+.about__info-title,
+.about__info-name{
+ display: block;
+ text-align: center;
+}
+
+.about__buttons{
+ margin: 0 auto;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+/*==================== SKILLS ====================*/
+.skills__container{
+ row-gap: 0;
+}
+
+.skills__header{
+ display: flex;
+ align-items: center;
+ margin-bottom: var(--mb-2-5);
+ cursor: pointer;
+}
+
+.skills__icon,
+.skills__arrow{
+ font-size: 2rem;
+ color: var(--md-primary-fg-color);
+}
+
+.skills__icon{
+ margin-right: var(--mb-0-75);
+}
+
+.skills__title{
+ font-size: var(--h3-font-size);
+}
+
+.skills_subtitle{
+ font-size: var(--small-font-size);
+ color: var(--text-color-light);
+}
+
+.skills__arrow{
+ margin-left: auto;
+ transition: .4s;
+}
+
+.skills__list{
+ row-gap: 1.5rem;
+ padding-left: 2.7rem;
+}
+
+.skills__titles{
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: var(--mb-0-5);
+}
+
+.skills__name{
+ font-size: var(--normal-font-size);
+ font-weight: var(--font-medium);
+}
+
+.skills__number{
+ margin-top: var(--mb-2-5);
+}
+
+.skills__bar,
+.skills__percentage{
+ height: 5px;
+ border-radius: .25rem;
+}
+
+.skills__bar{
+ background-color: var(--first-color-lighter);
+}
+
+.skills__percentage{
+ display: block;
+ background-color: var(--first-color);
+}
+
+.skills__fastapi{
+ width: 90%;
+}
+
+.skills__django{
+ width: 85%;
+}
+
+.skills__flask{
+ width: 75%;
+}
+
+.skills__spring{
+ width: 75%;
+}
+
+.skills__androidjava{
+ width: 70%;
+}
+
+.skills__androidkotlin{
+ width: 60%;
+}
+
+.skills__flutter{
+ width: 60%;
+}
+
+.skills__aws{
+ width: 80%;
+}
+
+.skills__azure{
+ width: 75%;
+}
+
+.skills__oc{
+ width: 70%;
+}
+
+.skills__cicd{
+ width: 75%;
+}
+
+.skills__close .skills__list{
+ height: 0;
+ overflow: hidden;
+}
+
+.skills__open .skills__list{
+ height: max-content;
+ margin-bottom: var(--mb-2-5);
+}
+
+.skills__open .skills__arrow{
+ transform: rotate(-180deg);
+}
+
+/*==================== QUALIFICATION ====================*/
+.qualification__tabs{
+ display: flex;
+ justify-content: space-evenly;
+ margin-bottom: var(--mb-2);
+}
+
+.qualification__button{
+ font-size: var(--h3-font-size);
+ font-weight: var(--font-medium);
+ cursor: pointer;
+}
+
+.qualification__button:hover {
+ color: var(--first-color);
+}
+
+.qualification__icon{
+ font-size: 1.8rem;
+ margin-right: var(--mb-0-25);
+}
+
+.qualification__data{
+ display: grid;
+ grid-template-columns: 1.5fr max-content 1.5fr;
+ column-gap: 1.5rem;
+}
+
+.qualification__title{
+ font-size: var(--normal-font-size);
+ font-weight: var(--font-medium);
+}
+
+.qualification__subtitle{
+ display: inline-block;
+ font-size: var(--smaller-font-size);
+ margin-bottom: var(--mb-1);
+}
+
+.qualification__calendar{
+ font-size: var(--smaller-font-size);
+ color: var(--md-primary-fg-color--dark);
+}
+
+.qualification__rounder{
+ display: inline-block;
+ width: 13px;
+ height: 13px;
+ background-color: var(--md-primary-fg-color);
+ border-radius: 50%;
+}
+
+.qualification__line{
+ display: block;
+ width: 1px;
+ height: 100%;
+ background-color: var(--md-primary-fg-color);
+ transform: translate(6px, -7px);
+}
+
+.qualification [data-content]{
+ display: none;
+}
+
+.qualification__active[data-content]{
+ display: block;
+}
+
+.qualification__button.qualification__active{
+ color: var(--first-color);
+}
+
+/*==================== MEDIA QUERIES ====================*/
+/* For small devices */
+@media screen and (max-width: 350px){
+ .container{
+ margin-left: var(--mb-1);
+ margin-right: var(--mb-1);
+ }
+
+ .home__content{
+ grid-template-columns: .25fr 3fr;
+ }
+ .home__blob{
+ width: 180px;
+ }
+
+ .skills__title{
+ font-size: var(--normal-font-size);
+ }
+
+ .qualification__data{
+ gap: .5rem;
+ }
+}
+
+/* For medium devices */
+@media screen and (min-width: 568px){
+ .home__content{
+ grid-template-columns: max-content 1fr 1fr;
+ }
+ .home__data{
+ grid-column: initial;
+ }
+ .home__img{
+ order: 1;
+ justify-self: center;
+ }
+
+ .skills__container,
+ .about__container,
+ .portfolio__content,
+ .project__container{
+ grid-template-columns: repeat(2, 1fr);
+ }
+
+ .qualification__sections{
+ display: grid;
+ grid-template-columns: 6fr;
+ justify-content: center;
+ }
+}
+
+@media screen and (min-width: 768px){
+ .container{
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ body{
+ margin: 0;
+ }
+
+ .section{
+ padding: 6rem 0 2rem;
+ }
+ .section__subtitle{
+ margin-bottom: 4rem;
+ }
+
+ .header{
+ top: 0;
+ bottom: initial;
+ }
+
+ .header,
+ .main{
+ padding: 0 1rem;
+ }
+
+ .home__container{
+ row-gap: 5rem;
+ }
+ .home__content{
+ padding-top: 5.5rem;
+ column-gap: 2rem;
+ }
+ .home__blob{
+ width: 270px;
+ }
+ .home__scroll{
+ display: block;
+ }
+ .home__scroll-button{
+ margin-left: 3rem;
+ }
+
+ .about__container{
+ column-gap: 5rem;
+ }
+ .about__img{
+ width: 350px;
+ }
+ .about__description{
+ text-align: initial;
+ }
+ .about__info{
+ justify-content: space-between;
+ }
+ .about__buttons{
+ justify-content: initial;
+ }
+
+ .qualification__tabs{
+ justify-content: center;
+ }
+ .qualification__button{
+ margin: 0 var(--mb-1);
+ }
+ .qualification__sections{
+ grid-template-columns: .5fr;
+ }
+}
+
+/* For large devices */
+@media screen and (min-width: 1024px){
+ .header,
+ .main{
+ padding: 0;
+ }
+
+ .home__blob{
+ width: 320px;
+ }
+ .home__social{
+ transform: translateX(-6rem);
+ }
+ .qualification__sections{
+ display: grid;
+ grid-template-columns: 6fr;
+ justify-content: center;
+ }
+}
\ No newline at end of file
diff --git a/docs/blog/MIT.md b/docs/blog/MIT.md
new file mode 100644
index 0000000..e08427f
--- /dev/null
+++ b/docs/blog/MIT.md
@@ -0,0 +1,27 @@
+---
+title: 许可声明
+status: new
+---
+
+
+
+=== "麻省理工学院许可证"
+
+ 版权所有 (c) 2016-2025 Martin Donath
+
+ 特此授予获得此软件和相关文档文件(“软件”)副本的任何人免费许可,以无限制方式处理软件,包括但不限于使用、复制、修改、合并、发布、分发、再许可和/或销售软件副本的权利,并允许向其提供软件的人员这样做,但须遵守以下条件:
+
+ 上述版权声明和本许可声明均应包含在软件的所有副本或重要部分中。
+
+ 软件按“原样”提供,不作任何明示或暗示的保证,包括但不限于适销性、特定用途的适用性和不侵权性的保证。在任何情况下,作者或版权持有者均不对因软件或使用或其他处理软件而引起的或与之相关的任何索赔、损害或其他责任承担责任,无论是合同行为、侵权行为还是其他行为。
+
+=== "MIT License"
+
+ Copyright (c) 2016-2025 Martin Donath
+
+ 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.
+
diff --git a/docs/blog/Mkdocs/mkdocs1.md b/docs/blog/Mkdocs/mkdocs1.md
index cad5a5e..a2870fe 100644
--- a/docs/blog/Mkdocs/mkdocs1.md
+++ b/docs/blog/Mkdocs/mkdocs1.md
@@ -9,12 +9,11 @@ tags:
MkDocs中文文档: [MkDocs中文文档](https://hellowac.github.io/mkdocs-docs-zh/)
---
推荐看下这个视频:
-:fontawesome-brands-youtube:{ style="color: #EE0F0F" }
-__[How to set up Material for MkDocs]__ by @james-willett – :octicons-clock-24:
-15m – Learn how to create and host a documentation site using Material for
-MkDocs on GitHub Pages in a step-by-step guide.
+:fontawesome-brands-bilibili:{ style="color: #EE98A7" }
+__[How to set up Material for MkDocs]__ by @Wcowin – :octicons-clock-24:
+10m – 用MKdocs构建一个博客网站.
- [How to set up Material for MkDocs]: https://www.youtube.com/watch?v=Q-YA_dA8C20
+ [How to set up Material for MkDocs]: https://space.bilibili.com/1407028951/lists/4566631?type=series
---
diff --git a/docs/blog/Mkdocs/mkfirst.md b/docs/blog/Mkdocs/mkfirst.md
index 24c4bca..1cac699 100644
--- a/docs/blog/Mkdocs/mkfirst.md
+++ b/docs/blog/Mkdocs/mkfirst.md
@@ -12,10 +12,11 @@ tags:
---
- 入门 MKdocs 请看[Mkdocs 官方教程](https://www.mkdocs.org/user-guide/writing-your-docs/){target=“_blank”}
- - [Material for MkDocs](https://squidfunk.github.io/mkdocs-material/){target=“_blank”}教程
+ - [Material for MkDocs(只看这个也可以)](https://squidfunk.github.io/mkdocs-material/){target=“_blank”}教程
---
我写的中文教程(同步在其他平台):
+ - [x] [Mkdocs中文教程(语雀)](https://www.yuque.com/wcowin/mkdocs-wcowin?# 《Mkdocs-Wcowin中文教程》){target=“_blank”}(推荐,展示效果好)
- [x] [Mkdocs中文教程](https://blog.csdn.net/m0_63203517/category_12472184.html?spm=1001.2014.3001.5482){target=“_blank”} (CSDN | 观感更纯净)
- [x] [MKdocs博客中文系列教程](https://www.zhihu.com/column/c_1754218140098387968){target=“_blank”}(知乎专栏)
diff --git a/docs/blog/index.md b/docs/blog/index.md
index bd5e7ae..8b7dacf 100644
--- a/docs/blog/index.md
+++ b/docs/blog/index.md
@@ -1,5 +1,30 @@
-# Blog
+---
+hide:
+# - navigation # 显示右
+ - toc #显示左
+ - footer
+# - feedback
+# comments: false
+# icon: octicons/home-fill-24
+---
-**博客,仅音译,英文名为Blogger,为Web Log的混成词。**
+# MyBlog
+
-**其正式名称为网络日记;又音译为部落格或部落阁等,是社会媒体网络的一部分。是使用特定的软件,在网络上出版、发表和张贴个人文章的人,或者是一种通常由个人管理、不定期张贴新的文章的网站**
\ No newline at end of file
+- :material-clock-fast:{ .lg .middle } __What is Blog?__
+
+ ---
+ **博客,仅音译,英文名为Blogger,为Web Log的混成词。**
+ **其正式名称为网络日记;又音译为部落格或部落阁等,是社会媒体网络的一部分。是使用特定的软件,在网络上出版、发表和张贴个人文章的人,或者是一种通常由个人管理、不定期张贴新的文章的网站**
+
+
+
+***
+
+
+
\ No newline at end of file
diff --git a/docs/index.md b/docs/index.md
index eb3e543..948b40c 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -14,18 +14,9 @@ ____ __ ____ ______ ______ ____ __ ____ __ .__ __.
\ / | | | | | | \ / | | | . ` |
\ /\ / | `----.| `--' | \ /\ / | | | |\ |
\__/ \__/ \______| \______/ \__/ \__/ |__| |__| \__|
-
- ___ ___ ____ ____ ___ ___ _____ __ _
-( ( ) ) / ___) / __ \ ( ( ) ) (_ _) / \ / )
- \ \ _ / / / / / / \ \ \ \ _ / / | | / /\ \ / /
- \ \/ \/ / ( ( ( () () ) \ \/ \/ / | | ) ) ) ) ) )
- ) _ ( ( ( ( () () ) ) _ ( | | ( ( ( ( ( (
- \ ( ) / \ \___ \ \__/ / \ ( ) / _| |__ / / \ \/ /
- \_/ \_/ \____) \____/ \_/ \_/ /_____( (_/ \__/
-
-->
-
Mkdocs教程
+
Wcowin for MkDocs博客主题
-
-
+
+