<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>背Ta单词 官方文档</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="背Ta单词 官方文档">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<!-- 主题样式 -->
<link rel="stylesheet" href="static/docsify/lib/themes/vue.css">
<link rel="shortcut icon" href="favicon.ico" />
<style>
/* 首页封面背景渐变色样式 */
.cover.show {
background: linear-gradient(to left bottom, hsl(189, 100%, 85%) 0%, hsl(232, 100%, 85%) 100%) !important;
}
/* 左侧侧边栏下面多留出一些空白 */
.sidebar-nav {
padding-bottom: 80vh !important;
}
/* 左侧侧边栏缩进更明显一些 */
.sidebar ul {
margin-left: 23px !important;
}
/* */
@media screen and (max-width: 768px) {
.sidebar-toggle {
/* position: relative; */
padding: 10px;
/* width: auto; */
bottom: auto;
top: 0;
}
.sidebar {
margin-top: 38px;
}
/* 手机屏幕不显示导航栏 */
nav {
display: none;
}
}
.sidebar-toggle {
width: auto;
}
</style>
</head>
<body>
<div id="app">加载中...</div>
<script>
window.$docsify = {
el: '#app', // docsify 初始化挂载元素
name: '背Ta单词 官方文档',
repo: '',
// 显示侧边栏
loadSidebar: true,
// 显示导航栏
loadNavbar: true,
maxLevel: 6, // 默认值: 6 默认情况下会抓取文档中所有标题渲染成目录，可配置最大支持渲染的标题层级。
subMaxLevel: 3, // 最大支持渲染的标题层级
// 切换页面后自动跳转到页面顶部
auto2top: true,
// 设置封面
coverpage: true,
// 文档左上角logo
// logo: 'img/logo.png',
// 主题色
themeColor: '#795548',
// 同时设置 loadSidebar 和 autoHeader 后，可以根据 _sidebar.md 的内容自动为每个页面增加标题。
autoHeader: true,
// 启用相对路径
relativePath: true,
// 执行文档里的 script 标签里的脚本，只执行第一个 script
executeScript: true,
// 小屏设备下合并导航栏到侧边栏。
// mergeNavbar: true,
// 404页
notFoundPage: true,
// 更新时间格式
formatUpdated: '{YYYY}-{MM}-{DD} {HH}:{mm}',
// 让你的内容页在滚动到指定的锚点时，距离页面顶部有一定空间。当你使用 固定页头 布局时这个选项很有用，可以让你的锚点对齐标题栏。
topMargin: 45, // default: 0
// 搜索
search: {
maxAge: 1000, // 86400000, // 过期时间，单位毫秒，默认一天
paths: [],
placeholder: ' 在文档中搜索... ',
noData: '没有找到结果',
depth: 6, // 搜索标题的最大层级, 1 - 6
hideOtherSidebarContent: true, // 是否隐藏其他侧边栏内容
},
// 字数统计
count: {
countable: true,
fontsize: '0.9em',
color: 'rgb(90,90,90)',
language: 'chinese'
},
pagination: {
previousText: '上一章节',
nextText: '下一章节',
crossChapter: true,
crossChapterText: true,
},
plugins: [
// 添加文档修改时间 和 发现文档中的错误？去Gitee上编辑当前页面
function(hook, vm) { // auto_add_update_time_plugin
hook.beforeEach(function(content) {
var updateHTML = '<p align="right" style="opacity: 0.6;">更新时间：{docsify-updated}</p>' +
'<p align="center" style="margin: 80px auto;">' +
'<span style="background-color: #c9f0ff; padding: 40px 80px;">发现文档中的错误？有更好的修改建议？' +
'<a href=""></a>去Gitee上编辑当前页面！' +
'<span>' +
'</p>'
content = content + updateHTML
return content;
});
},
// 左侧菜单滚动到激活的位置
function(hook, vm) {
scrollToHandler = function() {
try {
let activeMenuItem = document.querySelector("ul > li.active")
let sidebar = document.querySelector("aside.sidebar")
let activeMenuItemTop = activeMenuItem.getBoundingClientRect().top
let sidebarHeight = sidebar.getBoundingClientRect().height
let scrollto = sidebar.scrollTop + activeMenuItemTop - sidebarHeight * (1 -
0.618) /* 黄金分割比 */
// sidebar.scrollTo(0, scrollto)
sidebar.scrollTo({
top: scrollto,
behavior: "smooth"
})
// console.log("\n\n")
// console.log("activeMenuItem", activeMenuItem)
// console.log("sidebar", sidebar)
// console.log("activeMenuItemTop", activeMenuItemTop)
// console.log("sidebarHeight", sidebarHeight)
// console.log("sidebar.scrollTop", sidebar.scrollTop)
// console.log("scrollto", scrollto)
} catch (err) {
console.log(err)
}
}
hook.doneEach(scrollToHandler);
},
// // // livere评论：https://livere.com/insight/communite
// function(hook, vm) {
// // load livere
// hook.beforeEach(function(content) {
// var comment =
// "<div id='lv-container' data-id='city' data-uid='MTAyMC81MzY5NS8zMDE2OA=='></div>\n\n----\n"
// return content + comment;
// });
// hook.doneEach(function() {
// (function(d, s) {
// var j, e = d.getElementsByTagName(s)[0];
// if (typeof LivereTower === 'function') {
// return;
// }
// j = d.createElement(s);
// j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
// j.async = true;
// e.parentNode.insertBefore(j, e);
// })(document, 'script');
// });
// },
],
// docsify-dark-mode
// darkMode: {
// dark: {
// background: "#1c2022",
// toggleBtnBg: "#34495e",
// textColor: "#b4b4b4"
// },
// light: {
// background: "white",
// toggleBtnBg: "var(--theme-color)",
// textColor: "var(--theme-color)"
// }
// },
// 页脚 load from _footer.md
loadFooter: true,
// // 阅读进度条
// progress: {
// position: "top", // 'top' / 'bottom'
// color: "var(--theme-color,#42b983)",
// height: "3px",
// },
// drawio You just have to copy it to Your own html File
markdown: {
renderer: {
code: function(code, lang) {
if (lang === 'drawio') {
if (window.drawioConverter) {
console.log('drawio 转化中')
return window.drawioConverter(code)
} else {
return `<div class='drawio-code'>${code}</div>`
}
} else {
return this.origin.code.apply(this, arguments);
}
}
}
},
}
</script>
<!-- Docsify v4 -->
<script src="static/docsify/docsify@4.js"></script>
<!-- plugins -->
<!-- 搜索 -->
<!-- <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script> -->
<script src="static/docsify/lib/plugins/search.min.js"></script>
<!-- 复制到剪贴板 -->
<!-- <script src="//cdn.jsdelivr.net/npm/docsify-copy-code/dist/docsify-copy-code.min.js"></script> -->
<script src="static/docsify/lib/plugins/docsify-copy-code.min.js"></script>
<!-- 字数统计 -->
<!-- <script src="//unpkg.com/docsify-count/dist/countable.js"></script> -->
<!-- <script src="static/docsify/lib/plugins/docsify-count@1.1.0/countable.js"></script> -->
<script src="static/docsify/lib/plugins/docsify-count@1.1.0/countable.min.js"></script>
<!-- footer plugin -- latest version -->
<!-- <script src="//cdn.jsdelivr.net/npm/@alertbox/docsify-footer/dist/docsify-footer.min.js"></script> -->
<script src="static/docsify/lib/plugins/docsify-footer.min.js"></script>
<!-- 上一章 下一章 -->
<!-- <script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script> -->
<script src="static/docsify/lib/plugins/docsify-pagination@2.6.1/docsify-pagination.min.js"></script>
<!-- drawio -->
<!-- <script src="https://cdn.jsdelivr.net/npm/docsify-drawio/viewer.min.js"></script>
<script src='https://cdn.jsdelivr.net/npm/docsify-drawio/drawio.js'></script> -->
<!-- <script src="static/docsify/lib/plugins/docsify-drawio/viewer.min.js"></script> -->
<script src='static/docsify/lib/plugins/docsify-drawio/drawio.js'></script>
<!-- docsify-tabs (latest v1.x.x) -->
<!-- https://jhildenbiddle.github.io/docsify-tabs/#/ -->
<!-- <script src="https://cdn.jsdelivr.net/npm/docsify-tabs@1"></script> -->
<!-- docsify plugin: Flexible Alerts -->
<!-- https://github.com/fzankl/docsify-plugin-flexible-alerts -->
<!-- 常见术语表 docsify-glossary -->
<!-- <script src="//unpkg.com/docsify-glossary/dist/docsify-glossary.min.js"></script> -->
<!-- Table of Contents -->
<!-- <link rel="stylesheet" href="https://unpkg.com/docsify-toc@1.0.0/dist/toc.css">
<script src="https://unpkg.com/docsify-toc@1.0.0/dist/toc.js"></script>
<style>
.nav {
padding-top: 40px;
}
@media screen and (max-width: 1300px) {
.nav {
display: none;
}
}
</style>
<script>
// Table of Contents
window.$docsify.toc = {
scope: '.markdown-section',
headings: 'h1, h2, h3, h4, h5, h6',
title: '目录',
}
</script> -->
<!-- docsify-dark-mode -->
<!-- <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify-dark-mode@latest/dist/style.min.css" />
<script src="//cdn.jsdelivr.net/npm/docsify-dark-mode@latest/dist/index.min.js"></script> -->
<!-- 阅读进度条插件(与滚动右侧文档左侧对应子目录激活有冲突) -->
<!-- <script src="https://cdn.jsdelivr.net/npm/docsify-progress@latest/dist/progress.min.js"></script> -->
<!-- <script src="static/docsify/lib/plugins/docsify-progress@1.0.3/progress.js"></script> -->
</body>
</html>