你可以配置在 window.$docsify
里。
<script>
window.$docsify = {
repo: 'docsifyjs/docsify',
maxLevel: 3,
coverpage: true
}
</script>
String
null
配置仓库地址或者 username/repo
的字符串,会在页面右上角渲染一个 GitHub Corner 挂件。
window.$docsify = {
repo: 'docsifyjs/docsify',
// or
repo: 'https://github.com/docsifyjs/docsify/'
};
Number
6
默认情况下会抓取文档中所有标题渲染成目录,可配置最大支持渲染的标题层级。
window.$docsify = {
maxLevel: 4
};
Number
0
自定义侧边栏后默认不会再生成目录,你也可以通过设置生成目录的最大层级开启这个功能。
window.$docsify = {
subMaxLevel: 2
};
String
README.md
设置首页文件加载路径。适合不想将 README.md
作为入口文件渲染,或者是文档存放在其他位置的情况使用。
window.$docsify = {
// 入口文件改为 /home.md
homepage: 'home.md',
// 文档和仓库根目录下的 README.md 内容一致
homepage:
'https://raw.githubusercontent.com/docsifyjs/docsify/master/README.md'
};
String
Website logo as it appears in the sidebar, you can resize by CSS.
window.$docsify = {
logo: '/_media/icon.svg'
};
String
文档标题,会显示在侧边栏顶部。
window.$docsify = {
name: 'docsify'
};
String
window.location.pathname
点击文档标题后跳转的链接地址。
window.$docsify = {
nameLink: '/',
// 按照路由切换
nameLink: {
'/zh-cn/': '/zh-cn/',
'/': '/'
}
};
Object|Function
参考 Markdown 配置。
window.$docsify = {
// object
markdown: {
smartypants: true,
renderer: {
link: function() {
// ...
}
}
},
// function
markdown: function(marked, renderer) {
// ...
return marked;
}
};
String
替换主题色。利用 CSS3 支持变量的特性,对于老的浏览器有 polyfill 处理。
window.$docsify = {
themeColor: '#3F51B5'
};
Object
定义路由别名,可以更自由的定义路由规则。 支持正则。
window.$docsify = {
alias: {
'/foo/(+*)': '/bar/$1', // supports regexp
'/zh-cn/changelog': '/changelog',
'/changelog':
'https://raw.githubusercontent.com/docsifyjs/docsify/master/CHANGELOG',
'/.*/_sidebar.md': '/_sidebar.md' // See #301
}
};
Boolean
同时设置 loadSidebar
和 autoHeader
后,可以根据 _sidebar.md
的内容自动为每个页面增加标题。#78
window.$docsify = {
loadSidebar: true,
autoHeader: true
};
Boolean
执行文档里的 script 标签里的脚本,只执行第一个 script (demo)。 如果 Vue 存在,则自动开启。
window.$docsify = {
executeScript: true
};
## This is test
<script>
console.log(2333)
</script>
注意如果执行的是一个外链脚本,比如 jsfiddle 的内嵌 demo,请确保引入 external-script 插件。
Boolean
禁用 emoji 解析。
window.$docsify = {
noEmoji: true
};
Boolean
小屏设备下合并导航栏到侧边栏。
window.$docsify = {
mergeNavbar: true
};
String|Function
我们可以显示文档更新日期通过 {docsify-updated} 变量. 并且格式化日期通过 formatUpdated
。参考 https://github.com/lukeed/tinydate#patterns
window.$docsify = {
formatUpdated: '{MM}/{DD} {HH}:{mm}',
formatUpdated: function(time) {
// ...
return time;
}
};
String
_blank
当前默认为 _blank, 配置一下就可以:
window.$docsify = {
externalLinkTarget: '_self' // default: '_blank'
};
String
hash
window.$docsify = {
routerMode: 'history' // default: 'hash'
};
Array
有时我们不希望 docsify 处理我们的链接。 参考 #203
window.$docsify = {
noCompileLinks: ['/foo', '/bar/.*']
};
Object
设置请求资源的请求头。
window.$docsify = {
requestHeaders: {
'x-token': 'xxx'
}
};
String
资源的文件扩展名。
window.$docsify = {
ext: '.md'
};
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:
/de/overview
. If this page exists, it’ll be displayed/overview
(depending on the default language). If this page exists, it’ll be displayedwindow.$docsify = {
fallbackLanguages: ['fr', 'de']
};
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.