docsify/docs/index.html
John Hildenbiddle bf9d7bdcac Dedupe html & fix doc site previews
- Create template for generating multiple `index.html` files (root and `/docs/`)
- Add nunjucks dependency
- Append “(Preview)” to document title for easier identification of local preview tabs/windows (preview only)
- Add custom plugin to fix preview paths to `/docs` resources in markdown (preview only)
- Add front-matter plugin to `/docs/index.html` (missing in previous file, required for front-matter demo in docs)
- Add “build:html” npm script
- Fix preview paths to `/docs` resources in `index.html` files (preview only)
- Remove “Powered by docsify” from footer
- Remove “Vercel has given us a Pro account” from footer (acknowledgement provided via the “Special Thanks” section in README)
- Move “Edit Document” link from top-left to bottom-right of page
- Refactor package.json script (reorder)
- Refactor `.eslintignore` file (reorder and remove duplicate entries)
2020-11-18 14:47:52 -06:00

212 lines
6.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>docsify</title>
<link rel="icon" href="_media/favicon.ico" />
<meta
name="google-site-verification"
content="6t0LoIeFksrjF4c9sqUEsVXiQNxLp2hgoqo0KryT-sE"
/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta
name="keywords"
content="doc,docs,documentation,gitbook,creator,generator,github,jekyll,github-pages"
/>
<meta name="description" content="A magical documentation generator." />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0"
/>
<link
rel="stylesheet"
href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css"
title="vue"
/>
<link
rel="stylesheet"
href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/dark.css"
title="dark"
disabled
/>
<link
rel="stylesheet"
href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/buble.css"
title="buble"
disabled
/>
<link
rel="stylesheet"
href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/pure.css"
title="pure"
disabled
/>
<style>
nav.app-nav li ul {
min-width: 100px;
}
</style>
<style>
#carbonads {
box-shadow: none !important;
width: auto !important;
}
</style>
</head>
<body>
<div id="app">Loading ...</div>
<script>
window.$docsify = {
name: "docsify",
// repo: 'docsifyjs/docsify',
auto2top: true,
coverpage: true,
executeScript: true,
// Navigation
alias: {
".*?/awesome":
"https://raw.githubusercontent.com/docsifyjs/awesome-docsify/master/README.md",
".*?/changelog":
"https://raw.githubusercontent.com/docsifyjs/docsify/master/CHANGELOG.md",
"/.*/_navbar.md": "/_navbar.md",
"/zh-cn/(.*)":
"https://raw.githubusercontent.com/docsifyjs/docs-zh/master/$1",
"/de-de/(.*)":
"https://raw.githubusercontent.com/docsifyjs/docs-de/master/$1",
"/ru-ru/(.*)":
"https://raw.githubusercontent.com/docsifyjs/docs-ru/master/$1",
"/es/(.*)":
"https://raw.githubusercontent.com/docsifyjs/docs-es/master/$1",
"/write-a-plugin":
"https://raw.githubusercontent.com/docsifyjs/docsify/master/docs/write-a-plugin.md"
},
loadNavbar: true,
loadSidebar: true,
maxLevel: 4,
mergeNavbar: true,
subMaxLevel: 2,
// Vue
vueComponents: {
"button-counter": {
template:
'<button @click="count += 1">You clicked me {{ count }} times</button>',
data() {
return {
count: 0
};
}
}
},
vueGlobalOptions: {
data() {
return {
count: 0,
message: "Hello, World!",
// Fake API response
images: [
{ title: "Image 1", url: "https://picsum.photos/150?random=1" },
{ title: "Image 2", url: "https://picsum.photos/150?random=2" },
{ title: "Image 3", url: "https://picsum.photos/150?random=3" }
]
};
},
computed: {
timeOfDay() {
const date = new Date();
const hours = date.getHours();
if (hours < 12) {
return "morning";
} else if (hours < 18) {
return "afternoon";
} else {
return "evening";
}
}
},
methods: {
hello: function() {
alert(this.message);
}
}
},
vueMounts: {
"#counter": {
data() {
return {
count: 0
};
}
}
},
// Plugins (docsify)
ga: "UA-106147152-1",
matomo: {
host: "//matomo.thunderwave.de",
id: 6
},
search: {
noData: {
"/de-de/": "Keine Ergebnisse!",
"/zh-cn/": "没有结果!",
"/": "No results!"
},
paths: "auto",
placeholder: {
"/de-de/": "Suche",
"/zh-cn/": "搜索",
"/": "Search"
}
},
// Plugins (custom)
plugins: [
// Edit Document
function(hook, vm) {
hook.beforeEach(function(html) {
var url =
"https://github.com/docsifyjs/docsify/blob/master/docs/" +
vm.route.file;
if (/githubusercontent\.com/.test(vm.route.file)) {
url = vm.route.file
.replace("raw.githubusercontent.com", "github.com")
.replace(/\/master/, "/blob/master");
} else if (/jsdelivr\.net/.test(vm.route.file)) {
url = vm.route.file
.replace("cdn.jsdelivr.net/gh", "github.com")
.replace("@master", "/blob/master");
}
return [
html,
'<div style="text-align: right;">',
"[:memo: Edit Document](" + url + ")",
"</div>"
].join("\n\n");
});
}
]
};
</script>
<script src="//cdn.jsdelivr.net/npm/docsify@4/lib/docsify.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify@4/lib/plugins/search.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify@4/lib/plugins/front-matter.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-markdown.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-nginx.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-php.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify@4/lib/plugins/ga.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify@4/lib/plugins/matomo.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify-plugin-carbon@1/index.min.js"></script>
<script>
((window.gitter = {}).chat = {}).options = {
room: "docsifyjs/Lobby"
};
</script>
<script src="//sidecar.gitter.im/dist/sidecar.v1.js" async defer></script>
<script src="//cdn.jsdelivr.net/npm/vue@2/dist/vue.min.js"></script>
</body>
</html>