首页 > 其他分享 >Typora自定义图片图床服务器

Typora自定义图片图床服务器

时间:2023-04-29 14:44:22浏览次数:49  
标签:自定义 url Typora 图床 uploader picgo data

0x01 启用picgo

文件-偏好设置-图像-上传服务设定-PicGo-core(command line)

0x02安装插件

打开路径C:\Users\你的用户名\.picgo(其他环境自己百度吧,我这是Windows),然后输入命令(得确保PC已有Node环境,不然npm报没有命令):

npm install picgo-plugin-web-uploader

0x02服务器返回接口配置

我的服务器返回值是:

{
    "status": true,
    "show": false,
    "message": "请求的操作执行成功!",
    "data": {
        "url": {
            "status": true,
            "url": "http://xfstu.com/api/tools/resources/get?query=20230429-644cb7a5b9d7a-2",
            "filename": "typora-icon2.png",
            "time": 1682749349,
            "ext": "image/png",
            "fileid": "20230429-644cb7a5b9d7a-2"
        }
    }
}

0x03配置插件

打开picgo的目录,在 Typora 中安装的 PicGo-Core 通常会被安装在以下目录中:

  • Windows:%APPDATA%\Typora\picgo\
  • macOS:~/Library/Application Support/abnerworks.Typora/picgo/
  • Linux:~/.config/Typora/picgo/

然后输入picgo.exe set uploader,这个时候就可以填配置信息了:

C:\Users\user\AppData\Roaming\Typora\picgo\win64>picgo.exe set uploader
> Choose a(n) uploader web-uploader
> API地址 http://xfstu.com/test
> POST参数名 file
> 图片URL JSON路径(eg: data.url) data.url.url
> 自定义请求头 标准JSON(eg: {"key":"value"})
> 自定义Body 标准JSON(eg: {"key":"value"})
[PicGo SUCCESS]: Configure config successfully!

其中json路径这个根据自己的实际情况来配置。根据我的json结构,应该填data.url.url。然后检查一下第二步中的config.jsoncurrent字段是不是插件名字,即web-uploader

然后再验证一下即可。

标签:自定义,url,Typora,图床,uploader,picgo,data
From: https://www.cnblogs.com/xfstu/p/17363968.html

相关文章

  • chipyard——自定义配置生成和前仿
    一,生成配置前面用rocket-chip仓库做了生成和前仿,为了方便扩展外设,这里转到chipyard仓库。首先我们生成一个之前用的配置: 为删SimDTM(我的测试框架不需要),先在rocket的subsystem/config下创建一个class: 然后在chipyard顶层创建config: makeCONFIG=MyConfig创建设计 发......
  • nginx自定义指定加载配置
    进入 /usr/local/nginx/conf/include目录,创建 nginx.node.conf文件,在里面输入如下代码:upstreamnodejs{server127.0.0.1:3000;#server127.0.0.1:3001;keepalive64;}server{listen80;server_namewww.penguu.compenguu.com;access_lo......
  • 如何自定义starter
    背景使用过SpringBoot的小伙伴都应该知道,一个SpringBoot项目就是由一个一个starter组成的,一个starter代表该项目的SpringBoot启动依赖,除了官方已有的starter,我们可以根据自己的需要自定义新的starter。我们经常会看到或者使用到各种***-starter。比如下面几种:spring-boo......
  • Spring 实现自定义 bean 的扩展
    Springmvc提供了扩展xml的机制,用来编写自定义的xmlbean,例如dubbo框架,就利用这个机制实现了好多的dubbobean,比如 <dubbo:application>、<dubbo:registry> 等等,只要安装这个标准的扩展方式实现配置即可。扩展自定义bean的意义何在假设我们要使用一个开源框架或者一套......
  • vue3自定义指令实现el-select下拉加载更多
    1.新建js文件exportdefault(app)=>{app.directive('loadmore',{beforeMount(el,binding){constelement=el.querySelector('.t-select__dropdown');element.addEventListener('scroll',()=>{co......
  • CMakeLists---自定义变量-add_definitions()函数
    转载:https://blog.csdn.net/qq_35699473/article/details/115837708引言其实这个函数在安装一些库的时候,它的CMakeLists里面就有这样的函数。典型的就是opencv了。opencv安装时候有一些指令也是针对这个函数的,比如安装命令(随便搜索的):cmake ../opencv-3.4.1-DWITH_GTK_2......
  • 如何在Timeline中创建自定义轨道?
    你好,我是跟着大智学Unity的萌新,我叫小新,这是我本周的学习总结报告哦。用过一段时间Timeline后,我问大智:“Timeline中只有这么几个轨道么?我发现有的需求这些轨道根本没办法满足,使用之前学过的PlayableTrack也很麻烦,还有其他办法么?”大智:“你遇到了什么问题呢?”小新:“之前咱们学的那......
  • Hibernate查询返回自定义对象
    /***Convertqueryresulttovolistutilclass.*/classAliasToBeanResultTransformerimplementsResultTransformer{privatestaticfinallongserialVersionUID=-5199190581393587893L;privatefinalClass<T>resultCla......
  • aop实现日志记录通过自定义注解方式
    切面类切入点引入注解@Pointcut("@annotation(com.test.aop.MyLog)")privatevoidpointcut(){}注解类@Retention(RetentionPolicy.RUNTIME)@Target(ElementType.METHOD)//指定实现的类型及运行时机public@interfaceMyLog{}在使用的方法上加自定义注解@MyLog方法log.i......
  • css cursor: url 自定义鼠标光标遇到的坑
    1、大小不能大于32*32(切记)本人就是在这个上面栽了很久,一直出不来2、最好是ico,cur格式3、使用绝对路径4、在逗号后面加通用游标,如官网所写 示例:map.style.cursor="url('/img/cursor.ico'),pointer";附:在线修改图片大小网址:在线图片大小修改器,图片尺寸修改,格式转换【免费】png等......