Files
learning-weekly/docs/index.html
2022-06-16 11:35:17 +08:00

250 lines
8.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Learning-Weekly</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="Description">
<link rel="icon" href="img/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<!-- 主题 -->
<!-- <link rel="stylesheet" href="//unpkg.com/docsify-darklight-theme@3/dist/docsify-themeable/style.min.css" type="text/css">
<link rel="stylesheet" href="https://unpkg.com/docsify-themeable@0/dist/css/theme-simple.css" title="light">
<link rel="stylesheet alternative" href="https://unpkg.com/docsify-themeable@0/dist/css/theme-simple-dark.css" title="dark"> -->
<link rel="stylesheet" href="src/css/style.min.css" type="text/css">
<link rel="stylesheet" href="src/css/theme-simple.css" title="light">
<link rel="stylesheet alternative" href="src/css/theme-simple-dark.css" title="dark">
</head>
<style>
.sidebar::-webkit-scrollbar {
-webkit-appearance: none;
width: 5px;
height: 5px;
}
.sidebar::-webkit-scrollbar-thumb {
background-color: transparent;
border: 0px solid transparent;
border-radius: 10px
}
.sidebar:hover::-webkit-scrollbar {
display: inline-block;
}
.sidebar:hover::-webkit-scrollbar-thumb {
background-color: #b6b6b6;
border: 0px solid #fff;
}
.sidebar:hover::-webkit-scrollbar-track {
background-color: inherit
}
.sidebar::-webkit-scrollbar-thumb:active {
background-color: #9d9d9d
}
.sidebar {
-webkit-overflow-scrolling: touch
}
body {
-webkit-overflow-scrolling: touch
}
::-webkit-scrollbar {
-webkit-appearance: none;
width: 5px;
height: 5px
}
::-webkit-scrollbar-track {
background-color: inherit
}
::-webkit-scrollbar-thumb {
background-color: #b6b6b6;
border: 0px solid #fff;
border-radius: 10px
}
::-webkit-scrollbar-thumb:hover {
background-color: #9d9d9d
}
/*滚动条样式 start*/
/* 滚动条宽度 */
::-webkit-scrollbar{width:5px;}
/* 滚动条颜色 */
::-webkit-scrollbar-thumb{
background: #33a9dc;
background-image: linear-gradient(#6ecd56, #33a9dc, #cb6196, #c16290);
border-radius: 2em;
}
/* tabls展示 */
:root {
--docsifytabs-border-color: #ededed;
--docsifytabs-tab-highlight-color: purple;
}
/* tabls展示 */
@media screen and (max-width: 48em) { /* 760px */
.sidebar::-webkit-scrollbar {
display: none;
background-color: transparent;
}
code::-webkit-scrollbar {
background-color: transparent;
}
}
</style>
<body>
<div id="app"></div>
<script>
window.$docsify = {
name: 'Learning-Weekly',
repo: 'https://github.com/eryajf/Learning-Weekly',
coverpage: true,
// basePath: '/Learning-Weekly/', // github
basePath: '/', // 本地
loadSidebar: true,
subMaxLevel: 6, // default 0
// loadNavbar: true,
mergeNavbar: false,
notFoundPage: true,
topMargin: 60,//调整top
// auto2top: true, //切换页面之后是否回到页面顶部
// 搜索相关配置
search: {
maxAge: 3600000, // 过期时间,单位毫秒,默认一天
paths: 'auto',
placeholder: 'Search',
noData: 'No Results!',
depth: 6 // 搜索标题的最大程级, 1 - 6
},
themeable: {
responsiveTables: true // default
},
// 统计字数
count:{
countable:true,
fontsize:'0.9em',
color:'rgb(90,90,90)',
language:'chinese',
},
// 复制代码块儿
copyCode: {
buttonText : 'Copy',
errorText : 'Error',
successText: 'Copied'
},
// 更丰富的提醒
'flexible-alerts': {
note: {label: "Hinweis"},
tip: {label: "Tipp"},
warning: {label: "Warnung"},
attention: {label: "Achtung"}
},
tabs: {
persist : true, // default
sync : true, // default
theme : 'classic', // default
tabComments: true, // default
tabHeadings: true // default
},
// edit on github
editLink: {
text: 'Edit On GitHub',
repo: 'https://github.com/eryajf/Learning-Weekly/edit/main/docs/',
cssClass: 'docsify-edit-link m-0'
},
//添加页脚,如果需要的话
// footer: {
// copy: '<div class = "over" >完结</div><br/><span>我能想到最浪漫的事,就是我喝咖啡你付钱~😆😏 ❤️ 打赏地址:<a href="https://wugenqiang.js.org/sponsor/" target="_blank">https://wugenqiang.js.org/sponsor/</a></span><iframe src="https://wugenqiang.js.org/sponsor/" style="overflow-x:hidden;overflow-y:hidden; min-height:240px; width:100%;" frameborder="0" scrolling="no"></iframe><br/><span id="sitetime"></span><br/><span>Copyright &copy; 2019 - 至今</span>',
// auth: ' <a href="https://wugenqiang.github.io/" target="_blank">🏷️ EnjoyToShare Blog</a> <span> 一个人可以走的很快,但一群人才能走的更远!</span>',
// pre: '<hr/>',
// style: 'text-align: left;',
// }
}
</script>
<!-- 添加页脚 -->
<!-- <script src="https://cdn.jsdelivr.net/gh/wugenqiang/NoteBook@master/plugin/docsify-footer-enh.min.js"></script> -->
<!-- other script -->
<script src="src/js/docsify-edit-link.js"></script>
<script src="src/js/docsify.min.js"></script>
<!-- emoji -->
<script src="src/js/emoji.min.js"></script>
<!-- 分页工具 -->
<script src="src/js/countable.js"></script>
<!-- 分页导航 -->
<script src="src/js/docsify-pagination.min.js"></script>
<script src="src/js/docsify-copy-code.min.js"></script>
<script src="src/js/docsify-themeable.min.js"></script>
<script src="src/js/zoom-image.min.js"></script>
<!-- <script src="src/js/docsify-tabs.min.js"></script> -->
<script src="src/js/search.min.js"></script>
<script src="src/js/external-script.min.js"></script>
<script src="src/js/prism-bash.min.js"></script>
<script src="src/js/prism-java.min.js"></script>
<script src="src/js/prism-go.min.js"></script>
<script src="src/js/prism-c.min.js"></script>
<script src="src/js/prism-cpp.min.js"></script>
<script src="src/js/prism-latex.min.js"></script>
<script src="src/js/prism-sql.min.js"></script>
<script src="src/js/prism-json.min.js"></script>
<script src="src/js/prism-powershell.min.js"></script>
<!-- 流程图 -->
<script src="src/js/mermaid.js"></script>
<script src="src/js/docsify-mermaid.js"></script>
<script>mermaid.initialize({ startOnLoad: true });</script>
<!-- 自动给英文数字等添加空格 -->
<script src="src/js/pangu.min.js"></script>
<!-- mouse click -->
<script src="src/js/click_heart.js"></script>
<!-- wikilink -->
<script src="src/js/docsify-wikilink.js"></script>
<!-- 表格样式 -->
<script src="src/js/docsify-tabs.min.js"></script>
<!-- 评论插件 -->
<link rel="stylesheet" href="src/css/gitalk.css">
<script src="src/js/gitalk.min.js"></script>
<script src="src/js/gitalk-dist.min.js"></script>
<script src="src/js/md5.min.js"></script>
<script type="text/javascript">
var gitalk = new Gitalk({
clientID: '131ff82b6e2a3191e593',
clientSecret: '160d595628976f64faf8994a40bf7637e94550dc',
repo: 'Learning-Weekly',
owner: 'eryajf',
admin: ['eryajf'],
id: md5(location.pathname),
distractionFreeMode: false
})
gitalk.render('gitalk-container')
</script>
<!-- theme change -->
<script src="src/js/main.min.js" type="text/javascript"></script>
<script src="src/js/index.min.js" type="text/javascript"></script>
<!-- 脚注扩展 -->
<script src="src/js/docsify-plugin-flexible-alerts.min.js"></script>
<!-- 回到顶部功能 -->
<script src="src/js/jquery.js"></script>
<script src="src/js/jquery.goup.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$.goup({
trigger: 100,
bottomOffset: 52,
locationOffset: 25,
//title: 'TOP',
titleAsText: true
});
});
</script>
</body>
</html>