- 在封面页添加下拉菜单组件,支持 Mac Intel 芯片和 Apple 芯片两种下载选项 - 实现下拉菜单的 JavaScript 交互功能,包括展开收起和点击事件处理 - 添加下拉菜单的 CSS 样式,包含悬停效果和响应式布局 - 在 index.html 中引入新的 dropdown.js 脚本文件 - 实现移动端适配,确保下拉菜单在不同屏幕尺寸下的正常显示
77 lines
3.1 KiB
HTML
77 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" href="./_media/favicon.ico">
|
|
<link rel="stylesheet" href="./_config/css/vue.css" />
|
|
<link rel="stylesheet" href="./_config/css/styles.css">
|
|
</head>
|
|
<body>
|
|
<div id="app"></div>
|
|
<!-- <script src="_config/js/stop.js"></script> -->
|
|
<script>
|
|
window.$docsify = {
|
|
el: '#app',
|
|
// name: 'Mr.Luck',
|
|
nameLink: '/',
|
|
// logo: '/_media/logo.png',
|
|
onlyCover: true,
|
|
|
|
basePath: "./",
|
|
// repo: 'luckday-cn',
|
|
// routerMode: 'history', // default: 'hash'
|
|
|
|
coverpage: '_coverpage.md', // coverpage: true,
|
|
// loadNavbar: '_config/_navbar.md', // loadNavbar: true,
|
|
loadSidebar: '_sidebar.md', // loadSidebar: true,
|
|
autoHeader: false,
|
|
mergeNavbar: true,
|
|
subMaxLevel: 3,
|
|
maxLevel: 4,
|
|
auto2top: true,
|
|
// themeColor: 'red',
|
|
// relativePath: true,
|
|
executeScript: true,
|
|
notFoundPage: true,
|
|
|
|
search: {
|
|
paths: 'auto',
|
|
placeholder: 'Search',
|
|
noData: 'No Results.'
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<script src="./_config/js/docsify.min.js"></script>
|
|
<script src="./_config/js/emoji.min.js"></script>
|
|
<script src="./_config/js/search.min.js"></script>
|
|
|
|
<script src="./_config/js/external-script.min.js"></script>
|
|
<script src="./_config/js/zoom-image.min.js"></script>
|
|
<script src="./_config/js/docsify-copy-code.min.js"></script>
|
|
<script src="./_config/js/docsify-pagination.min.js"></script>
|
|
<script src="./_config/js/prism-bash.min.js"></script>
|
|
<script src="./_config/js/prism-php.min.js"></script>
|
|
<script src="./_config/js/prism-java.min.js"></script>
|
|
<script src="./_config/js/prism-python.min.js"></script>
|
|
<script src="./_config/js/header-scroll.js"></script>
|
|
<script src="./_config/js/dropdown.js"></script>
|
|
|
|
<!-- <script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/emoji.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
|
|
|
|
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/external-script.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/docsify-copy-code/dist/docsify-copy-code.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/docsify-pagination/dist/docsify-pagination.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-php.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/prismjs@1.24.1/components/prism-java.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/prismjs@1.24.1/components/prism-python.min.js"></script> -->
|
|
</script>
|
|
</body>
|
|
</html>
|