可选，自定义的按钮配置项。tools 中的按钮会排列显示在 homepage, git, tags, issues 等按钮之后。
const outline = new Outline(Outline.DEFAULTS)
+// 如果需要其它图标，可以到 https://github.com/yaohaixiao/icons.toolkit.vue 项目中选择需要的图标资源
+const clean = '<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 1024 1024">' +
+ '<path d="M704 32V320h288a32 32 0 0 1 32 32v320a32 32 0 0 1-32 32H32a32 32 0 0 1-32-32v-320A32 32 0 0 1 32 320H320V32a32 32 0 0 1 32-32h320a32 32 0 0 1 32 32zM576 128H448v320H128v128h768V448H576V128z"></path>' +
+ '<path d="M896 576v416a32 32 0 0 1-32 32h-704a32 32 0 0 1-32-32V576h768z m-128 128H256v192h512v-192z"></path>' +
+ '</svg>'
+
+// 侧边栏的 Toolbar 会多出一个 git 图标的按钮
+outline.reload({
+ git: 'https://github.com/yaohaixiao/outline.js',
+ tools: [
+ {
+ name: 'clean',
+ // 图标
+ icon: clean,
+ size: 20,
+ color: '#f00'
+ // link 指定按钮点击后页面的跳转地址
+ link: 'https://github.com/yaohaixiao',
+ // link 和 action 只能二选一
+ // action 指定按钮的处理方式
+ action: {
+ type: 'click',
+ // 指定回调函数的 this 上下文，不设置 this 指向 toolbar 组件
+ context: outline,
+ handler: function() {
+ // 回调函数的处理逻辑
+ }
+ }
+ }
+ ]
})可选，(DIYer福利)设置自定义样式的 class 名称：
// Default UI
new Outline(Outline.DEFAULTS)
@@ -243,7 +274,11 @@
const outline = new Outline(Outline.DEFAULTS)
// 查看全部配置信息
-outline.attrsAnchors 模块：类似 AnchorJS 基础功能模块，自动分析段落层级。
// 仅展示 API 中对外公开的方法和属性
+outline.attrs存储的是 Outline 对象当前工具栏的完整的按钮配置信息：
// 设置默认配置项
+const outline = new Outline(Outline.DEFAULTS)
+
+// 查看全部按钮配置信息
+outline.buttonsAnchors 模块：类似 AnchorJS 基础功能模块，自动分析段落层级。
// 仅展示 API 中对外公开的方法和属性
class Anchors extends Base {
constructor(options) {
super()
@@ -774,7 +809,61 @@
}]
outline.count()
-// -> 1 就是 getChapters() 返回数据的数量toTop() 方法会控制页面（scrollElement）滚动到顶部。
（可选）页面停止滚动后的回调函数。
Outline 对象，便于链式方法调用。
const outline = new Outline({
+// -> 1 就是 getChapters() 返回数据的数量addButton() 方法添加自定义的工具栏按钮。
（必须）单个按钮的配置信息或者多个按钮的配置信息。
Outline 对象，便于链式方法调用。
const outline = new Outline(Outline.DEFAULTS)
+// 如果需要其它图标，可以到 https://github.com/yaohaixiao/icons.toolkit.vue 项目中选择需要的图标资源
+const clean = '<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 1024 1024">' +
+ '<path d="M704 32V320h288a32 32 0 0 1 32 32v320a32 32 0 0 1-32 32H32a32 32 0 0 1-32-32v-320A32 32 0 0 1 32 320H320V32a32 32 0 0 1 32-32h320a32 32 0 0 1 32 32zM576 128H448v320H128v128h768V448H576V128z"></path>' +
+ '<path d="M896 576v416a32 32 0 0 1-32 32h-704a32 32 0 0 1-32-32V576h768z m-128 128H256v192h512v-192z"></path>' +
+ '</svg>'
+
+outline.addButton({
+ name: 'clean',
+ // 图标
+ icon: clean,
+ size: 20,
+ color: '#f00'
+ // link 指定按钮点击后页面的跳转地址
+ link: 'https://github.com/yaohaixiao',
+ // link 和 action 只能二选一
+ // action 指定按钮的处理方式
+ action: {
+ type: 'click',
+ // 指定回调函数的 this 上下文，不设置 this 指向 toolbar 组件
+ context: outline,
+ handler: function() {
+ // 回调函数的处理逻辑
+ }
+ }
+})removeButton() 方法移除工具栏按钮。
（必须）按钮名称。
Outline 对象，便于链式方法调用。
const outline = new Outline(Outline.DEFAULTS)
+// 如果需要其它图标，可以到 https://github.com/yaohaixiao/icons.toolkit.vue 项目中选择需要的图标资源
+const clean = '<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 1024 1024">' +
+ '<path d="M704 32V320h288a32 32 0 0 1 32 32v320a32 32 0 0 1-32 32H32a32 32 0 0 1-32-32v-320A32 32 0 0 1 32 320H320V32a32 32 0 0 1 32-32h320a32 32 0 0 1 32 32zM576 128H448v320H128v128h768V448H576V128z"></path>' +
+ '<path d="M896 576v416a32 32 0 0 1-32 32h-704a32 32 0 0 1-32-32V576h768z m-128 128H256v192h512v-192z"></path>' +
+ '</svg>'
+
+outline.addButton({
+ name: 'clean',
+ // 图标
+ icon: clean,
+ size: 20,
+ color: '#f00'
+ // link 指定按钮点击后页面的跳转地址
+ link: 'https://github.com/yaohaixiao',
+ // link 和 action 只能二选一
+ // action 指定按钮的处理方式
+ action: {
+ type: 'click',
+ // 指定回调函数的 this 上下文，不设置 this 指向 toolbar 组件
+ context: outline,
+ handler: function() {
+ // 回调函数的处理逻辑
+ }
+ }
+})
+
+setTimeout(() => {
+ outline.addButton('clean')
+}, 5000)toTop() 方法会控制页面（scrollElement）滚动到顶部。
（可选）页面停止滚动后的回调函数。
Outline 对象，便于链式方法调用。
const outline = new Outline({
article: '#article',
title: 'Outline v2.0.0'
})
@@ -833,42 +922,42 @@
showCode: false
})JavaScript Code Licensed under MIT License.
API Documentation Licensed under CC BY 3.0