-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
154 lines (152 loc) · 5.39 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>抖音@程序员李钟意</title>
<meta
name="keywords"
content="程序员李钟意, 前端, 程序员, 李钟意, 博客, HTML5, CSS, JavaScript, Vue, React, 爬虫, Electron, 钟意未来"
/>
<meta
name="description"
content="程序员李钟意,在抖音分享 HTML5、CSS、JavaScript、Vue、React 等前端技术,并提供 Vue 和 Electron 开发实战经验。还有爬虫技术和其他编程知识。钟意未来。"
/>
<meta name="googlebot" content="index,follow" />
<meta name="robots" content="index,follow" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
<link rel="icon" href="./logo.svg?" />
<link rel="stylesheet" href="./docsify@4/vue.css" />
<style>
html {
/* filter: grayscale(100%); */
}
html,
body {
margin: 0;
padding: 0;
}
body {
font-size: 16px;
}
.markdown-section {
max-width: 1400px;
}
.seo-header {
position: absolute;
left: 9999999999px;
}
</style>
</head>
<body>
<h1 class="seo-header">
<a href="https://ffffee.com">程序员李钟意, 前端开发工程师, electron开发工程师, 在抖音平台直播讲前端相关技术。</a>
</h1>
<div id="app"></div>
<script>
window.$docsify = {
repo: 'https://github.com/xieerduos/xieerduos.github.io',
loadSidebar: true,
alias: {'/.*/_sidebar.md': '/_sidebar.md'},
subMaxLevel: 4,
search: {
maxAge: 86400000,
paths: 'auto',
placeholder: '输入关键字搜索',
placeholder: {'/en/': 'Type to search', '/': '输入关键字搜索'},
noData: {'/en/': 'No Results', '/': '找不到结果'},
depth: 6,
hideOtherSidebarContent: true,
namespace: 'website-1',
pathNamespaces: ['/en'],
pathNamespaces: /^(\/(en))?(\/(v1|v2))?/
},
count: {countable: true, fontsize: '0.9em', color: 'rgb(90,90,90)', language: 'chinese'},
plugins: [
function (hook, vm) {
hook.beforeEach(function (html) {
var url = 'https://github.com/xieerduos/xieerduos.github.io/blob/main/' + vm.route.file;
var editHtml = '[📝 EDIT DOCUMENT](' + url + ')\n';
return editHtml + html + '\n----\nLast modified {docsify-updated} ' + editHtml;
});
},
function (hook, vm) {
hook.ready(function () {
mermaid.initialize({startOnLoad: false});
});
hook.doneEach(function () {
mermaid.init(undefined, '.mermaid');
});
}
],
markdown: {
renderer: {
code: function (code, lang) {
var html = '';
if (
code.match(/^sequenceDiagram/) ||
code.match(/^graph/) ||
code.match(/^gantt/) ||
code.match(/^gitGraph/) ||
code.match(/^pie/) ||
code.match(/^flowchart/)
) {
html = '<div class="mermaid">' + code + '</div>';
}
var hl = Prism.highlight(code, Prism.languages[lang] || Prism.languages.markup);
return (
html + '<pre v-pre data-lang="' + lang + '"><code class="lang-' + lang + '">' + hl + '</code></pre>'
);
}
}
}
};
if (/^\/node_modules\//gi.test(window.location.pathname)) {
window.location.href = '/';
}
if (/^\/en/gi.test(window.location.pathname)) {
window.location.href = '/';
}
</script>
<!-- Docsify v4 -->
<script src="./docsify@4/index.js"></script>
<!-- 全文检索 -->
<script src="./docsify@4/search.min.js"></script>
<!-- 图片缩放 - Zoom image -->
<script src="./docsify@4/zoom-image.min.js"></script>
<!-- 复制到剪贴板 -->
<script src="./docsify@4/docsify-copy-code.min.js"></script>
<!-- 代码高亮 -->
<script src="./docsify@4/prism-bash.min.js"></script>
<!-- 时序图 -->
<script async src="./docsify@4/mermaid.min.js"></script>
<!-- 字数统计 -->
<script async src="./docsify@4/countable.min.js"></script>
<script type="module">
import uuidv4 from './docsify@4/uuid/esm-browser/v4.js';
let uuid = localStorage.getItem('uuid');
if (!uuid) {
uuid = uuidv4();
localStorage.setItem('uuid', uuid);
}
window.onhashchange = onhashchange;
onhashchange();
function onhashchange() {
let data = 'hash=' + window.decodeURI(location.hash).replace(/^#/, '');
data += '&uuid=' + uuid;
ajaxPost('/api/category/', data, function () {});
}
function ajaxPost(url, data, callback) {
const xhr = new XMLHttpRequest();
xhr.open('POST', url, true);
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xhr.send(data);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
callback(xhr.responseText);
}
};
}
</script>
</body>
</html>