Skip to content

Commit 22f28e7

Browse files
wx-chevalierwx-chevalier
committed
feat: update articles
1 parent d77d417 commit 22f28e7

File tree

1 file changed

+169
-121
lines changed

1 file changed

+169
-121
lines changed

‎index.html‎

Lines changed: 169 additions & 121 deletions
Original file line numberDiff line numberDiff line change
@@ -1,137 +1,185 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>DevOps Series</title>
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
7+
<meta name="description" content="Description" />
8+
<meta
9+
name="viewport"
10+
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
11+
/>
12+
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css" />
13+
<link
14+
rel="stylesheet"
15+
href="//cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css"
16+
/>
17+
<link
18+
rel="stylesheet"
19+
href="https://unpkg.com/docsify-toc@1.0.0/dist/toc.css"
20+
/>
21+
</head>
322

4-
<head>
5-
<meta charset="UTF-8">
6-
<title>DevOps Series</title>
7-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
8-
<meta name="description" content="Description">
9-
<meta name="viewport"
10-
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
11-
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
12-
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css" />
13-
<link rel="stylesheet" href="https://unpkg.com/docsify-toc@1.0.0/dist/toc.css">
14-
</head>
15-
16-
<body>
17-
<style>
18-
.sidebar {
19-
margin-top: 48px;
20-
}
21-
22-
#nav {
23-
position: fixed;
24-
z-index: 9;
25-
padding: 0 8px;
26-
display: flex;
27-
justify-content: space-evenly;
28-
align-items: center;
29-
width: 300px;
30-
top: 0;
31-
height: 60px;
32-
}
33-
</style>
34-
<div id="nav">
35-
<h3><a href="http://ng-tech.icu/books">CS 系列笔记</a></h3>
36-
<span style="margin:0 8px;display:inline-block">|</span>
37-
<h3><a href="https://ng-tech.icu/search">全领域检索</a></h3>
38-
</div>
39-
<img src="https://pic.imgdb.cn/item/60f688e65132923bf821c68d.jpg"
40-
style="top: 2%;position: absolute;left: 35%;z-index: -1;height: 100px;" />
41-
<style>
42-
section.content {
43-
padding-top: 100px;
44-
}
45-
</style>
46-
47-
<div id="app"></div>
48-
<a href="https://github.com/wx-chevalier/DevOps-Series" class="github-corner" aria-label="View source on GitHub"><svg
49-
width="80" height="80" viewBox="0 0 250 250"
50-
style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true">
51-
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
52-
<path
53-
d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
54-
fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
55-
<path
56-
d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
57-
fill="currentColor" class="octo-body"></path>
58-
</svg></a>
59-
<style>
60-
.github-corner:hover .octo-arm {
61-
animation: octocat-wave 560ms ease-in-out
62-
}
63-
64-
@keyframes octocat-wave {
65-
66-
0%,
67-
100% {
68-
transform: rotate(0)
23+
<body>
24+
<style>
25+
.sidebar {
26+
margin-top: 48px;
6927
}
7028

71-
20%,
72-
60% {
73-
transform: rotate(-25deg)
29+
#nav {
30+
position: fixed;
31+
z-index: 9;
32+
padding: 0 8px;
33+
display: flex;
34+
justify-content: space-evenly;
35+
align-items: center;
36+
width: 300px;
37+
top: 0;
38+
height: 60px;
7439
}
75-
76-
40%,
77-
80% {
78-
transform: rotate(10deg)
40+
</style>
41+
<div id="nav">
42+
<h3><a href="http://ng-tech.icu/books">CS 系列笔记</a></h3>
43+
<span style="margin: 0 8px; display: inline-block">|</span>
44+
<h3><a href="https://ng-tech.icu/search">全领域检索</a></h3>
45+
</div>
46+
<img
47+
src="https://pic.imgdb.cn/item/60f688e65132923bf821c68d.jpg"
48+
style="top: 2%; position: absolute; left: 35%; z-index: -1; height: 100px"
49+
/>
50+
<style>
51+
section.content {
52+
padding-top: 100px;
7953
}
80-
}
54+
</style>
8155

82-
@media (max-width:500px) {
56+
<div id="app"></div>
57+
<a
58+
href="https://github.com/wx-chevalier/DevOps-Series"
59+
class="github-corner"
60+
aria-label="View source on GitHub"
61+
><svg
62+
width="80"
63+
height="80"
64+
viewBox="0 0 250 250"
65+
style="
66+
fill: #151513;
67+
color: #fff;
68+
position: absolute;
69+
top: 0;
70+
border: 0;
71+
right: 0;
72+
"
73+
aria-hidden="true"
74+
>
75+
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
76+
<path
77+
d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
78+
fill="currentColor"
79+
style="transform-origin: 130px 106px"
80+
class="octo-arm"
81+
></path>
82+
<path
83+
d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
84+
fill="currentColor"
85+
class="octo-body"
86+
></path></svg
87+
></a>
88+
<style>
8389
.github-corner:hover .octo-arm {
84-
animation: none
90+
animation: octocat-wave 560ms ease-in-out;
8591
}
8692

87-
.github-corner .octo-arm {
88-
animation: octocat-wave 560ms ease-in-out
89-
}
90-
}
91-
</style>
92-
<script>
93-
window.$docsify = {
94-
name: 'Developer Zero To Mastery',
95-
repo: 'wx-chevalier/Developer-Zero-To-Mastery',
96-
loadSidebar: "_sidebar.md",
97-
alias: {
93+
@keyframes octocat-wave {
94+
0%,
95+
100% {
96+
transform: rotate(0);
97+
}
9898

99-
},
100-
subMaxLevel: 3,
101-
search: "auto",
102-
// ga: "UA-126390624-1",
103-
plantuml: {
104-
skin: 'default',
105-
},
106-
toc: {
107-
scope: '.markdown-section',
108-
headings: 'h1, h2, h3, h4, h5, h6',
109-
title: 'Table of Contents',
110-
},
111-
}
112-
</script>
113-
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
114-
<script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
115-
<script src="//unpkg.com/docsify/lib/plugins/ga.min.js"></script>
116-
<script src="//unpkg.com/docsify-copy-code"></script>
117-
<script src="//unpkg.com/docsify/lib/plugins/external-script.min.js"></script>
118-
<script src="//cdn.jsdelivr.net/npm/docsify-katex@latest/dist/docsify-katex.js"></script>
119-
<script src="//unpkg.com/prismjs/components/prism-bash.min.js"></script>
120-
<script src="//unpkg.com/prismjs/components/prism-php.min.js"></script>
121-
<script src="//unpkg.com/prismjs/components/prism-javascript.min.js"></script>
122-
<script src="//unpkg.com/prismjs/components/prism-java.min.js"></script>
123-
<script src="//unpkg.com/prismjs/components/prism-go.min.js"></script>
124-
<script src="//unpkg.com/docsify-plantuml/dist/docsify-plantuml.min.js"></script>
125-
<script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
126-
<!-- <script src="https://unpkg.com/docsify-toc@1.0.0/dist/toc.js"></script> -->
127-
<script src="//unpkg.com/docsify-sidebar-collapse/dist/docsify-sidebar-collapse.min.js"></script>
128-
<script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1279148160&web_id=1279148160"></script>
129-
<script
130-
type="text/javascript">window.$crisp = []; window.CRISP_WEBSITE_ID = "12adcc35-9621-4313-8262-62dc654b29d8"; (function () { d = document; s = d.createElement("script"); s.src = "https://client.crisp.chat/l.js"; s.async = 1; d.getElementsByTagName("head")[0].appendChild(s); })();</script>
99+
20%,
100+
60% {
101+
transform: rotate(-25deg);
102+
}
131103

104+
40%,
105+
80% {
106+
transform: rotate(10deg);
107+
}
108+
}
132109

133-
<script>window.onload = () => { setTimeout(() => { document.querySelectorAll("li.level-1").forEach(n => n.classList.add("open")); document.querySelector("input[type='search']").placeholder = "本系列检索"; }, 1000) }</script>
110+
@media (max-width: 500px) {
111+
.github-corner:hover .octo-arm {
112+
animation: none;
113+
}
134114

135-
</body>
115+
.github-corner .octo-arm {
116+
animation: octocat-wave 560ms ease-in-out;
117+
}
118+
}
119+
</style>
120+
<script>
121+
window.$docsify = {
122+
name: "Developer Zero To Mastery",
123+
repo: "wx-chevalier/Developer-Zero-To-Mastery",
124+
loadSidebar: "_sidebar.md",
125+
alias: {},
126+
subMaxLevel: 3,
127+
search: "auto",
128+
// ga: "UA-126390624-1",
129+
plantuml: {
130+
skin: "default",
131+
},
132+
toc: {
133+
scope: ".markdown-section",
134+
headings: "h1, h2, h3, h4, h5, h6",
135+
title: "Table of Contents",
136+
},
137+
};
138+
</script>
139+
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
140+
<script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
141+
<script src="//unpkg.com/docsify/lib/plugins/ga.min.js"></script>
142+
<script src="//unpkg.com/docsify-copy-code"></script>
143+
<script src="//unpkg.com/docsify/lib/plugins/external-script.min.js"></script>
144+
<script src="//cdn.jsdelivr.net/npm/docsify-katex@latest/dist/docsify-katex.js"></script>
145+
<script src="//unpkg.com/prismjs/components/prism-bash.min.js"></script>
146+
<script src="//unpkg.com/prismjs/components/prism-php.min.js"></script>
147+
<script src="//unpkg.com/prismjs/components/prism-javascript.min.js"></script>
148+
<script src="//unpkg.com/prismjs/components/prism-java.min.js"></script>
149+
<script src="//unpkg.com/prismjs/components/prism-go.min.js"></script>
150+
<script src="//unpkg.com/docsify-plantuml/dist/docsify-plantuml.min.js"></script>
151+
<script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
152+
<!-- <script src="https://unpkg.com/docsify-toc@1.0.0/dist/toc.js"></script> -->
153+
<script src="//unpkg.com/docsify-sidebar-collapse/dist/docsify-sidebar-collapse.min.js"></script>
154+
<script
155+
type="text/javascript"
156+
src="https://s4.cnzz.com/z_stat.php?id=1279148160&web_id=1279148160"
157+
></script>
158+
<script type="text/javascript">
159+
window.$crisp = [];
160+
window.CRISP_WEBSITE_ID = "12adcc35-9621-4313-8262-62dc654b29d8";
161+
(function () {
162+
d = document;
163+
s = d.createElement("script");
164+
s.src = "https://client.crisp.chat/l.js";
165+
s.async = 1;
166+
d.getElementsByTagName("head")[0].appendChild(s);
167+
})();
168+
</script>
169+
170+
<!-- Global site tag (gtag.js) - Google Analytics -->
171+
<script
172+
async
173+
src="https://www.googletagmanager.com/gtag/js?id=G-VBDE2QW626"
174+
></script>
175+
<script>
176+
window.dataLayer = window.dataLayer || [];
177+
function gtag() {
178+
dataLayer.push(arguments);
179+
}
180+
gtag("js", new Date());
136181

137-
</html>
182+
gtag("config", "G-VBDE2QW626");
183+
</script>
184+
</body>
185+
</html>

0 commit comments

Comments
 (0)