mirror of
https://gitee.com/docsifyjs/docsify.git
synced 2024-12-02 03:59:19 +08:00
7bbf13d9bd
* chore: add missing Vue support for Vercel builds * refactor: move some functions and module-level state into classes as private methods and properties to start to encapsulate Docsify Also some small tweaks: - move initGlobalAPI out of Docsify.js to start to encapsulate Docsify - move ajax to utils folder - fix some type definitions and improve content in some JSDoc comments - use concise class field syntax - consolidate duplicate docsify-ignore comment removal code This handles a task in [Simplify and modernize Docsify](https://github.com/docsifyjs/docsify/issues/2104), as well as works towards [Encapsulating Docsify](https://github.com/docsifyjs/docsify/issues/2135). * chore: add prettier code format check to our lint script, and add a prettier script for manually formatting the whole code base * chore: update issue/pr templates * chore: apply our format to the whole code base --------- Co-authored-by: Koy <koy@ko8e24.top> Co-authored-by: i544693 <369491420@qq.com>
185 lines
6.2 KiB
HTML
185 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>docsify</title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<link rel="stylesheet" href="/themes/vue.css" title="vue" />
|
|
<link rel="stylesheet" href="/themes/dark.css" title="dark" disabled />
|
|
<link rel="stylesheet" href="/themes/buble.css" title="buble" disabled />
|
|
<link rel="stylesheet" href="/themes/pure.css" title="pure" disabled />
|
|
<link
|
|
rel="stylesheet"
|
|
href="/themes/dolphin.css"
|
|
title="dolphin"
|
|
disabled
|
|
/>
|
|
<style>
|
|
nav.app-nav li ul {
|
|
min-width: 100px;
|
|
}
|
|
|
|
#carbonads {
|
|
box-shadow: none !important;
|
|
width: auto !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app"></div>
|
|
<script src="//cdn.jsdelivr.net/npm/docsify-plugin-carbon@1"></script>
|
|
<script>
|
|
// Set html "lang" attribute based on URL
|
|
const lang = location.hash.match(/#\/(de-de|es|ru-ru|zh-cn)\//);
|
|
|
|
if (lang) {
|
|
document.documentElement.setAttribute('lang', lang[1]);
|
|
}
|
|
|
|
// Docsify configuration
|
|
window.$docsify = {
|
|
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',
|
|
'/es/(.*)':
|
|
'https://raw.githubusercontent.com/docsifyjs/docs-es/master/$1',
|
|
'/de-de/(.*)':
|
|
'https://raw.githubusercontent.com/docsifyjs/docs-de/master/$1',
|
|
'/ru-ru/(.*)':
|
|
'https://raw.githubusercontent.com/docsifyjs/docs-ru/master/$1',
|
|
'/zh-cn/(.*)':
|
|
'https://cdn.jsdelivr.net/gh/docsifyjs/docs-zh@master/$1',
|
|
},
|
|
auto2top: true,
|
|
basePath: '/docs/',
|
|
coverpage: true,
|
|
executeScript: true,
|
|
loadSidebar: true,
|
|
loadNavbar: true,
|
|
mergeNavbar: true,
|
|
maxLevel: 4,
|
|
subMaxLevel: 2,
|
|
name: 'docsify',
|
|
nameLink: {
|
|
'/es/': '#/es/',
|
|
'/de-de/': '#/de-de/',
|
|
'/ru-ru/': '#/ru-ru/',
|
|
'/zh-cn/': '#/zh-cn/',
|
|
'/': '#/',
|
|
},
|
|
search: {
|
|
noData: {
|
|
'/es/': '¡No hay resultados!',
|
|
'/de-de/': 'Keine Ergebnisse!',
|
|
'/ru-ru/': 'Никаких результатов!',
|
|
'/zh-cn/': '没有结果!',
|
|
'/': 'No results!',
|
|
},
|
|
paths: 'auto',
|
|
placeholder: {
|
|
'/es/': 'Buscar',
|
|
'/de-de/': 'Suche',
|
|
'/ru-ru/': 'Поиск',
|
|
'/zh-cn/': '搜索',
|
|
'/': 'Search',
|
|
},
|
|
pathNamespaces: ['/es', '/de-de', '/ru-ru', '/zh-cn'],
|
|
},
|
|
vueComponents: {
|
|
'button-counter': {
|
|
template: /* html */ `<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() {
|
|
alert(this.message);
|
|
},
|
|
},
|
|
},
|
|
vueMounts: {
|
|
'#counter': {
|
|
data() {
|
|
return {
|
|
count: 0,
|
|
};
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
DocsifyCarbon.create('CEBI6KQE', 'docsifyjsorg'),
|
|
function (hook, vm) {
|
|
hook.beforeEach(html => {
|
|
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');
|
|
} else {
|
|
url =
|
|
'https://github.com/docsifyjs/docsify/blob/develop/docs/' +
|
|
vm.route.file;
|
|
}
|
|
const editHtml = '[:memo: Edit Document](' + url + ')\n';
|
|
return (
|
|
editHtml +
|
|
html +
|
|
'\n\n----\n\n' +
|
|
'<a href="https://docsify.js.org" target="_blank" style="color: inherit; font-weight: normal; text-decoration: none;">Powered by docsify</a>\n\n' +
|
|
'<a href="https://vercel.com/?utm_source=docsifyjs&utm_campaign=oss" target="_blank" title="Vercel has given us a Pro account"><img src="/docs/_media/powered-by-vercel.svg" alt="Vercel" width="150"></a>'
|
|
);
|
|
});
|
|
},
|
|
],
|
|
};
|
|
</script>
|
|
<script src="/lib/docsify.js"></script>
|
|
<script src="/lib/plugins/search.js"></script>
|
|
<script src="/lib/plugins/front-matter.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-bash.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-markdown.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-nginx.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-php.min.js"></script>
|
|
|
|
<script src="//cdn.jsdelivr.net/npm/vue@2/dist/vue.min.js"></script>
|
|
</body>
|
|
</html>
|