@@ -7,7 +7,7 @@ sidebarDepth: 3
77
88GUI插件指的是运行在electron版本的[ PicGo] ( https://github.com/Molunerfinn/PicGo ) 里的插件。它支持绝大多数在普通插件里能实现的[ 功能] ( /zh/dev-guide/cli.html ) ,还增加了额外的` guiApi ` 和其他的GUI特有的事件,让你的插件在PicGo里更加强大。
99
10- ![ ] ( https://cdn.jsdelivr.net/gh/Molunerfinn/test@master/ picgo-doc /50515434-bc9e8180-0adf-11e9-8c71-0e39973c06b1.png )
10+ ![ ] ( https://pic.molunerfinn.com/ picgo/docs /50515434-bc9e8180-0adf-11e9-8c71-0e39973c06b1.png )
1111
1212PicGo在2.0版本之后支持的插件系统其实就是以PicGo-Core为底层核心实现的。在PicGo上传图片的过程中,你书写的插件(包括Uploader、Transformer等等)都会进入PicGo-Core的上传流程中,所以如果你写了一个CLI版本的插件,基本都能无缝运行在PicGo里。
1313
@@ -124,11 +124,11 @@ module.exports = ctx => {
124124
125125根据[ 插件开发-配置项处理] ( /zh/dev-guide/cli.html#配置项的处理 ) 一章的描述,如果你的插件提供了 ` Plugin ` 或 ` Uploader ` 或 ` Transformer ` 维度的配置,会在插件的右键菜单生成对应默认的配置菜单:
126126
127- ![ defautl-config] ( https://cdn.jsdelivr.net/gh/Molunerfinn/test/PicGo /default-config.png )
127+ ![ defautl-config] ( https://pic.molunerfinn.com/picgo/docs /default-config.png )
128128
129129点击之后,PicGo会根据提供的配置项,转换生成可视化的配置表单:
130130
131- ![ setting-context-menu] ( https://cdn.jsdelivr.net/gh/Molunerfinn/test/PicGo /setting-context-menu.png )
131+ ![ setting-context-menu] ( https://pic.molunerfinn.com/picgo/docs /setting-context-menu.png )
132132
133133如果觉得菜单项都是英文不好理解(默认取的是 ` name ` 值),你可以通过配置每个菜单项的 ` alias ` 字段,来让表单显示成 ` alias ` 的文字。
134134
@@ -177,7 +177,7 @@ guiApi目前提供了如下的api:
177177
178178其中option是可选值,可以传入一个` {title, placeholder} ` 的对象,用于弹窗的标题和输入框的` placeholder ` 显示。
179179
180- ![ ] ( https://cdn.jsdelivr.net/gh/Molunerfinn/test@master/ picgo-doc /5c39aa4dab0b4.png )
180+ ![ ] ( https://pic.molunerfinn.com/ picgo/docs /5c39aa4dab0b4.png )
181181
182182示例:
183183
@@ -266,7 +266,7 @@ const guiMenu = ctx => {
266266
267267其中option是必选值,需要提供` {title, body} ` 用于通知窗口的显示。
268268
269- ![ ] ( https://cdn.jsdelivr.net/gh/Molunerfinn/test@master/ picgo-doc /5c3db88042a0f.png )
269+ ![ ] ( https://pic.molunerfinn.com/ picgo/docs /5c3db88042a0f.png )
270270
271271示例:
272272
@@ -293,7 +293,7 @@ const guiMenu = ctx => {
293293- option: Object || ` {title: '', message: '', type: 'info', buttons: ['Yes', 'No']} `
294294- return: Object -> ` {result, checkboxChecked} `
295295
296- ![ ] ( https://cdn.jsdelivr.net/gh/Molunerfinn/test@master/ picgo/20190611110904.png )
296+ ![ ] ( https://pic.molunerfinn.com/ picgo/docs /20190611110904.png )
297297
298298其中,option的完整参数可以参考Electron的[ dialog.showMessageBox] ( https://electronjs.org/docs/api/dialog#dialogshowmessageboxbrowserwindow-options-callback ) 。返回的值里,` result ` 为你指定的buttons的index值。比如上图如果我点了` 是(Y) ` ,那么我会收到如下返回值:
299299
@@ -385,7 +385,7 @@ module.exports = ctx => {
385385
386386当安装了插件之后,可以在「PicGo设置-快捷键设置」打开快捷键设置界面,就可以看到注册的快捷键。
387387
388- ![ shortkey-setting-screenshot] ( https://cdn.jsdelivr.net/gh/Molunerfinn/test/PicGo /shortKey-setting-screenshot.png )
388+ ![ shortkey-setting-screenshot] ( https://pic.molunerfinn.com/picgo/docs /shortKey-setting-screenshot.png )
389389
390390PicGo会根据插件的名字以及快捷键Item的name值,给快捷键分配不同的配置作用域,从而生成配置文件,生成的配置文件的key名的规则为 ` ${pluginName}:${commandItem.name} ` (开发者无需关注):
391391
@@ -417,7 +417,7 @@ PicGo在一些情况下会触发一些事件,这些事件可以被插件监听
417417
418418当用户在相册里点击删除,并且确定的时候,将会触发` remove ` 事件:
419419
420- ![ ] ( https://cdn.jsdelivr.net/gh/Molunerfinn/test@master/ picgo-doc /5c39b3c8746cf.png )
420+ ![ ] ( https://pic.molunerfinn.com/ picgo/docs /5c39b3c8746cf.png )
421421
422422` remove ` 事件会发送删除的图片列表(哪怕只有一张也是以数组格式传递),格式大概如下:
423423
@@ -469,7 +469,7 @@ module.exports = ctx => {
469469
470470如果你写了一个` Uploader ` 的插件,PicGo将会自动将其显示到图床列表里。你可以自定义一下这个图床要显示的名字,通过` name ` 选项来实现。如果你不提供这个` name ` 选项,那么PicGo将会显示Uploader注册的时候的` id ` 值。
471471
472- ![ ] ( https://cdn.jsdelivr.net/gh/Molunerfinn/test@master/ picgo-doc /5c39e91a73099.png )
472+ ![ ] ( https://pic.molunerfinn.com/ picgo/docs /5c39e91a73099.png )
473473
474474``` js
475475const handle = ctx => {
0 commit comments