nginx-tutorial/docs/index.html

141 lines
4.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>nginx-tutorial</title>
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
<meta content="nginx-tutorial" name="description" />
<meta
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
name="viewport"
/>
<link href="http://dunwu.test.upcdn.net/common/logo/zp_50_50.png" rel="icon" type="image/x-icon" />
<link href="//unpkg.com/docsify/lib/themes/vue.css" rel="stylesheet" />
<link href="//unpkg.com/gitalk/dist/gitalk.css" rel="stylesheet" />
<canvas
id="c_n9"
width="1920"
height="990"
style="position: fixed; top: 0; left: 0; z-index: -1; opacity: 0.5;"
></canvas>
<style>
/*超链接样式*/
.cover-main a,
.content a,
.sidebar a,
.sidebar ul li a,
.sidebar ul li a strong {
text-decoration: none !important;
}
/*超链接悬浮样式*/
.cover-main a:hover,
.content a:hover,
.sidebar a:hover,
.sidebar ul li a:hover,
.sidebar ul li a strong:hover {
color: #0077e6;
text-decoration: underline !important;
}
.sidebar-nav ul {
padding-left: 15px;
}
/*侧边栏样式*/
.sidebar .sidebar-nav h1 {
background-color: #f8f8f8;
margin: 10px;
padding-left: 10px;
text-align: center;
font-size: 12px;
text-transform: uppercase;
}
/*文章标题加动态刷新颜色效果*/
section.cover h1 span,
.markdown-section h1 span {
font-weight: 600;
font-family: zillaslab, Palatino, 'Palatino Linotype', 'Microsoft YaHei', serif;
background-image: -webkit-linear-gradient(left, #9fa5d5, #c4cdd2 50%, #e8f5ca);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-background-size: 200% 100%;
-webkit-animation: hue 5s infinite linear;
text-shadow: 2px 2px 2px transparent;
}
/*动态效果*/
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
-moz-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
-moz-filter: hue-rotate(-360deg);
}
}
</style>
</head>
<body>
<div id="app">正在加载...</div>
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
<script src="//unpkg.com/docsify-edit-on-github/index.js"></script>
<script>
window.$docsify = {
name: 'Nginx Tutorial',
repo: 'https://github.com/dunwu/nginx-tutorial',
logo: 'http://dunwu.test.upcdn.net/common/logo/zp_100_100.png',
themeColor: '#6190E8',
auto2top: true,
coverpage: 'coverpage.md',
loadSidebar: 'sidebar.md',
autoHeader: false,
maxLevel: 4,
subMaxLevel: 2,
mergeNavbar: true,
formatUpdated: '{YYYY}/{MM}/{DD} {HH}:{mm}',
search: {
maxAge: 86400000,
paths: ['/'],
placeholder: '🔍 搜索',
noData: '😭 没有结果!',
depth: 4
},
pagination: {
previousText: '上一篇',
nextText: '下一篇',
crossChapter: true
},
plugins: [
EditOnGithubPlugin.create('https://github.com/dunwu/nginx-tutorial/tree/master/docs/', null, function(file) {
if (file.indexOf('en') === -1) {
return '📝 编辑文档'
} else {
return '📝 Edit Document'
}
})
]
}
</script>
<script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
<script src="//unpkg.com/docsify/lib/plugins/zoom-image.js"></script>
<script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
<!--代码高亮-->
<!--@see https://github.com/PrismJS/prism -->
<script src="//unpkg.com/prismjs/components/prism-basic.min.js"></script>
<script src="//unpkg.com/prismjs/components/prism-bash.min.js"></script>
<script src="//unpkg.com/prismjs/components/prism-batch.min.js"></script>
<script src="//unpkg.com/prismjs/components/prism-nginx.min.js"></script>
<script src="//unpkg.com/prismjs/components/prism-markdown.min.js"></script>
<!-- <canvas id="c_n9" width="1920" height="990" style="position: fixed; top: 0; left: 0; z-index: -2; opacity: 0.5;"></canvas>-->
<script src="https://files.cnblogs.com/files/jingmoxukong/canvas-nest.min.js" async defer></script>
</body>
</html>