Deployed d00c989 with MkDocs version: 1.6.1

This commit is contained in:
2025-01-09 14:37:08 +00:00
parent fde043a653
commit 515ca08f3a
53 changed files with 1709 additions and 291 deletions

417
404.html
View File

@ -1,4 +1,4 @@
<html>
<!-- <html>
<head>
<meta charset="UTF-8" />
<meta name="description" content="公益404页面是由腾讯公司员工志愿者自主发起的互联网公益活动。" />
@ -33,4 +33,419 @@
</div>
</div>
</body>
</html> -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>404</title>
<style>
body {
background: #000;
height: 100vh;
overflow: hidden;
display: flex;
font-family: Anton, sans-serif;
justify-content: center;
align-items: center;
-webkit-perspective: 1000px;
perspective: 1000px;
}
div {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.rail {
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
-webkit-transform: rotateX(-30deg) rotateY(-30deg);
transform: rotateX(-30deg) rotateY(-30deg);
}
.rail .stamp {
position: absolute;
width: 200px;
height: 200px;
display: flex;
justify-content: center;
align-items: center;
background: #141414;
color: #fff;
font-size: 7rem;
}
.rail .stamp:nth-child(1) {
-webkit-animation: stampSlide 40s -2.3s linear infinite;
animation: stampSlide 40s -2.3s linear infinite;
}
.rail .stamp:nth-child(2) {
-webkit-animation: stampSlide 40s -4.3s linear infinite;
animation: stampSlide 40s -4.3s linear infinite;
}
.rail .stamp:nth-child(3) {
-webkit-animation: stampSlide 40s -6.3s linear infinite;
animation: stampSlide 40s -6.3s linear infinite;
}
.rail .stamp:nth-child(4) {
-webkit-animation: stampSlide 40s -8.3s linear infinite;
animation: stampSlide 40s -8.3s linear infinite;
}
.rail .stamp:nth-child(5) {
-webkit-animation: stampSlide 40s -10.3s linear infinite;
animation: stampSlide 40s -10.3s linear infinite;
}
.rail .stamp:nth-child(6) {
-webkit-animation: stampSlide 40s -12.3s linear infinite;
animation: stampSlide 40s -12.3s linear infinite;
}
.rail .stamp:nth-child(7) {
-webkit-animation: stampSlide 40s -14.3s linear infinite;
animation: stampSlide 40s -14.3s linear infinite;
}
.rail .stamp:nth-child(8) {
-webkit-animation: stampSlide 40s -16.3s linear infinite;
animation: stampSlide 40s -16.3s linear infinite;
}
.rail .stamp:nth-child(9) {
-webkit-animation: stampSlide 40s -18.3s linear infinite;
animation: stampSlide 40s -18.3s linear infinite;
}
.rail .stamp:nth-child(10) {
-webkit-animation: stampSlide 40s -20.3s linear infinite;
animation: stampSlide 40s -20.3s linear infinite;
}
.rail .stamp:nth-child(11) {
-webkit-animation: stampSlide 40s -22.3s linear infinite;
animation: stampSlide 40s -22.3s linear infinite;
}
.rail .stamp:nth-child(12) {
-webkit-animation: stampSlide 40s -24.3s linear infinite;
animation: stampSlide 40s -24.3s linear infinite;
}
.rail .stamp:nth-child(13) {
-webkit-animation: stampSlide 40s -26.3s linear infinite;
animation: stampSlide 40s -26.3s linear infinite;
}
.rail .stamp:nth-child(14) {
-webkit-animation: stampSlide 40s -28.3s linear infinite;
animation: stampSlide 40s -28.3s linear infinite;
}
.rail .stamp:nth-child(15) {
-webkit-animation: stampSlide 40s -30.3s linear infinite;
animation: stampSlide 40s -30.3s linear infinite;
}
.rail .stamp:nth-child(16) {
-webkit-animation: stampSlide 40s -32.3s linear infinite;
animation: stampSlide 40s -32.3s linear infinite;
}
.rail .stamp:nth-child(17) {
-webkit-animation: stampSlide 40s -34.3s linear infinite;
animation: stampSlide 40s -34.3s linear infinite;
}
.rail .stamp:nth-child(18) {
-webkit-animation: stampSlide 40s -36.3s linear infinite;
animation: stampSlide 40s -36.3s linear infinite;
}
.rail .stamp:nth-child(19) {
-webkit-animation: stampSlide 40s -38.3s linear infinite;
animation: stampSlide 40s -38.3s linear infinite;
}
.rail .stamp:nth-child(20) {
-webkit-animation: stampSlide 40s -40.3s linear infinite;
animation: stampSlide 40s -40.3s linear infinite;
}
@-webkit-keyframes stampSlide {
0% {
-webkit-transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px)
translateY(130px);
transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px)
translateY(130px);
}
100% {
-webkit-transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px)
translateY(-3870px);
transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px)
translateY(-3870px);
}
}
@keyframes stampSlide {
0% {
-webkit-transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px)
translateY(130px);
transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px)
translateY(130px);
}
100% {
-webkit-transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px)
translateY(-3870px);
transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px)
translateY(-3870px);
}
}
.world {
-webkit-transform: rotateX(-30deg) rotateY(-30deg);
transform: rotateX(-30deg) rotateY(-30deg);
}
.world .forward {
position: absolute;
-webkit-animation: slide 2s linear infinite;
animation: slide 2s linear infinite;
}
.world .box {
width: 200px;
height: 200px;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-animation: roll 2s cubic-bezier(1, 0.01, 1, 1) infinite;
animation: roll 2s cubic-bezier(1, 0.01, 1, 1) infinite;
}
.world .box .wall {
position: absolute;
width: 200px;
height: 200px;
background: rgba(10, 10, 10, 0.8);
border: 1px solid #fafafa;
box-sizing: border-box;
}
.world .box .wall::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 7rem;
}
.world .box .wall:nth-child(1) {
-webkit-transform: translateZ(100px);
transform: translateZ(100px);
}
.world .box .wall:nth-child(2) {
-webkit-transform: rotateX(180deg) translateZ(100px);
transform: rotateX(180deg) translateZ(100px);
}
.world .box .wall:nth-child(3) {
-webkit-transform: rotateX(90deg) translateZ(100px);
transform: rotateX(90deg) translateZ(100px);
}
.world .box .wall:nth-child(3)::before {
-webkit-transform: rotateX(180deg) rotateZ(90deg) translateZ(-1px);
transform: rotateX(180deg) rotateZ(90deg) translateZ(-1px);
-webkit-animation: zeroFour 4s -2s linear infinite;
animation: zeroFour 4s -2s linear infinite;
}
.world .box .wall:nth-child(4) {
-webkit-transform: rotateX(-90deg) translateZ(100px);
transform: rotateX(-90deg) translateZ(100px);
}
.world .box .wall:nth-child(4)::before {
-webkit-transform: rotateX(180deg) rotateZ(-90deg) translateZ(-1px);
transform: rotateX(180deg) rotateZ(-90deg) translateZ(-1px);
-webkit-animation: zeroFour 4s -2s linear infinite;
animation: zeroFour 4s -2s linear infinite;
}
.world .box .wall:nth-child(5) {
-webkit-transform: rotateY(90deg) translateZ(100px);
transform: rotateY(90deg) translateZ(100px);
}
.world .box .wall:nth-child(5)::before {
-webkit-transform: rotateX(180deg) translateZ(-1px);
transform: rotateX(180deg) translateZ(-1px);
-webkit-animation: zeroFour 4s linear infinite;
animation: zeroFour 4s linear infinite;
}
.world .box .wall:nth-child(6) {
-webkit-transform: rotateY(-90deg) translateZ(100px);
transform: rotateY(-90deg) translateZ(100px);
}
.world .box .wall:nth-child(6)::before {
-webkit-transform: rotateX(180deg) rotateZ(180deg) translateZ(-1px);
transform: rotateX(180deg) rotateZ(180deg) translateZ(-1px);
-webkit-animation: zeroFour 4s linear infinite;
animation: zeroFour 4s linear infinite;
}
@-webkit-keyframes zeroFour {
0% {
content: "4";
}
100% {
content: "0";
}
}
@keyframes zeroFour {
0% {
content: "4";
}
100% {
content: "0";
}
}
@-webkit-keyframes roll {
0% {
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
}
85% {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
87% {
-webkit-transform: rotateZ(88deg);
transform: rotateZ(88deg);
}
90% {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
100% {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
}
@keyframes roll {
0% {
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
}
85% {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
87% {
-webkit-transform: rotateZ(88deg);
transform: rotateZ(88deg);
}
90% {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
100% {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
}
@-webkit-keyframes slide {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
}
}
@keyframes slide {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
}
}
</style>
</head>
<body>
<div class="rail">
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
</div>
<div class="world">
<div class="forward">
<div class="box">
<div class="wall"></div>
<div class="wall"></div>
<div class="wall"></div>
<div class="wall"></div>
<div class="wall"></div>
<div class="wall"></div>
</div>
</div>
</div>
</body>
</html>

View File

@ -73,7 +73,16 @@
<link rel="stylesheet" href="../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../assets/javascripts/glightbox.min.js"></script></head>
@ -665,7 +674,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2094,7 +2103,9 @@
}, 1000);
</script>
</font>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</div>
<ul>
<li>透過主題和目錄以開啟文章</li>
@ -2166,11 +2177,29 @@ t.parentNode.insertBefore(e,t)}})();
<!-- End of Howxm client code snippet -->
<script src="//code.tidio.co/6jmawe9m5wy4ahvlhub2riyrnujz7xxi.js" async></script>
<p></head></p>
<p> <link href="../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../assets/javascripts/glightbox.min.js"></script></head></p>
<!-- <head>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"3HOcxvgwJJmkuGUi",ck:"3HOcxvgwJJmkuGUi"})</script>
</head> -->
<link href="../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../assets/javascripts/glightbox.min.js"></script></head> -->
<body>
<font color="#B9B9B9">
@ -2199,11 +2228,22 @@ t.parentNode.insertBefore(e,t)}})();
},1000)
</script>
</font>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
<!-- <head>
<script defer src="https://analytics.us.umami.is/script.js" data-website-id="dae37494-1db6-408a-afdd-1868e1a7d41a"></script>
</head> -->
<link href="../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../assets/javascripts/glightbox.min.js"></script></head> -->
<div class="footnote">
<hr />

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../assets/javascripts/glightbox.min.js"></script></head>
@ -671,7 +680,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2142,7 +2151,7 @@
<h2 id="_2">关于我<a class="headerlink" href="#_2" title="Permanent link">&para;</a></h2>
<html lang="en">
<p style="text-align: center; margin: 0px;" markdown>
<img src="https://s1.imagehub.cc/images/2025/01/04/158948b0002cdac6e9ff43986648cb83.png" alt="arv-anshul" style="width: 300px; border-radius: 50%;" />
<a class="glightbox" href="https://s1.imagehub.cc/images/2025/01/04/158948b0002cdac6e9ff43986648cb83.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img src="https://s1.imagehub.cc/images/2025/01/04/158948b0002cdac6e9ff43986648cb83.png" alt="arv-anshul" style="width: 300px; border-radius: 50%;" /></a>
<!-- ![image](https://s1.imagehub.cc/images/2025/01/04/158948b0002cdac6e9ff43986648cb83.png) -->
<p style="text-align: center; font-size: 30px; margin: 0px;"><strong>A college student in Chongqing</strong></p>
<head>
@ -2150,7 +2159,16 @@
<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="../assets/stylesheets/portfolio.css">
</head>
<link href="../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../assets/javascripts/glightbox.min.js"></script></head>
<body>
<main class="main">
<section class="about section" id="about">
@ -2172,7 +2190,9 @@
</div>
</div>
</section>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>
<p><center><a class="md-button" href="../%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86.pdf" target="“_blank”">下载简历 <span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32v242.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64v-32c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48"/></svg></span></a></center></p>
<hr />
@ -2261,7 +2281,9 @@
</div>
</div>
</section>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>
<HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#608DBD,direction:145,strength:15)" width="100%" color=#608DBD SIZE=1>
@ -2282,11 +2304,11 @@
<li class="task-list-item"><label class="task-list-control"><input type="checkbox" disabled checked/><span class="task-list-indicator"></span></label> 读书明志可识春秋;诗词爱好者,喜欢村上春树,擅长羽毛球</li>
</ul>
</div>
<p><img class="img1" src="https://s2.loli.net/2024/02/01/AgiGpYk38C6ctJV.jpg"></p>
<p><a class="glightbox" href="https://s2.loli.net/2024/02/01/AgiGpYk38C6ctJV.jpg" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img class="img1" src="https://s2.loli.net/2024/02/01/AgiGpYk38C6ctJV.jpg"></a></p>
<h2 id="_4">联系我<a class="headerlink" href="#_4" title="Permanent link">&para;</a></h2>
<p><a href="https://s1.imagehub.cc/images/2024/02/02/bb9ee71b03ee7a3b87caad5cc4bcebff.jpeg" target="_blank">
<center>
<img class="img1" src="https://s1.imagehub.cc/images/2024/02/02/bb9ee71b03ee7a3b87caad5cc4bcebff.jpeg" style="width: 450px; height: auto;">
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/bb9ee71b03ee7a3b87caad5cc4bcebff.jpeg" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img class="img1" src="https://s1.imagehub.cc/images/2024/02/02/bb9ee71b03ee7a3b87caad5cc4bcebff.jpeg" style="width: 450px; height: auto;"></a>
<div style="color:orange;
color: #999;
padding: 2px;">我的Wechat</div>
@ -2294,7 +2316,7 @@
</a></p>
<p><a href="https://t.me/wecowin" target="_blank">
<center>
<img class="img1" src="https://s1.imagehub.cc/images/2025/01/04/ece1374f25a07c060978165ada287fae.png" style="width: 450px; height: auto;">
<a class="glightbox" href="https://s1.imagehub.cc/images/2025/01/04/ece1374f25a07c060978165ada287fae.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img class="img1" src="https://s1.imagehub.cc/images/2025/01/04/ece1374f25a07c060978165ada287fae.png" style="width: 450px; height: auto;"></a>
<div style="color:orange;
color: #999;
padding: 2px;">我的TG</div>
@ -2303,7 +2325,7 @@
<details class="tip">
<summary>公众号</summary>
<p><figure markdown >
<img alt="Image title" class="img1" src="https://s1.imagehub.cc/images/2025/01/04/ac7fda1814bb1e18714f9dd9f5d87636.png" />
<a class="glightbox" href="https://s1.imagehub.cc/images/2025/01/04/ac7fda1814bb1e18714f9dd9f5d87636.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Image title" class="img1" src="https://s1.imagehub.cc/images/2025/01/04/ac7fda1814bb1e18714f9dd9f5d87636.png" /></a>
<figcaption>公众号</figcaption>
</figure></p>
</details>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../assets/javascripts/glightbox.min.js"></script></head>
@ -671,7 +680,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2027,7 +2036,16 @@ e.type='text/javascript';e.async=!0;
e.src='https://static.howxm.com/sdk.js';
t.parentNode.insertBefore(e,t)}})();
</script>
</head> -->
<link href="../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../assets/javascripts/glightbox.min.js"></script></head> -->
<!-- <div class="markdown-content">
<h2>欢迎加入友链(不分先后)</h2>
@ -2039,7 +2057,7 @@ t.parentNode.insertBefore(e,t)}})();
<div class="links-content">
<div class="link-navigation">
<div class="card">
<img class="ava" src="https://s1.imagehub.cc/images/2025/01/05/64eafdf8c27f482c7ecb83003d460d6a.webp" />
<a class="glightbox" href="https://s1.imagehub.cc/images/2025/01/05/64eafdf8c27f482c7ecb83003d460d6a.webp" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img class="ava" src="https://s1.imagehub.cc/images/2025/01/05/64eafdf8c27f482c7ecb83003d460d6a.webp" /></a>
<div class="card-header">
<div>
<a href="https://wcowin.work/ " target="_blank">Wcowin's Web</a>
@ -2076,7 +2094,7 @@ t.parentNode.insertBefore(e,t)}})();
<div class="links-content">
<div class="link-navigation">
<div class="card">
<img class="ava" src="https://agentestudio.com/uploads/post/image/69/main_how_to_design_404_page.png" />
<a class="glightbox" href="https://agentestudio.com/uploads/post/image/69/main_how_to_design_404_page.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img class="ava" src="https://agentestudio.com/uploads/post/image/69/main_how_to_design_404_page.png" /></a>
<div class="card-header">
<div>
<a href="http://liis.cc" target="_blank">郝宇博客</a>
@ -2096,7 +2114,7 @@ t.parentNode.insertBefore(e,t)}})();
</div>
<!-- <div class="card">
<img class="ava" src="{avatarurl}" />
<a class="glightbox" href="{avatarurl}" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img class="ava" src="{avatarurl}" /></a>
<div class="card-header">
<div>
<a href="{link}">{name}</a>
@ -2113,7 +2131,7 @@ t.parentNode.insertBefore(e,t)}})();
<li>未添加友链或申请未通过,评论留言会被隐藏。</li>
</ul>
<p>本站已经加入<a href="https://www.foreverblog.cn/">十年之约</a>
<a href="https://www.foreverblog.cn/" target="_blank" > <img src="https://img.foreverblog.cn/logo_en_default.png" alt="" style="width:auto;height:16px;"> </a>请放心添加本站友链</p>
<a href="https://www.foreverblog.cn/" target="_blank" > <a class="glightbox" href="https://img.foreverblog.cn/logo_en_default.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img src="https://img.foreverblog.cn/logo_en_default.png" alt="" style="width:auto;height:16px;"></a> </a>请放心添加本站友链</p>
<hr />
<p><strong>友链格式示例/本站信息:</strong></p>
<!-- >名称: Wcowin's Web
@ -2537,5 +2555,7 @@ t.parentNode.insertBefore(e,t)}})();
<script src="../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -75,7 +75,16 @@
<link rel="stylesheet" href="../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../assets/javascripts/glightbox.min.js"></script></head>
@ -662,7 +671,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2055,7 +2064,7 @@
<!-- ![Image title](https://dummyimage.com/600x400/){ loading=lazy } -->
<figure>
<p><img alt="Image title" src="https://dummyimage.com/600x400/" width="300" />
<p><a class="glightbox" href="https://dummyimage.com/600x400/" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Image title" src="https://dummyimage.com/600x400/" width="300" /></a>
</p>
<figcaption>Image caption</figcaption>
</figure>
@ -2078,7 +2087,16 @@
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css"
/>
</head>
<link href="../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../assets/javascripts/glightbox.min.js"></script></head>
<body>
<div>
<a
@ -2101,7 +2119,9 @@
//
});
</script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>
<!-- [![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username=Wcowin)](https://github.com/anuraghazra/github-readme-stats) -->
@ -2261,15 +2281,15 @@ semper lorem quam in massa.</p>
<!-- ![Madeira, Portugal](media/binggo.jpg){ data-title="Madeira, Portugal." data-description="Madeira, an autonomous region of Portugal, is an archipelago comprising 4 islands off the northwest coast of Africa. - Google" } -->
<p>左对齐,右对齐<br />
<img align="left" alt="img" src="https://s1.imagehub.cc/images/2024/02/02/91a767e93d1a344e44c69936464c583e.png" /></p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/91a767e93d1a344e44c69936464c583e.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img align="left" alt="img" src="https://s1.imagehub.cc/images/2024/02/02/91a767e93d1a344e44c69936464c583e.png" /></a></p>
<figure>
<p><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/91a767e93d1a344e44c69936464c583e.png" width="300" />
<p><a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/91a767e93d1a344e44c69936464c583e.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/91a767e93d1a344e44c69936464c583e.png" width="300" /></a>
</p>
<figcaption>图片说明</figcaption>
</figure>
<p><strong>明暗</strong></p>
<p><img alt="" src="https://s2.loli.net/2024/02/01/ps8UM6xu2OL3Dyr.jpg#only-light" /></p>
<p><img alt="" src="https://s2.loli.net/2024/02/01/cxrEKTLp5CiQeBw.jpg#only-dark" /></p>
<p><a class="glightbox" href="https://s2.loli.net/2024/02/01/ps8UM6xu2OL3Dyr.jpg#only-light" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://s2.loli.net/2024/02/01/ps8UM6xu2OL3Dyr.jpg#only-light" /></a></p>
<p><a class="glightbox" href="https://s2.loli.net/2024/02/01/cxrEKTLp5CiQeBw.jpg#only-dark" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://s2.loli.net/2024/02/01/cxrEKTLp5CiQeBw.jpg#only-dark" /></a></p>
<pre class="mermaid"><code>graph LR
A[Start] --&gt; B{Error?};
B --&gt;|Yes| C[Hmm...];
@ -2329,7 +2349,9 @@ purus auctor massa, nec semper lorem quam in massa.</p>
B-->D(fa:fa-spinner);
</pre>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
<p>来看看两个重要极限 </p>
<div class="arithmatex">\[\displaystyle\lim_{x \rightarrow 0}\frac{\sin x}{x} = 1\]</div>

1
assets/glightbox.min.css vendored Normal file

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

View File

@ -78,7 +78,16 @@
<link rel="stylesheet" href="../../../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../../../assets/javascripts/glightbox.min.js"></script></head>
@ -667,7 +676,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2088,7 +2097,7 @@
<h1>博客文章测试</h1>
<p><img alt="jpeg" src="https://s1.imagehub.cc/images/2024/02/02/7915aa7eb900ecb672597f3a5c766e03.jpeg" /></p>
<p><a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/7915aa7eb900ecb672597f3a5c766e03.jpeg" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="jpeg" src="https://s1.imagehub.cc/images/2024/02/02/7915aa7eb900ecb672597f3a5c766e03.jpeg" /></a></p>
<!--
Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com>
@ -2497,5 +2506,7 @@
<script src="../../../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../../../assets/javascripts/glightbox.min.js"></script></head>
@ -671,7 +680,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2570,5 +2579,7 @@
<script src="../../../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../../../assets/javascripts/glightbox.min.js"></script></head>
@ -671,7 +680,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2251,7 +2260,9 @@
},1000)
</script>
</font>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
<!-- <b><span id="time"></span></b> -->
</div>
</div>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../../../assets/javascripts/glightbox.min.js"></script></head>
@ -671,7 +680,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2971,5 +2980,7 @@ Look at this source <a href="https://github.com/JakubAndrysek/mkdocs-open-in-new
<script src="../../../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -75,7 +75,16 @@
<link rel="stylesheet" href="../../../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../../../assets/javascripts/glightbox.min.js"></script></head>
@ -669,7 +678,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2123,7 +2132,7 @@
<ul>
<li>优化网站流畅度(玄学)</li>
<li>大幅提升性能,加载速度更快
<img alt="image" src="https://s1.imagehub.cc/images/2025/01/05/7164642e16ff90239bee5c46709ad50f.png" /></li>
<a class="glightbox" href="https://s1.imagehub.cc/images/2025/01/05/7164642e16ff90239bee5c46709ad50f.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="image" src="https://s1.imagehub.cc/images/2025/01/05/7164642e16ff90239bee5c46709ad50f.png" /></a></li>
</ul>
<!--
Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com>
@ -2534,5 +2543,7 @@
<script src="../../../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -24,7 +24,7 @@
<title>利用Mkdocs部署静态网页至GitHubpages - Mkdocs教程</title>
<title>利用Mkdocs部署个人静态博客网页至GitHubpages - Mkdocs教程</title>
@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -165,7 +174,7 @@
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
利用Mkdocs部署静态网页至GitHubpages
利用Mkdocs部署个人静态博客网页至GitHubpages
</span>
</div>
@ -684,7 +693,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -695,7 +704,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2132,7 +2141,7 @@
<h1>1. 利用mkdocs部署静态网页至GitHub pages</h1>
<h1>1. 利用mkdocs部署个人静态博客网页至GitHub pages</h1>
<div class="admonition info">
<p class="admonition-title">Info</p>
@ -2154,19 +2163,19 @@ MkDocs on GitHub Pages in a step-by-step guide.</p>
<p>参考教程: </p>
<p><a href="https://blog.csdn.net/m0_63203517/article/details/129755527?spm=1001.2014.3001.5501" target="“_blank”">利用mkdocs部署静态网页至GitHubpages更新版</a></p>
<p>与其他教程不同我首先建议先在Github创建一个名为你的名字+github.io的仓库
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/5074a3e2b7284355e0f777fd9e621ee3.png" /></p>
<p><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/5c39f0c9754f067759497361524d2b95.png" /> </p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/5074a3e2b7284355e0f777fd9e621ee3.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/5074a3e2b7284355e0f777fd9e621ee3.png" /></a></p>
<p><a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/5c39f0c9754f067759497361524d2b95.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/5c39f0c9754f067759497361524d2b95.png" /></a> </p>
<p>然后打开github Desktop 克隆到本地
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/5c06d33549ea0c4a1357697acc6f8f5d.png" /></p>
<p><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/f862b16316fa4ad0f727a0f656cc5cf1.png" /></p>
<p><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/6483c0b9ee144e0c1e035dccf3339991.png" /> </p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/5c06d33549ea0c4a1357697acc6f8f5d.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/5c06d33549ea0c4a1357697acc6f8f5d.png" /></a></p>
<p><a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/f862b16316fa4ad0f727a0f656cc5cf1.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/f862b16316fa4ad0f727a0f656cc5cf1.png" /></a></p>
<p><a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/6483c0b9ee144e0c1e035dccf3339991.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/6483c0b9ee144e0c1e035dccf3339991.png" /></a> </p>
<p>打开Wcowin.github.io目录进入终端依次运行:
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span>
<span class="normal"><a href="#__codelineno-0-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a>pip install mkdocs-material
<a id="__codelineno-0-2" name="__codelineno-0-2"></a>mkdocs new mkdocs-site
</code></pre></div></td></tr></table></div>
出现下图的几个文件
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/140869d445e8c6dfd026e71e3ff0fc09.png" /></p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/140869d445e8c6dfd026e71e3ff0fc09.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/140869d445e8c6dfd026e71e3ff0fc09.png" /></a></p>
<p>docs文件下是以后网站的内容mkdocs.yml是配置文件配置主题目录插件等</p>
<p>你在这个目录下写的任何东西都可以通过github Desktop 上传到github上</p>
<p>执行下面的代码添加一个GitHub Workflow</p>
@ -2316,7 +2325,7 @@ MkDocs on GitHub Pages in a step-by-step guide.</p>
<p class="admonition-title">重点来了</p>
</div>
<p>仓库setings/Actions/General 勾选这两项
<img alt="" src="https://s1.imagehub.cc/images/2024/02/02/02fd4e77eb52d4ce18c227f0e29b2c6d.png" /></p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/02fd4e77eb52d4ce18c227f0e29b2c6d.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://s1.imagehub.cc/images/2024/02/02/02fd4e77eb52d4ce18c227f0e29b2c6d.png" /></a></p>
<h2 id="_2">三、配置完善<a class="headerlink" href="#_2" title="Permanent link">&para;</a></h2>
<p>打开终端运行 </p>
<p><code>pip install mkdocs-material</code></p>
@ -2338,21 +2347,21 @@ MkDocs on GitHub Pages in a step-by-step guide.</p>
<p>在下方终端运行可以在浏览器看到实时网站
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1"></a>mkdocs serve
</code></pre></div></td></tr></table></div>
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/b4a5ac989f1f390573a85bad8c80f49b.png" />
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/38bbc1fad9016ebfa0d894f093b82e3d.png" /></p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/b4a5ac989f1f390573a85bad8c80f49b.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/b4a5ac989f1f390573a85bad8c80f49b.png" /></a>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/38bbc1fad9016ebfa0d894f093b82e3d.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/38bbc1fad9016ebfa0d894f093b82e3d.png" /></a></p>
<p>这个网站就算是初步建好了</p>
<p>最后去github Desktop上传到github
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/3a15b16d3947825f3f469b4eafedd5ef.png" /></p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/3a15b16d3947825f3f469b4eafedd5ef.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/3a15b16d3947825f3f469b4eafedd5ef.png" /></a></p>
<p><strong>!!!重点</strong><br />
<strong>去仓库的setings/pages选择下图示意的路径</strong>
<img alt="" src="https://s1.imagehub.cc/images/2024/02/02/64a25964ef4e99e4b580084daec10662.png" /> </p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/64a25964ef4e99e4b580084daec10662.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://s1.imagehub.cc/images/2024/02/02/64a25964ef4e99e4b580084daec10662.png" /></a> </p>
<p>等待一会网址就出来了<sup id="fnref:注"><a class="footnote-ref" href="#fn:注">1</a></sup> </p>
<p>你的网站网址就是:​</p>
<p><div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
<span class="normal"><a href="#__codelineno-8-2">2</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1"></a>https://你github的名字.github.io/
<a id="__codelineno-8-2" name="__codelineno-8-2"></a>因为我绑定了域名所以网址是https://wcowin.work/
</code></pre></div></td></tr></table></div>
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/7f149d6da7ecc6364d86c9517b2c4624.png" /></p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/7f149d6da7ecc6364d86c9517b2c4624.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/7f149d6da7ecc6364d86c9517b2c4624.png" /></a></p>
<p>下次谈谈网站的<a href="../mkdocs2/">mkdocs.yml具体配置</a></p>
<h2 id="_3">四、参考资料<a class="headerlink" href="#_3" title="Permanent link">&para;</a></h2>
<ol>
@ -2437,7 +2446,7 @@ MkDocs on GitHub Pages in a step-by-step guide.</p>
<span class="md-icon" title="最后更新">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 13.1c-.1 0-.3.1-.4.2l-1 1 2.1 2.1 1-1c.2-.2.2-.6 0-.8l-1.3-1.3c-.1-.1-.2-.2-.4-.2m-1.9 1.8-6.1 6V23h2.1l6.1-6.1zM12.5 7v5.2l4 2.4-1 1L11 13V7zM11 21.9c-5.1-.5-9-4.8-9-9.9C2 6.5 6.5 2 12 2c5.3 0 9.6 4.1 10 9.3-.3-.1-.6-.2-1-.2s-.7.1-1 .2C19.6 7.2 16.2 4 12 4c-4.4 0-8 3.6-8 8 0 4.1 3.1 7.5 7.1 7.9l-.1.2z"/></svg>
</span>
<span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-iso_date">2025-01-06</span>
<span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-iso_date">2025-01-09</span>
</span>
@ -2807,5 +2816,7 @@ MkDocs on GitHub Pages in a step-by-step guide.</p>
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -677,7 +686,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2824,9 +2833,9 @@
</code></pre></div></td></tr></table></div>
primary后面是网站顶部栏目的颜色也用于标题、边栏、文本链接和其他几个组件<br />
目前支持下面几个颜色:
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/c7eb8b52d0b17c8e5321cbd21d9710a0.png" /></p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/c7eb8b52d0b17c8e5321cbd21d9710a0.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/c7eb8b52d0b17c8e5321cbd21d9710a0.png" /></a></p>
<h3 id="_3">明暗主题按钮<a class="headerlink" href="#_3" title="Permanent link">&para;</a></h3>
<p><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/9efed1213b8512fad00679bcab80f3e2.png" /></p>
<p><a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/9efed1213b8512fad00679bcab80f3e2.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/9efed1213b8512fad00679bcab80f3e2.png" /></a></p>
<p><div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
@ -2857,7 +2866,7 @@ primary后面是网站顶部栏目的颜色也用于标题、边栏、文本
</code></pre></div></td></tr></table></div>
此配置将在搜索栏旁边呈现调色板切换。请注意您还可以为每个调色板的primary和accent定义单独的设置。</p>
<p>按钮图标可以改变修改icon后面的代码
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/3fbb40519a69d5c5600c49ee83987802.png" /></p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/3fbb40519a69d5c5600c49ee83987802.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/3fbb40519a69d5c5600c49ee83987802.png" /></a></p>
<hr />
<h3 id="features">features<a class="headerlink" href="#features" title="Permanent link">&para;</a></h3>
<p><div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1"> 1</a></span>
@ -2887,13 +2896,13 @@ primary后面是网站顶部栏目的颜色也用于标题、边栏、文本
<a id="__codelineno-4-13" name="__codelineno-4-13"></a><span class="w"> </span><span class="p p-Indicator">-</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">search.share</span><span class="w"> </span><span class="c1">#搜索分享按钮</span>
</code></pre></div></td></tr></table></div>
看我所做的注释就很好理解feature部分让网站拥有了目录增加了搜索项目的功能返回顶部等功能注释里很简明介绍了
<img alt="png" src="https://s1.imagehub.cc/images/2024/02/02/2f7149a07d26e17934e626b7915cc74a.png" />
<img alt="png" src="https://s1.imagehub.cc/images/2024/02/02/0e5f75464543f1c9785f54a1b7271e47.png" />
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/95d1df12503d37cb74c967a6cb9a2f96.png" />
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/0d19f89ece3fca54db038ff7d9644d61.png" /></p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/2f7149a07d26e17934e626b7915cc74a.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="png" src="https://s1.imagehub.cc/images/2024/02/02/2f7149a07d26e17934e626b7915cc74a.png" /></a>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/0e5f75464543f1c9785f54a1b7271e47.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="png" src="https://s1.imagehub.cc/images/2024/02/02/0e5f75464543f1c9785f54a1b7271e47.png" /></a>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/95d1df12503d37cb74c967a6cb9a2f96.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/95d1df12503d37cb74c967a6cb9a2f96.png" /></a>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/0d19f89ece3fca54db038ff7d9644d61.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/0d19f89ece3fca54db038ff7d9644d61.png" /></a></p>
<h2 id="nav">nav部分<a class="headerlink" href="#nav" title="Permanent link">&para;</a></h2>
<p>这一部分就是目录
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/02da4022bd8af67b670e4da0dffbe95f.png" /></p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/02da4022bd8af67b670e4da0dffbe95f.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/02da4022bd8af67b670e4da0dffbe95f.png" /></a></p>
<p><div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span>
<span class="normal"><a href="#__codelineno-5-2">2</a></span>
<span class="normal"><a href="#__codelineno-5-3">3</a></span>
@ -2908,9 +2917,9 @@ primary后面是网站顶部栏目的颜色也用于标题、边栏、文本
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a>- 内容标题: 文件路径
</code></pre></div></td></tr></table></div>
内容标题效果:
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/ab0212029567b7a6cd3fb4089de888cf.png" /></p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/ab0212029567b7a6cd3fb4089de888cf.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/ab0212029567b7a6cd3fb4089de888cf.png" /></a></p>
<p>.md文件路径(相对路径)
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/0361e9d863ccb15e83006feac1b12c0a.png" /> </p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/0361e9d863ccb15e83006feac1b12c0a.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/0361e9d863ccb15e83006feac1b12c0a.png" /></a> </p>
<p>可能看起比较复杂总结一下就是我想写一篇文章在docs/blog下写一篇名为<code>Wcowin最帅</code>的文章首先在docs/blog下新建一个<code>xxx.md</code>文件里面写写东西再去mkdocs.yml里找到nav这样写
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
<span class="normal"><a href="#__codelineno-7-2">2</a></span>
@ -3013,7 +3022,7 @@ nav才是最终决定这篇文章位置的配置docs下的md文件只是存
<p>设置为<code>generator: false</code>可以删除页脚显示“使用 MkDocs 材料制造” </p>
<h3 id="social">social<a class="headerlink" href="#social" title="Permanent link">&para;</a></h3>
<p>可设置网站右下角的社交链接icon是小图标link后填自己链接即可
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/73179baf6402e27c92afc51eb59645a6.png" /></p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/73179baf6402e27c92afc51eb59645a6.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/73179baf6402e27c92afc51eb59645a6.png" /></a></p>
<h3 id="cookie-consent">cookie consent<a class="headerlink" href="#cookie-consent" title="Permanent link">&para;</a></h3>
<p><div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1"> 1</a></span>
<span class="normal"><a href="#__codelineno-11-2"> 2</a></span>
@ -3061,8 +3070,8 @@ nav才是最终决定这篇文章位置的配置docs下的md文件只是存
<a id="__codelineno-11-22" name="__codelineno-11-22"></a><span class="w"> </span><span class="no">我们也使用cookies来识别您的重复访问和偏好来衡量我们文档的有效性以及用户是否找到他们要找的东西。</span>
<a id="__codelineno-11-23" name="__codelineno-11-23"></a><span class="w"> </span><span class="no">如果你同意,你可以帮助我们让我们的网站更好</span>
</code></pre></div></td></tr></table></div>
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/a303166e7a67a2bc7bddde77c3d1277a.png" /> </p>
<p><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/79d1f726b8105e0657cea3e2cef628ce.png" />
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/a303166e7a67a2bc7bddde77c3d1277a.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/a303166e7a67a2bc7bddde77c3d1277a.png" /></a> </p>
<p><a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/79d1f726b8105e0657cea3e2cef628ce.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/79d1f726b8105e0657cea3e2cef628ce.png" /></a>
注意property: G-XXXXXXXXXX #你的Google Analytics ID这里的G-XXXXXXXXXX是你的Google Analytics ID你可以在Google Analytics中找到如果你不想使用Google Analytics可以删除这一部分。</p>
<h2 id="plugins">Plugins部分<a class="headerlink" href="#plugins" title="Permanent link">&para;</a></h2>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-12-1"> 1</a></span>
@ -3132,7 +3141,7 @@ nav才是最终决定这篇文章位置的配置docs下的md文件只是存
<a id="__codelineno-12-33" name="__codelineno-12-33"></a><span class="w"> </span><span class="nt">tags_file</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">tag.md</span><span class="w"> </span><span class="c1">#分类标签</span>
</code></pre></div></td></tr></table></div>
<p><code>- search</code>开启搜索功能
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/0e5f75464543f1c9785f54a1b7271e47.png" /> </p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/0e5f75464543f1c9785f54a1b7271e47.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/0e5f75464543f1c9785f54a1b7271e47.png" /></a> </p>
<p><code>-blog</code> 即博客可以在docs/blog/posts里直接写md文件不需要在nav里写路径,然后在上述nav里写
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-13-1">1</a></span>
<span class="normal"><a href="#__codelineno-13-2">2</a></span>
@ -3141,7 +3150,7 @@ nav才是最终决定这篇文章位置的配置docs下的md文件只是存
<a id="__codelineno-13-3" name="__codelineno-13-3"></a> - blog/index.md
</code></pre></div></td></tr></table></div>
博客效果: <br />
<img alt="" src="https://s1.imagehub.cc/images/2024/02/02/cee8d935a920668b738593850c7eb7f8.png" /><br />
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/cee8d935a920668b738593850c7eb7f8.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://s1.imagehub.cc/images/2024/02/02/cee8d935a920668b738593850c7eb7f8.png" /></a><br />
详细配置可以去看<a href="../mkdocsblog/">添加Mkdocs博客</a></p>
<p><code>- tags</code>就是标签
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1">1</a></span>
@ -3150,11 +3159,11 @@ nav才是最终决定这篇文章位置的配置docs下的md文件只是存
<a id="__codelineno-14-2" name="__codelineno-14-2"></a><span class="w"> </span><span class="p p-Indicator">-</span><span class="w"> </span><span class="nt">tags</span><span class="p">:</span>
<a id="__codelineno-14-3" name="__codelineno-14-3"></a><span class="w"> </span><span class="nt">tags_file</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">tag.md</span><span class="w"> </span><span class="c1">#分类标签</span>
</code></pre></div></td></tr></table></div>
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/d20f0562838a8396724f18bfd09e19e8.png" /></p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/d20f0562838a8396724f18bfd09e19e8.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/d20f0562838a8396724f18bfd09e19e8.png" /></a></p>
<p>docs文件夹下新建tags.md文件会自动在tags.md文件中生成标签列表<br />
<img alt="" src="https://s1.imagehub.cc/images/2024/02/02/d9fa43225a6dd3932c36038c605954a4.png" /></p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/d9fa43225a6dd3932c36038c605954a4.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://s1.imagehub.cc/images/2024/02/02/d9fa43225a6dd3932c36038c605954a4.png" /></a></p>
<p>但是每个.md文件(你写的markdown文件)最开始的地方(称为meta)都需要添加标签否则不会显示在tags.md文件中
<img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/2732b6ccefefb44d93b34f5108b3d050.png" /></p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/2732b6ccefefb44d93b34f5108b3d050.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/2732b6ccefefb44d93b34f5108b3d050.png" /></a></p>
<p>meta格式</p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1">1</a></span>
<span class="normal"><a href="#__codelineno-15-2">2</a></span>
@ -3586,7 +3595,7 @@ javascripts/mathjax.js里有对数学公式的扩展extra_css里是CSS的知
<a
href="../mkdocs1/"
class="md-footer__link md-footer__link--prev"
aria-label="上一页: 1. 利用mkdocs部署静态网页至GitHub pages"
aria-label="上一页: 1. 利用mkdocs部署个人静态博客网页至GitHub pages"
>
<div class="md-footer__button md-icon">
@ -3597,7 +3606,7 @@ javascripts/mathjax.js里有对数学公式的扩展extra_css里是CSS的知
上一页
</span>
<div class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</div>
</div>
@ -3738,5 +3747,7 @@ javascripts/mathjax.js里有对数学公式的扩展extra_css里是CSS的知
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -672,7 +681,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2022,7 +2031,7 @@
<h1>3. 解决 mkdocs部署 Github Pages 自定义域名失效的问题</h1>
<p>在/docs目录下创建一个 CNAME 的 无后缀 文件,然后在里面填入你的域名<br />
<img alt="" src="https://s1.imagehub.cc/images/2024/02/02/d23082e5d3ebb839dba8b589a1cb5b7c.png" /></p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/d23082e5d3ebb839dba8b589a1cb5b7c.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://s1.imagehub.cc/images/2024/02/02/d23082e5d3ebb839dba8b589a1cb5b7c.png" /></a></p>
<p>因为每次在 Custom domain 添加后都会给我们生成一个 CNAME 的文件,但是因为项目我们没有 pull 到本地,所以造成了,每次 push 之后 CNAME 信息被 clear 了</p>
<!--
Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com>
@ -2449,5 +2458,7 @@
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -672,7 +681,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2489,5 +2498,7 @@
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -75,7 +75,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -729,7 +738,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2381,14 +2390,14 @@
<a
href="../mkdocs1/"
class="md-footer__link md-footer__link--next"
aria-label="下一页: 1. 利用mkdocs部署静态网页至GitHub pages"
aria-label="下一页: 1. 利用mkdocs部署个人静态博客网页至GitHub pages"
>
<div class="md-footer__title">
<span class="md-footer__direction">
下一页
</span>
<div class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</div>
</div>
<div class="md-footer__button md-icon">
@ -2509,5 +2518,7 @@
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -669,7 +678,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2240,5 +2249,7 @@
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -669,7 +678,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2255,5 +2264,7 @@
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -669,7 +678,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2072,7 +2081,9 @@
},1000)
</script>
</font>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
<!-- <b><span id="time"></span></b> -->
</div>
</div>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -669,7 +678,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2476,5 +2485,7 @@ Look at this source <a href="https://github.com/JakubAndrysek/mkdocs-open-in-new
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -669,7 +678,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2250,5 +2259,7 @@
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -669,7 +678,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2240,5 +2249,7 @@
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -669,7 +678,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2398,7 +2407,9 @@ Look at this source <a href="https://github.com/JakubAndrysek/mkdocs-open-in-new
},1000)
</script>
</font>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
<!-- <b><span id="time"></span></b> -->
</div>
</div>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../assets/javascripts/glightbox.min.js"></script></head>
@ -669,7 +678,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2388,7 +2397,9 @@ Look at this source <a href="https://github.com/JakubAndrysek/mkdocs-open-in-new
},1000)
</script>
</font>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
<!-- <b><span id="time"></span></b> -->
</div>
</div>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -672,7 +681,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2021,7 +2030,7 @@
<h1>添加404页面</h1>
<p><img alt="" src="https://s1.imagehub.cc/images/2024/02/02/b94cdf67258487f737cfa29829629157.png" /></p>
<p><a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/b94cdf67258487f737cfa29829629157.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://s1.imagehub.cc/images/2024/02/02/b94cdf67258487f737cfa29829629157.png" /></a></p>
<p>docs/overrides文件下新建404.html即可 </p>
<p>树状结构如下 </p>
<p>树状结构如下:<br />
@ -2482,5 +2491,7 @@
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -677,7 +686,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -3403,5 +3412,7 @@
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -672,7 +681,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2021,7 +2030,7 @@
<h1>添加顶部公告栏</h1>
<p><img alt="image.png" src="https://s2.loli.net/2024/02/02/mvCEgeP4lANuXI8.png" /></p>
<p><a class="glightbox" href="https://s2.loli.net/2024/02/02/mvCEgeP4lANuXI8.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="image.png" src="https://s2.loli.net/2024/02/02/mvCEgeP4lANuXI8.png" /></a></p>
<p>docs/overrides下新建main.html 针对main.html文件 <br />
树状结构如下:<br />
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
@ -2546,5 +2555,7 @@
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -679,7 +688,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2378,7 +2387,7 @@
<div class="links-content">
<div class="link-navigation">
<div class="card">
<img class="ava" src="https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png" />
<a class="glightbox" href="https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img class="ava" src="https://s2.loli.net/2024/02/01/gaE47y5fKM6kosV.png" /></a>
<div class="card-header">
<div>
<a href="https://wcowin.work/ " target=“_blank”>Wcowins blog</a>
@ -2758,5 +2767,7 @@
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -677,7 +686,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2206,7 +2215,7 @@
<a id="__codelineno-1-14" name="__codelineno-1-14"></a>
<a id="__codelineno-1-15" name="__codelineno-1-15"></a>└── mkdocs.yml
</code></pre></div></td></tr></table></div></p>
<p><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/214447b92070792905259a843de3e233.png" /></p>
<p><a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/214447b92070792905259a843de3e233.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://s1.imagehub.cc/images/2024/02/02/214447b92070792905259a843de3e233.png" /></a></p>
<p>在comments.html中</p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-2-1"> 1</a></span>
<span class="normal"><a href="#__codelineno-2-2"> 2</a></span>
@ -2318,8 +2327,8 @@
</code></pre></div></td></tr></table></div>
<h2 id="_2">第二步<a class="headerlink" href="#_2" title="Permanent link">&para;</a></h2>
<p>打开<a href="https://giscus.app/zh-CN">https://giscus.app/zh-CN</a> 走完这个页面的流程就会得到(这会在你的Github创建新的仓库建议自己先去新建个 Discussions)
<img alt="" src="https://s1.imagehub.cc/images/2024/02/02/b0fabd6a0c967d5a846c087adea5b680.png" /> </p>
<p><img alt="" src="https://s1.imagehub.cc/images/2024/02/02/d0c7b4e08a714b5c2b60421f58159c62.png" /> </p>
<a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/b0fabd6a0c967d5a846c087adea5b680.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://s1.imagehub.cc/images/2024/02/02/b0fabd6a0c967d5a846c087adea5b680.png" /></a> </p>
<p><a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/d0c7b4e08a714b5c2b60421f58159c62.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://s1.imagehub.cc/images/2024/02/02/d0c7b4e08a714b5c2b60421f58159c62.png" /></a> </p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-3-1"> 1</a></span>
<span class="normal"><a href="#__codelineno-3-2"> 2</a></span>
<span class="normal"><a href="#__codelineno-3-3"> 3</a></span>
@ -2375,7 +2384,7 @@
<h2 id="_4">效果<a class="headerlink" href="#_4" title="Permanent link">&para;</a></h2>
<p>完美!快速相应 </p>
<figure>
<p><img alt="" src="https://s1.imagehub.cc/images/2024/02/02/0619f922f930e7649fb40405c7e49339.png" />
<p><a class="glightbox" href="https://s1.imagehub.cc/images/2024/02/02/0619f922f930e7649fb40405c7e49339.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://s1.imagehub.cc/images/2024/02/02/0619f922f930e7649fb40405c7e49339.png" /></a>
</p>
<figcaption>这是图片↑↑↑</figcaption>
</figure>
@ -2431,7 +2440,16 @@
<script defer="" src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js" integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4" crossorigin="anonymous"></script></p>
<script defer="" src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js" integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa" crossorigin="anonymous"></script>
<p></head></p>
<p> <link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head></p>
<body>
<div id="tcomment"></div>
<script src="https://cdn.staticfile.org/twikoo/1.6.21/twikoo.all.min.js"></script>
@ -2939,5 +2957,7 @@ twikoo.init({
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -677,7 +686,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2366,15 +2375,15 @@
<p>鉴于此也为了丰富开源中文字体中的楷体门类2021 年 1 月 20 日起,本人开始了为 Klee One 这一高质量的日文开源字体补全简繁常用字的尝试。因该字体具有一定的「文艺气息」,命名 <strong>「霞鹜文楷」</strong><em>(其实当初是感觉这款字体适合正文阅读定名「文楷」,后来发现这款字体可能并不太适合大段正文排版,相比之下更加适合诗词之类的中等长度文本排版,或者注释排版)</em>。由于 Klee One 字体的 Regular 字重太细不太适合阅读,选取原字体 SemiBold 字重作为 Regular 字重。经过长时间的积累,目前已发展成简繁日韩均支持的 3 字重字体家族 <del>(虽然拙劣粗糙了点)</del></p>
<p>有关补字过程的更多信息,请参阅本人 GitHub.io 博客里的文章:<a href="https://lxgw.github.io/2021/01/28/Klee-Simpchin/">《为 Klee 试制简化字》</a></p>
<h2 id="_2">字体预览<a class="headerlink" href="#_2" title="Permanent link">&para;</a></h2>
<p><img alt="" src="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-1.png" /></p>
<p><img alt="" src="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-2.png" /></p>
<p><img alt="" src="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-3.png" /></p>
<p><img alt="" src="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-4.png" /></p>
<p><img alt="" src="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-5.png" /></p>
<p><img alt="" src="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-6.png" /></p>
<p><img alt="" src="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-7.png" /></p>
<p><img alt="" src="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-8.png" /></p>
<p><img alt="" src="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-9.png" /></p>
<p><a class="glightbox" href="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-1.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-1.png" /></a></p>
<p><a class="glightbox" href="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-2.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-2.png" /></a></p>
<p><a class="glightbox" href="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-3.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-3.png" /></a></p>
<p><a class="glightbox" href="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-4.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-4.png" /></a></p>
<p><a class="glightbox" href="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-5.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-5.png" /></a></p>
<p><a class="glightbox" href="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-6.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-6.png" /></a></p>
<p><a class="glightbox" href="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-7.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-7.png" /></a></p>
<p><a class="glightbox" href="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-8.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-8.png" /></a></p>
<p><a class="glightbox" href="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-9.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://raw.githubusercontent.com/lxgw/LxgwWenKai/main/documentation/wenkai-9.png" /></a></p>
<!-- [查看详细更新记录。](https://github.com/lxgw/LxgwWenKai/blob/main/History.md) -->
<p>历史版本的 Release请在 <a href="https://github.com/lxgw/LxgwWenKai/releases">Release</a> 页面查看。文字版本的更新记录 <code>HISTORY.MD</code> 不再维护,敬请谅解。</p>
<h2 id="_3">补字计划<a class="headerlink" href="#_3" title="Permanent link">&para;</a></h2>
@ -2907,5 +2916,7 @@
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -672,7 +681,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2025,8 +2034,17 @@
<p><head>
<link rel="stylesheet" type="text/css" href="/stylesheets/shubiao.css"></p>
<script src="/javascripts/shubiao.js"></script>
<p></head></p>
<p><img alt="" src="https://s1.vika.cn/space/2022/11/25/7b84e20eee214a5b956f2c96bcc115f4" /><br />
<p> <link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head></p>
<p><a class="glightbox" href="https://s1.vika.cn/space/2022/11/25/7b84e20eee214a5b956f2c96bcc115f4" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://s1.vika.cn/space/2022/11/25/7b84e20eee214a5b956f2c96bcc115f4" /></a><br />
<code>docs/javascripts/extra.js</code>下复制粘贴:
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
<span class="normal"><a href="#__codelineno-0-2"> 2</a></span>
@ -2718,5 +2736,7 @@
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -677,7 +686,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2116,7 +2125,7 @@
<h1>为MKdocs添加文章修订时间戳</h1>
<p><img alt="img" src="https://cn.mcecy.com/image/20240106/ee0ece547112ac1b67fb61ac7f9c1a90.png" /> </p>
<p><a class="glightbox" href="https://cn.mcecy.com/image/20240106/ee0ece547112ac1b67fb61ac7f9c1a90.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="img" src="https://cn.mcecy.com/image/20240106/ee0ece547112ac1b67fb61ac7f9c1a90.png" /></a> </p>
<p>参考方法:<a href="https://squidfunk.github.io/mkdocs-material/setup/adding-a-git-repository/#revisioning">git 修订日期本地化</a></p>
<p>利用<a href="https://github.com/timvink/mkdocs-git-revision-date-localized-plugin">git -revision-date-localized插件</a>添加了对添加上次更新日期和在每个页面底部创建文档的支持</p>
<h2 id="_1">安装<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h2>
@ -2644,5 +2653,7 @@
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -677,7 +686,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2122,12 +2131,12 @@
<p>安装过程很简单,因为它只需要您将一行代码粘贴到网站代码的适当位置。 </p>
<h2 id="_1">找到安装代码<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h2>
<p>可以前往“设置”&gt;“频道”&gt;“实时聊天”&gt; “安装” 部分找到您独特的 Tidio javascript 代码。还将在帐户创建之旅的最后阶段看到代码。
<img alt="" src="https://help.tidio.com/hc/article_attachments/9168067328284" />
<a class="glightbox" href="https://help.tidio.com/hc/article_attachments/9168067328284" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://help.tidio.com/hc/article_attachments/9168067328284" /></a>
比如:
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a><span class="o">&lt;</span><span class="nx">script</span><span class="w"> </span><span class="nx">src</span><span class="o">=</span><span class="s2">&quot;//code.tidio.co/6jmawe9m5wy4ahvlhub2riyrnujz7xxi.js&quot;</span><span class="w"> </span><span class="k">async</span><span class="o">&gt;&lt;</span><span class="err">/script&gt;</span>
</code></pre></div></td></tr></table></div></p>
<h2 id="indexmd">放到主页index.md即可<a class="headerlink" href="#indexmd" title="Permanent link">&para;</a></h2>
<p><img alt="" src="https://help.tidio.com/hc/article_attachments/5378990613404" /></p>
<p><a class="glightbox" href="https://help.tidio.com/hc/article_attachments/5378990613404" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://help.tidio.com/hc/article_attachments/5378990613404" /></a></p>
<!--
Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com>
@ -2553,5 +2562,7 @@
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -677,7 +686,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2135,8 +2144,8 @@
<h1>网页圆角化设计</h1>
<h2 id="_1">示例<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h2>
<p><img alt="iShot_2024-04-26_12.17.20.png" src="https://s2.loli.net/2024/04/26/gvu7ASWfU8eKVOd.png" /><br />
<img alt="image.png" src="https://s2.loli.net/2024/04/26/Czi9uAQhmbBlkfG.png" /></p>
<p><a class="glightbox" href="https://s2.loli.net/2024/04/26/gvu7ASWfU8eKVOd.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="iShot_2024-04-26_12.17.20.png" src="https://s2.loli.net/2024/04/26/gvu7ASWfU8eKVOd.png" /></a><br />
<a class="glightbox" href="https://s2.loli.net/2024/04/26/Czi9uAQhmbBlkfG.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="image.png" src="https://s2.loli.net/2024/04/26/Czi9uAQhmbBlkfG.png" /></a></p>
<h2 id="_2">如何设计<a class="headerlink" href="#_2" title="Permanent link">&para;</a></h2>
<p>新建css文件在mkdocs.yml引入css </p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1"> 1</a></span>
@ -3098,5 +3107,7 @@
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -671,7 +680,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2553,7 +2562,7 @@
</ul>
<h3 id="_3">图片大小及对齐<a class="headerlink" href="#_3" title="Permanent link">&para;</a></h3>
<p>官方和 GFM 都不支持图片大小设置MWeb 引入的特别的语法来设置图片宽度。如:<code>![图片说明-w450](pic.jpg)</code> 这样表示设置图片宽度为 450。其中 -w450 为设置语法,生成 HTML 时会自动移除。w 表示设置宽度。 可以看出MWeb 引入的语法的特点是兼容原来的语法和仅支持设置宽度。</p>
<p><img alt="图片描述-w140" src="https://zh.mweb.im/asset/img/set-up-git.gif" /></p>
<p><a class="glightbox" href="https://zh.mweb.im/asset/img/set-up-git.gif" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="图片描述-w140" src="https://zh.mweb.im/asset/img/set-up-git.gif" /></a></p>
<h3 id="_4">多行或者一段代码<a class="headerlink" href="#_4" title="Permanent link">&para;</a></h3>
<p>Markdown 语法:</p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal">1</span>
@ -3189,5 +3198,7 @@ option = {
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -671,7 +680,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -3580,5 +3589,7 @@ Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -671,7 +680,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2157,7 +2166,7 @@
<p>原文:<a href="https://www.interaction-design.org/literature/article/norman-s-three-levels-of-design">Norman's Three Levels of Design</a>
<img alt="" src="https://pic2.zhimg.com/80/v2-775977de1d9ccd4ff61344ccc523b5b1_1440w.jpg" /></p>
<a class="glightbox" href="https://pic2.zhimg.com/80/v2-775977de1d9ccd4ff61344ccc523b5b1_1440w.jpg" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://pic2.zhimg.com/80/v2-775977de1d9ccd4ff61344ccc523b5b1_1440w.jpg" /></a></p>
<h1 id="_1">唐·诺曼—情感设计的三个层次<a class="headerlink" href="#_1" title="Permanent link">&para;</a></h1>
<p>在人类的内心世界有许多部分负责我们所说的情感总的来说这些区域共同构成了情感系统。唐·诺曼Don Norman提出情感系统由三个不同但相互联系的层次组成每个层次都以一种特殊的方式影响着我们对世界的体验。这三个层次是本能层行为层和反思层。本能层与人类情绪中固有的、自发的以及符合动物性的特性相关这些基本上是不受人类本身控制的。行为层指的是人类行为中那些可控的方面在这种情况下我们下意识的分析所处情况并且制定以目标为导向的策略从而能够在最短时间内或是以最少的行动达到效果。正如唐·诺曼所言反思层是指“有意识的思考对新概念进行学习和对世界进行归纳。”这三个层次作为情感系统的不同维度独立存在又相互关联相互影响从而创造了我们对世界的整体情感体验。</p>
<p>在唐·诺曼的《情感化设计:为什么我们喜欢(或讨厌)日常事物》(一本认知科学,设计学,可用性工程领域杰出的学术作品)一书中,他对情感化系统的这三个方面或层次做了区分(它们三者综合影响着人类的情感或心理),即:本能层,行为层及反思层。这三者在情感系统中紧密交织在一起,并以各自特定的方式影响设计。以下是三者对应的相应三种设计层次。</p>
@ -2602,5 +2611,7 @@
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../../assets/javascripts/glightbox.min.js"></script></head>
@ -671,7 +680,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2479,5 +2488,7 @@
<script src="../../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../assets/javascripts/glightbox.min.js"></script></head>
@ -671,7 +680,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2441,7 +2450,7 @@
<h3 id="1-git">1. 新建 git 仓库<a class="headerlink" href="#1-git" title="Permanent link">&para;</a></h3>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-0-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1"></a>git init
</code></pre></div></td></tr></table></div>
<p><img alt="" src="https://img.iszy.xyz/1669185106451.png" /> </p>
<p><a class="glightbox" href="https://img.iszy.xyz/1669185106451.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://img.iszy.xyz/1669185106451.png" /></a> </p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-1-1">1</a></span>
<span class="normal"><a href="#__codelineno-1-2">2</a></span>
<span class="normal"><a href="#__codelineno-1-3">3</a></span>
@ -2489,15 +2498,15 @@
<h3 id="4">4. 查看仓库状态<a class="headerlink" href="#4" title="Permanent link">&para;</a></h3>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-4-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1"></a>git status
</code></pre></div></td></tr></table></div>
<p><img alt="" src="https://img.iszy.xyz/1669185760241.png" /> </p>
<p><a class="glightbox" href="https://img.iszy.xyz/1669185760241.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://img.iszy.xyz/1669185760241.png" /></a> </p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-5-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1"></a>git status -s
</code></pre></div></td></tr></table></div>
<p><img alt="" src="https://img.iszy.xyz/1669185789446.png" /> </p>
<p><a class="glightbox" href="https://img.iszy.xyz/1669185789446.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://img.iszy.xyz/1669185789446.png" /></a> </p>
<h3 id="5">5. 查看提交历史<a class="headerlink" href="#5" title="Permanent link">&para;</a></h3>
<p><a href="https://git-scm.com/docs/git-log" target="_blank">https://git-scm.com/docs/git-log</a></p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-6-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1"></a>git log
</code></pre></div></td></tr></table></div>
<p><img alt="" src="https://img.iszy.xyz/1669185798311.png" /></p>
<p><a class="glightbox" href="https://img.iszy.xyz/1669185798311.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="" src="https://img.iszy.xyz/1669185798311.png" /></a></p>
<h3 id="6">6. 新建分支<a class="headerlink" href="#6" title="Permanent link">&para;</a></h3>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-7-1">1</a></span>
<span class="normal"><a href="#__codelineno-7-2">2</a></span>
@ -2509,7 +2518,7 @@
<a id="__codelineno-7-4" name="__codelineno-7-4"></a>
<a id="__codelineno-7-5" name="__codelineno-7-5"></a>git checkout -b test
</code></pre></div></td></tr></table></div>
<p><img alt="Alt text" src="https://img.iszy.xyz/1669185814401.png" /></p>
<p><a class="glightbox" href="https://img.iszy.xyz/1669185814401.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Alt text" src="https://img.iszy.xyz/1669185814401.png" /></a></p>
<h3 id="7">7. 合并分支<a class="headerlink" href="#7" title="Permanent link">&para;</a></h3>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-8-1">1</a></span>
<span class="normal"><a href="#__codelineno-8-2">2</a></span>
@ -2517,20 +2526,20 @@
<a id="__codelineno-8-2" name="__codelineno-8-2"></a>
<a id="__codelineno-8-3" name="__codelineno-8-3"></a>git merge test
</code></pre></div></td></tr></table></div>
<p><img alt="Alt text" src="https://img.iszy.xyz/1669185829746.png" /></p>
<p><a class="glightbox" href="https://img.iszy.xyz/1669185829746.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Alt text" src="https://img.iszy.xyz/1669185829746.png" /></a></p>
<h3 id="8">8. 删除分支<a class="headerlink" href="#8" title="Permanent link">&para;</a></h3>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-9-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1"></a>git branch -d test-not-need
</code></pre></div></td></tr></table></div>
<p><img alt="Alt text" src="https://img.iszy.xyz/1669185836945.png" /> </p>
<p><a class="glightbox" href="https://img.iszy.xyz/1669185836945.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Alt text" src="https://img.iszy.xyz/1669185836945.png" /></a> </p>
<h3 id="9">9. 合并冲突<a class="headerlink" href="#9" title="Permanent link">&para;</a></h3>
<p><img alt="Alt text" src="https://img.iszy.xyz/1669185846981.png" /> </p>
<p><a class="glightbox" href="https://img.iszy.xyz/1669185846981.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Alt text" src="https://img.iszy.xyz/1669185846981.png" /></a> </p>
<p>当两个分支都对同一行进行了修改git 便会产生冲突,并标记为未合并</p>
<p><img alt="Alt text" src="https://img.iszy.xyz/1669185854676.png" /> </p>
<p><a class="glightbox" href="https://img.iszy.xyz/1669185854676.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Alt text" src="https://img.iszy.xyz/1669185854676.png" /></a> </p>
<p>此时将每个文件进行修改,确认最后的内容,使用 git add 方法标记为冲突已解决
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-10-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1"></a>git add .\A.txt
</code></pre></div></td></tr></table></div>
在所有文件的冲突均已解决后,使用 commit 提交此次修改。</p>
<p><img alt="Alt text" src="https://img.iszy.xyz/1669185864622.png" /></p>
<p><a class="glightbox" href="https://img.iszy.xyz/1669185864622.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Alt text" src="https://img.iszy.xyz/1669185864622.png" /></a></p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-11-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1"></a>git merge --abort
</code></pre></div></td></tr></table></div>
<h3 id="10">10. 远程仓库<a class="headerlink" href="#10" title="Permanent link">&para;</a></h3>
@ -2559,7 +2568,7 @@
<a id="__codelineno-13-10" name="__codelineno-13-10"></a>
<a id="__codelineno-13-11" name="__codelineno-13-11"></a>git branch -u origin/main main
</code></pre></div></td></tr></table></div>
<p><img alt="Alt text" src="https://img.iszy.xyz/1669186022128.png" /></p>
<p><a class="glightbox" href="https://img.iszy.xyz/1669186022128.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Alt text" src="https://img.iszy.xyz/1669186022128.png" /></a></p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-14-1">1</a></span>
<span class="normal"><a href="#__codelineno-14-2">2</a></span>
<span class="normal"><a href="#__codelineno-14-3">3</a></span>
@ -2574,10 +2583,10 @@
<h3 id="1">1. 临时保存成果<a class="headerlink" href="#1" title="Permanent link">&para;</a></h3>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-15-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1"></a>git stash
</code></pre></div></td></tr></table></div>
<p><img alt="Alt text" src="https://img.iszy.xyz/1669186037294.png" /> </p>
<p><a class="glightbox" href="https://img.iszy.xyz/1669186037294.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Alt text" src="https://img.iszy.xyz/1669186037294.png" /></a> </p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-16-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1"></a>git stash pop
</code></pre></div></td></tr></table></div>
<p><img alt="Alt text" src="https://img.iszy.xyz/1669186045214.png" /></p>
<p><a class="glightbox" href="https://img.iszy.xyz/1669186045214.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Alt text" src="https://img.iszy.xyz/1669186045214.png" /></a></p>
<h3 id="2-rebasemerge">2. 合并分支灵活选择 rebase/merge<a class="headerlink" href="#2-rebasemerge" title="Permanent link">&para;</a></h3>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-17-1">1</a></span>
<span class="normal"><a href="#__codelineno-17-2">2</a></span>
@ -2585,13 +2594,13 @@
<a id="__codelineno-17-2" name="__codelineno-17-2"></a>
<a id="__codelineno-17-3" name="__codelineno-17-3"></a>git rebase test
</code></pre></div></td></tr></table></div>
<p><img alt="Alt text" src="https://img.iszy.xyz/1669186058175.png" /></p>
<p><a class="glightbox" href="https://img.iszy.xyz/1669186058175.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Alt text" src="https://img.iszy.xyz/1669186058175.png" /></a></p>
<h3 id="3-cherry-pick">3. cherry-pick<a class="headerlink" href="#3-cherry-pick" title="Permanent link">&para;</a></h3>
<p>适合 hotfix</p>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-18-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1"></a>git cherry-pick 12d654f1d701cbf7cd9abb98ce84eeef460a24a7
</code></pre></div></td></tr></table></div>
<p><img alt="Alt text" src="https://img.iszy.xyz/1669186102974.png" />
<img alt="Alt text" src="https://img.iszy.xyz/1669186072778.png" /></p>
<p><a class="glightbox" href="https://img.iszy.xyz/1669186102974.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Alt text" src="https://img.iszy.xyz/1669186102974.png" /></a>
<a class="glightbox" href="https://img.iszy.xyz/1669186072778.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Alt text" src="https://img.iszy.xyz/1669186072778.png" /></a></p>
<h3 id="4_1">4. 修改上次提交<a class="headerlink" href="#4_1" title="Permanent link">&para;</a></h3>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-19-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1"></a>git commit --amend
</code></pre></div></td></tr></table></div>
@ -2599,7 +2608,7 @@
<h3 id="5_1">5. 取消文件修改<a class="headerlink" href="#5_1" title="Permanent link">&para;</a></h3>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-20-1">1</a></span></pre></div></td><td class="code"><div><pre><span></span><code><a id="__codelineno-20-1" name="__codelineno-20-1"></a>git checkout .\C.txt
</code></pre></div></td></tr></table></div>
<p><img alt="Alt text" src="https://img.iszy.xyz/1669186116701.png" /></p>
<p><a class="glightbox" href="https://img.iszy.xyz/1669186116701.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="Alt text" src="https://img.iszy.xyz/1669186116701.png" /></a></p>
<h3 id="6_1">6. 弃用提交<a class="headerlink" href="#6_1" title="Permanent link">&para;</a></h3>
<div class="highlight"><table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><span></span><span class="normal"><a href="#__codelineno-21-1">1</a></span>
<span class="normal"><a href="#__codelineno-21-2">2</a></span>
@ -3043,5 +3052,7 @@
<script src="../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../assets/javascripts/glightbox.min.js"></script></head>
@ -666,7 +675,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2021,8 +2030,8 @@
<h1>利用Lighthouse测试网站性能</h1>
<p><img alt="image.png" src="https://s2.loli.net/2024/02/04/yxwcmJLXADqMa8P.png" /></p>
<p><img width="1363" alt="image" src="https://s2.loli.net/2025/01/02/VHeITXxJgwOKSsu.jpg">
<p><a class="glightbox" href="https://s2.loli.net/2024/02/04/yxwcmJLXADqMa8P.png" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img alt="image.png" src="https://s2.loli.net/2024/02/04/yxwcmJLXADqMa8P.png" /></a></p>
<p><a class="glightbox" href="https://s2.loli.net/2025/01/02/VHeITXxJgwOKSsu.jpg" data-type="image" data-width="auto" data-height="auto" data-desc-position="bottom"><img width="1363" alt="image" src="https://s2.loli.net/2025/01/02/VHeITXxJgwOKSsu.jpg"></a>
可以看到我的网站性能还是不错的,如果你想测试自己的网站性能,可以尝试一下 </p>
<p>打开谷歌或者Edge浏览器按F12在右侧点""找到Lighthouse,点击分析页面载即可 </p>
<!--
@ -2450,5 +2459,7 @@
<script src="../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../../assets/javascripts/glightbox.min.js"></script></head>
@ -666,7 +675,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2449,5 +2458,7 @@
<script src="../../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -73,7 +73,16 @@
<link rel="stylesheet" href="../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../assets/javascripts/glightbox.min.js"></script></head>
@ -665,7 +674,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2092,7 +2101,9 @@
}, 1000);
</script>
</font>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</div> -->
<ul>
<li>Open articles by topic and table of contents</li>
@ -2164,11 +2175,29 @@ t.parentNode.insertBefore(e,t)}})();
<!-- End of Howxm client code snippet -->
<script src="//code.tidio.co/6jmawe9m5wy4ahvlhub2riyrnujz7xxi.js" async></script>
<p></head></p>
<p> <link href="../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../assets/javascripts/glightbox.min.js"></script></head></p>
<!-- <head>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"3HOcxvgwJJmkuGUi",ck:"3HOcxvgwJJmkuGUi"})</script>
</head> -->
<link href="../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../assets/javascripts/glightbox.min.js"></script></head> -->
<body>
<font color="#B9B9B9">
@ -2197,11 +2226,22 @@ t.parentNode.insertBefore(e,t)}})();
},1000)
</script>
</font>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
<!-- <head>
<script defer src="https://analytics.us.umami.is/script.js" data-website-id="dae37494-1db6-408a-afdd-1868e1a7d41a"></script>
</head> -->
<link href="../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../assets/javascripts/glightbox.min.js"></script></head> -->
<div class="footnote">
<hr />

