7.8 KiB
Einstellungen
You can configure the window.$docsify
.
<script>
window.$docsify = {
repo: 'QingWei-Li/docsify',
maxLevel: 3,
coverpage: true
}
</script>
el
- Typ:
String
- Standard:
#app
Das DOM Element kann bei der Initialisierung gesetzt werden. Es kann ein CSS selector string oder ein richtiges HTMLElement sein.
window.$docsify = {
el: '#app'
};
repo
- Typ:
String
- Standard:
null
Verwende die repository URL oder eine Zeichenfolge aus Benutzername/repo
, um das GitHub Corner widget in die obere rechte Ecke der Seite zu implementieren.
window.$docsify = {
repo: 'QingWei-Li/docsify',
// oder
repo: 'https://github.com/QingWei-Li/docsify/'
};
maxLevel
- Typ:
Number
- Standard:
6
Maximale Anzahl der Inhaltsübersichtebenen.
window.$docsify = {
maxLevel: 4
};
loadNavbar
- Typ:
Boolean|String
- Standard:
false
Lädt die Navigationsleiste von der Markdown Datei _navbar.md
falls true, oder vom gewählten Pfad.
window.$docsify = {
// lade von _navbar.md
loadNavbar: true,
// lade von nav.md
loadNavbar: 'nav.md'
};
loadSidebar
- Typ:
Boolean|String
- Standard:
false
Lädt das seitliche Inhaltsverzeichnis von der Markdown Datei _sidebar.md
falls true, oder vom gewählten Pfad.
window.$docsify = {
// lade von _sidebar.md
loadSidebar: true,
// lade von summary.md
loadSidebar: 'summary.md'
};
subMaxLevel
- Typ:
Number
- Standard:
0
Wähle die maximale Anzahl der Unterpunkte pro Datei in der Inhaltsübersicht.
window.$docsify = {
subMaxLevel: 2
};
auto2top
- Typ:
Boolean
- Standard:
false
Scrolle zum Anfang der Seite, wenn die Route gewechselt wird.
window.$docsify = {
auto2top: true
};
homepage
- Typ:
String
- Standard:
README.md
README.md
in deinem Ordner für die Dokumentation wird als Startseite für deine Webseite gesetzt, aber manchmal musst du das vielleicht ändern.
window.$docsify = {
// Wähle /home.md
homepage: 'home.md',
// Oder verwende das README in deinem repo
homepage:
'https://raw.githubusercontent.com/QingWei-Li/docsify/master/README.md'
};
basePath
- Typ:
String
Der Basispfad der Webseite. Du kannst einen anderen Ordner wählen, oder eine andere Domain.
window.$docsify = {
basePath: '/path/',
// Lade die Dateien von einer anderen Domain
basePath: 'https://docsify.js.org/',
// Oder lade Dateien von einem anderen repo
basePath:
'https://raw.githubusercontent.com/ryanmcdermott/clean-code-javascript/master/'
};
coverpage
- Typ:
Boolean|String
- Standard:
false
Aktiviere das Titelseitenfeature. Falls true
, wird sie von _coverpage.md
geladen.
window.$docsify = {
coverpage: true,
// Anderer Dateiname
coverpage: 'cover.md',
// mutiple covers
coverpage: ['/', '/zh-cn/'],
// mutiple covers and custom file name
coverpage: {
'/': 'cover.md',
'/zh-cn/': 'cover.md'
}
};
logo
- Type:
String
Website logo as it appears in the sidebar, you can resize by CSS.
window.$docsify = {
logo: '/_media/icon.svg'
};
name
- Typ:
String
Webseitenname, wie er in der Inhaltsübersicht in der Seitenleiste angezeigt wird.
window.$docsify = {
name: 'docsify'
};
nameLink
- Typ:
String
- Standard:
window.location.pathname
Der Name der Links.
window.$docsify = {
nameLink: '/',
// Für jede Route
nameLink: {
'/zh-cn/': '/zh-cn/',
'/': '/'
}
};
markdown
- Typ:
Function
Siehe Markdown Konfiguration.
window.$docsify = {
// Objekt
markdown: {
smartypants: true,
renderer: {
link: function() {
// ...
}
}
},
// Funktion
markdown: function(marked, renderer) {
// ...
return marked;
}
};
themeColor
- Typ:
String
Passe die Farbe der Themen an. Verwende CSS3 Variablen und polyfill in älteren Browsern.
window.$docsify = {
themeColor: '#3F51B5'
};
alias
- Typ:
Object
Verwende alternative Routen. Du kannst sie ungehindert anpassen. Supports RegExp.
window.$docsify = {
alias: {
'/foo/(+*)': '/bar/$1', // supports regexp
'/zh-cn/changelog': '/changelog',
'/changelog':
'https://raw.githubusercontent.com/QingWei-Li/docsify/master/CHANGELOG',
'/.*/_sidebar.md': '/_sidebar.md' // See #301
}
};
autoHeader
- Typ:
Boolean
Sollten loadSidebar
und autoHeader
beide aktiviert sein, setze einen Header vor die Seite in jedem Link in _sidebar.md
, bevor sie in HTML umgewandelt wird. Vergleiche #78.
window.$docsify = {
loadSidebar: true,
autoHeader: true
};
executeScript
- Typ:
Boolean
Führe das Skript auf der Seite aus. Analysiere nur das erste script tag (demo). Sollte Vue verwendet sein, wird es in der Standardeinstellung ausgeführt.
window.$docsify = {
executeScript: true
};
## Dies ist ein Test
<script>
console.log(2333)
</script>
?> Nehme zur Kenntnis, dass, solltest du ein externes Skript ausführen, z.B. ein eingebettete jsfiddle demo, du sicher gehen solltest, das external-script plugin zu verwenden.
noEmoji
- type:
Boolean
Verhindere die Umwandlung in Emojis:
window.$docsify = {
noEmoji: true
};
mergeNavbar
- type:
Boolean
Navbar will be merged with the sidebar on smaller screens.
window.$docsify = {
mergeNavbar: true
};
formatUpdated
- type:
String|Function
We can display the file update date through {docsify-updated} variable. And format it by formatUpdated
.
See https://github.com/lukeed/tinydate#patterns
window.$docsify = {
formatUpdated: '{MM}/{DD} {HH}:{mm}',
formatUpdated: function(time) {
// ...
return time;
}
};
externalLinkTarget
- type:
String
- default:
_blank
Currently it defaults to _blank, would be nice if configurable:
window.$docsify = {
externalLinkTarget: '_self' // default: '_blank'
};
routerMode
- type:
String
- default:
history
window.$docsify = {
routerMode: 'history' // default: 'hash'
};
noCompileLinks
- type:
Array
Sometimes we do not want docsify to handle our links. See #203
window.$docsify = {
noCompileLinks: ['/foo', '/bar/.*']
};
requestHeaders
- type:
Object
Set the request resource headers.
window.$docsify = {
requestHeaders: {
'x-token': 'xxx'
}
};
ext
- type:
String
Request file extension.
window.$docsify = {
ext: '.md'
};
fallbackLanguages
- type:
Array<string>
List of languages that will fallback to the default language when a page is request and didn't exists for the given local.
Example:
- try to fetch the page of
/de/overview
. If this page exists, it'll be displayed - then try to fetch the default page
/overview
(depending on the default language). If this page exists, it'll be displayed - then display 404 page.
window.$docsify = {
fallbackLanguages: ['fr', 'de']
};
notFoundPage
- type:
Boolean
|String
|Object
Load the _404.md
file:
window.$docsify = {
notFoundPage: true
};
Load the customised path of the 404 page:
window.$docsify = {
notFoundPage: 'my404.md'
};
Load the right 404 page according to the localisation:
window.$docsify = {
notFoundPage: {
'/': '_404.md',
'/de': 'de/_404.md'
}
};
Note: The options with fallbackLanguages didn't work with the
notFoundPage
options.