View File

@ -73,7 +73,16 @@
<link rel="stylesheet" href="assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="assets/javascripts/glightbox.min.js"></script></head>
@ -660,7 +669,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2175,7 +2184,9 @@ ____ __ ____ ______ ______ ____ __ ____ __ .__ __.
},1000)
</script>
</font>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
<script src="//code.tidio.co/6jmawe9m5wy4ahvlhub2riyrnujz7xxi.js" async></script>

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../assets/javascripts/glightbox.min.js"></script></head>
@ -671,7 +680,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2441,5 +2450,7 @@
<script src="../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>

View File

@ -1,4 +1,4 @@
<html>
<!-- <html>
<head>
<meta charset="UTF-8" />
<meta name="description" content="公益404页面是由腾讯公司员工志愿者自主发起的互联网公益活动。" />
@ -33,4 +33,419 @@
</div>
</div>
</body>
</html>
</html> -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>404</title>
<style>
body {
background: #000;
height: 100vh;
overflow: hidden;
display: flex;
font-family: Anton, sans-serif;
justify-content: center;
align-items: center;
-webkit-perspective: 1000px;
perspective: 1000px;
}
div {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.rail {
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
-webkit-transform: rotateX(-30deg) rotateY(-30deg);
transform: rotateX(-30deg) rotateY(-30deg);
}
.rail .stamp {
position: absolute;
width: 200px;
height: 200px;
display: flex;
justify-content: center;
align-items: center;
background: #141414;
color: #fff;
font-size: 7rem;
}
.rail .stamp:nth-child(1) {
-webkit-animation: stampSlide 40s -2.3s linear infinite;
animation: stampSlide 40s -2.3s linear infinite;
}
.rail .stamp:nth-child(2) {
-webkit-animation: stampSlide 40s -4.3s linear infinite;
animation: stampSlide 40s -4.3s linear infinite;
}
.rail .stamp:nth-child(3) {
-webkit-animation: stampSlide 40s -6.3s linear infinite;
animation: stampSlide 40s -6.3s linear infinite;
}
.rail .stamp:nth-child(4) {
-webkit-animation: stampSlide 40s -8.3s linear infinite;
animation: stampSlide 40s -8.3s linear infinite;
}
.rail .stamp:nth-child(5) {
-webkit-animation: stampSlide 40s -10.3s linear infinite;
animation: stampSlide 40s -10.3s linear infinite;
}
.rail .stamp:nth-child(6) {
-webkit-animation: stampSlide 40s -12.3s linear infinite;
animation: stampSlide 40s -12.3s linear infinite;
}
.rail .stamp:nth-child(7) {
-webkit-animation: stampSlide 40s -14.3s linear infinite;
animation: stampSlide 40s -14.3s linear infinite;
}
.rail .stamp:nth-child(8) {
-webkit-animation: stampSlide 40s -16.3s linear infinite;
animation: stampSlide 40s -16.3s linear infinite;
}
.rail .stamp:nth-child(9) {
-webkit-animation: stampSlide 40s -18.3s linear infinite;
animation: stampSlide 40s -18.3s linear infinite;
}
.rail .stamp:nth-child(10) {
-webkit-animation: stampSlide 40s -20.3s linear infinite;
animation: stampSlide 40s -20.3s linear infinite;
}
.rail .stamp:nth-child(11) {
-webkit-animation: stampSlide 40s -22.3s linear infinite;
animation: stampSlide 40s -22.3s linear infinite;
}
.rail .stamp:nth-child(12) {
-webkit-animation: stampSlide 40s -24.3s linear infinite;
animation: stampSlide 40s -24.3s linear infinite;
}
.rail .stamp:nth-child(13) {
-webkit-animation: stampSlide 40s -26.3s linear infinite;
animation: stampSlide 40s -26.3s linear infinite;
}
.rail .stamp:nth-child(14) {
-webkit-animation: stampSlide 40s -28.3s linear infinite;
animation: stampSlide 40s -28.3s linear infinite;
}
.rail .stamp:nth-child(15) {
-webkit-animation: stampSlide 40s -30.3s linear infinite;
animation: stampSlide 40s -30.3s linear infinite;
}
.rail .stamp:nth-child(16) {
-webkit-animation: stampSlide 40s -32.3s linear infinite;
animation: stampSlide 40s -32.3s linear infinite;
}
.rail .stamp:nth-child(17) {
-webkit-animation: stampSlide 40s -34.3s linear infinite;
animation: stampSlide 40s -34.3s linear infinite;
}
.rail .stamp:nth-child(18) {
-webkit-animation: stampSlide 40s -36.3s linear infinite;
animation: stampSlide 40s -36.3s linear infinite;
}
.rail .stamp:nth-child(19) {
-webkit-animation: stampSlide 40s -38.3s linear infinite;
animation: stampSlide 40s -38.3s linear infinite;
}
.rail .stamp:nth-child(20) {
-webkit-animation: stampSlide 40s -40.3s linear infinite;
animation: stampSlide 40s -40.3s linear infinite;
}
@-webkit-keyframes stampSlide {
0% {
-webkit-transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px)
translateY(130px);
transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px)
translateY(130px);
}
100% {
-webkit-transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px)
translateY(-3870px);
transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px)
translateY(-3870px);
}
}
@keyframes stampSlide {
0% {
-webkit-transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px)
translateY(130px);
transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px)
translateY(130px);
}
100% {
-webkit-transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px)
translateY(-3870px);
transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px)
translateY(-3870px);
}
}
.world {
-webkit-transform: rotateX(-30deg) rotateY(-30deg);
transform: rotateX(-30deg) rotateY(-30deg);
}
.world .forward {
position: absolute;
-webkit-animation: slide 2s linear infinite;
animation: slide 2s linear infinite;
}
.world .box {
width: 200px;
height: 200px;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-animation: roll 2s cubic-bezier(1, 0.01, 1, 1) infinite;
animation: roll 2s cubic-bezier(1, 0.01, 1, 1) infinite;
}
.world .box .wall {
position: absolute;
width: 200px;
height: 200px;
background: rgba(10, 10, 10, 0.8);
border: 1px solid #fafafa;
box-sizing: border-box;
}
.world .box .wall::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 7rem;
}
.world .box .wall:nth-child(1) {
-webkit-transform: translateZ(100px);
transform: translateZ(100px);
}
.world .box .wall:nth-child(2) {
-webkit-transform: rotateX(180deg) translateZ(100px);
transform: rotateX(180deg) translateZ(100px);
}
.world .box .wall:nth-child(3) {
-webkit-transform: rotateX(90deg) translateZ(100px);
transform: rotateX(90deg) translateZ(100px);
}
.world .box .wall:nth-child(3)::before {
-webkit-transform: rotateX(180deg) rotateZ(90deg) translateZ(-1px);
transform: rotateX(180deg) rotateZ(90deg) translateZ(-1px);
-webkit-animation: zeroFour 4s -2s linear infinite;
animation: zeroFour 4s -2s linear infinite;
}
.world .box .wall:nth-child(4) {
-webkit-transform: rotateX(-90deg) translateZ(100px);
transform: rotateX(-90deg) translateZ(100px);
}
.world .box .wall:nth-child(4)::before {
-webkit-transform: rotateX(180deg) rotateZ(-90deg) translateZ(-1px);
transform: rotateX(180deg) rotateZ(-90deg) translateZ(-1px);
-webkit-animation: zeroFour 4s -2s linear infinite;
animation: zeroFour 4s -2s linear infinite;
}
.world .box .wall:nth-child(5) {
-webkit-transform: rotateY(90deg) translateZ(100px);
transform: rotateY(90deg) translateZ(100px);
}
.world .box .wall:nth-child(5)::before {
-webkit-transform: rotateX(180deg) translateZ(-1px);
transform: rotateX(180deg) translateZ(-1px);
-webkit-animation: zeroFour 4s linear infinite;
animation: zeroFour 4s linear infinite;
}
.world .box .wall:nth-child(6) {
-webkit-transform: rotateY(-90deg) translateZ(100px);
transform: rotateY(-90deg) translateZ(100px);
}
.world .box .wall:nth-child(6)::before {
-webkit-transform: rotateX(180deg) rotateZ(180deg) translateZ(-1px);
transform: rotateX(180deg) rotateZ(180deg) translateZ(-1px);
-webkit-animation: zeroFour 4s linear infinite;
animation: zeroFour 4s linear infinite;
}
@-webkit-keyframes zeroFour {
0% {
content: "4";
}
100% {
content: "0";
}
}
@keyframes zeroFour {
0% {
content: "4";
}
100% {
content: "0";
}
}
@-webkit-keyframes roll {
0% {
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
}
85% {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
87% {
-webkit-transform: rotateZ(88deg);
transform: rotateZ(88deg);
}
90% {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
100% {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
}
@keyframes roll {
0% {
-webkit-transform: rotateZ(0);
transform: rotateZ(0);
}
85% {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
87% {
-webkit-transform: rotateZ(88deg);
transform: rotateZ(88deg);
}
90% {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
100% {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
}
@-webkit-keyframes slide {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
}
}
@keyframes slide {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
}
}
</style>
</head>
<body>
<div class="rail">
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
<div class="stamp four">4</div>
<div class="stamp zero">0</div>
</div>
<div class="world">
<div class="forward">
<div class="box">
<div class="wall"></div>
<div class="wall"></div>
<div class="wall"></div>
<div class="wall"></div>
<div class="wall"></div>
<div class="wall"></div>
</div>
</div>
</div>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -2,174 +2,174 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/liuyanban/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/ZH-TW/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/about/geren/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/about/link/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/about/test/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/Mkdocs/mkdocs1/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/Mkdocs/mkdocs2/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/Mkdocs/mkdocs3/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/Mkdocs/mkdocsblog/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/Mkdocs/mkfirst/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/2021/12/18/%E5%8D%9A%E5%AE%A2%E6%96%87%E7%AB%A0%E6%B5%8B%E8%AF%95/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/2022/06/06/2022%E7%BD%91%E7%AB%99%E6%9B%B4%E6%96%B0%E8%AE%B0%E5%BD%95/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/2023/12/21/2023%E7%BD%91%E7%AB%99%E6%9B%B4%E6%96%B0%E8%AE%B0%E5%BD%95/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/2024/01/01/2024%E7%BD%91%E7%AB%99%E6%9B%B4%E6%96%B0%E8%AE%B0%E5%BD%95/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/2025/01/01/2025%E7%BD%91%E7%AB%99%E6%9B%B4%E6%96%B0%E8%AE%B0%E5%BD%95/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/404/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/backgroud/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/header/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/linktech/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/mkcomments/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/mkdocsfont/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/shubiao/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/time/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/webtalknow/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/websitebeauty/yuanjiaohua/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/develop/git/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/develop/lighthouse/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/develop/vercel/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/develop/Markdown/MWeb/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/develop/Markdown/markdown/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/develop/designbeauty/db1/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/develop/designbeauty/my-to-desihn/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/en/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/archive/2025/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/archive/2024/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/archive/2023/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/archive/2022/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/archive/2021/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/category/%E7%BD%91%E7%AB%99%E6%9B%B4%E6%96%B0%E8%AE%B0%E5%BD%95/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/blog/category/hello-world/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
<url>
<loc>http://wcowin.work/Mkdocs-Wcowin/tag/</loc>
<lastmod>2025-01-06</lastmod>
<lastmod>2025-01-09</lastmod>
</url>
</urlset>

Binary file not shown.

View File

@ -77,7 +77,16 @@
<link rel="stylesheet" href="../assets/stylesheets/custom.00c04c01.min.css">
</head>
<link href="../assets/stylesheets/glightbox.min.css" rel="stylesheet"/><style>
html.glightbox-open { overflow: initial; height: 100%; }
.gslide-title { margin-top: 0px; user-select: text; }
.gslide-desc { color: #666; user-select: text; }
.gslide-image img { background: white; }
.gscrollbar-fixer { padding-right: 15px; }
.gdesc-inner { font-size: 0.75rem; }
body[data-md-color-scheme="slate"] .gdesc-inner { background: var(--md-default-bg-color);}
body[data-md-color-scheme="slate"] .gslide-title { color: var(--md-default-fg-color);}
body[data-md-color-scheme="slate"] .gslide-desc { color: var(--md-default-fg-color);}</style> <script src="../assets/javascripts/glightbox.min.js"></script></head>
@ -671,7 +680,7 @@
<span class="md-ellipsis">
1. 利用mkdocs部署静态网页至GitHub pages
1. 利用mkdocs部署个人静态博客网页至GitHub pages
</span>
@ -2132,7 +2141,7 @@
</ul>
<h2 id="mkdocs"><span class="md-tag">Mkdocs</span><a class="headerlink" href="#mkdocs" title="Permanent link">&para;</a></h2>
<ul>
<li><a href="../blog/Mkdocs/mkdocs1/">利用Mkdocs部署静态网页至GitHubpages</a></li>
<li><a href="../blog/Mkdocs/mkdocs1/">利用Mkdocs部署个人静态博客网页至GitHubpages</a></li>
<li><a href="../blog/Mkdocs/mkdocs2/">Mkdocs部署静态网页至GitHub pages配置说明(mkdocs.yml)</a></li>
<li><a href="../blog/Mkdocs/mkdocs3/">解决 mkdocs部署 Github Pages 自定义域名失效的问题</a></li>
<li><a href="../blog/Mkdocs/mkdocsblog/">网站添加Mkdocs博客</a></li>
@ -2470,5 +2479,7 @@
<script src="../assets/javascripts/custom.9458f965.min.js"></script>
</body>
<script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
document$.subscribe(() => { lightbox.reload() });
</script></body>
</html>