登录 立即注册

首页 > 绿虎论坛 > 电脑 > 教程 (发帖)

标题: Typora骚操作之自动上传图床

作者: @Ta

时间: 2020-11-22发布,2020-11-22修改

点击: 28802

昨天看的文章,我也转了并测试了下,gitee没测成功不知道是不是我设置问题,自建服务器成功,它基本思路是替换Typora中的window.html,html调用了作者写的js,js中监测是否插入了本地图片,有的话自动上传自建服务器、阿里云、腾讯云、又拍云、github等,并将markdown里的本地图片地址自动替换成远程图片地址。

项目地址:https://github.com/Thobian/typora-plugins-win-img

虽然作者说只支持windows,但我测试deepine上的Typora一样可以用,确实很方便,省去了先上传图床在手动插入链接的繁琐过程。我目前使用自建服务器,也就是将作者提供的upload.php上传到我自己服务器上的一个文件夹

但是有个问题,作者定义接口的时候定义了token(如下),但是提供的upload.php中没用到校验啊,请问如何修改呢?让upload.php只能上传指定token用户的图片?各位php大佬求解 @老虎会游泳

//将图片上传地址换成你自己的后端接口,由于调用时不带登录态,请注意接口安全别被坏人利用
//为了防止坏人利用你服务器接口,插件支持设置请求头,可一定程度避免被利用
//接口协议:
//请求方式:POST
//请求参数:data:image/png;base64,xxxxxx (图片原转换成base64后的值)
//成功响应:{'code':0, 'message':'成功', 'data':{'url'=>'imageURL'}} 
//失败响应:{'code':x, 'message':'错误原因', 'data':null} 失败时,code必须未非0
//后端接口代码可以参考代码文件:`upload.php`
$.image.init({
    target:'self',
    self:{
        //默认上传地址 https://jiebianjia.com/typora-plugins/upload.html
        url:"https://you-server/the-image-upload-path",
        headers:{
            //默认: token:B40289FC92ED660F433BF0DB01577FDE
            token:"value"  //自己定义好,并在接口里面检查避免坏人利用你接口
        }
    }
});

安装教程:只需要下载的window.html与plugins文件夹复制到Typora安装目录resources\app中即可,window.html建议备份一份,upload.php为自建服务器程序示例。

文件打包:
typora-plugins-win-img-master.zip(439.06 KB)

不需要老虎帮忙了,突然想到个妙计,我把upload.php文件名改成其它的不就行了,这样虽然这个接口可以随意传东西,但别人不知道这个地址
https://cway.top


[隐藏样式|查看源码]


『回复列表(14|隐藏机器人聊天)』

1.
知道gitee为什么上传失败了,因为必须得定义文件夹,因此建立的仓库里也必须新建目录,使用根目录会提示服务器错误,gitee可用WebIDE新建目录: https://gitee.com/-/ide/project/用户名/仓库名/edit/master/-/ https://cway.top
(/@Ta/2020-11-22 12:39//)

3.

我都是 notepad2 写文章的,没用过专门的 markdown 编辑器
https://qzkyl.ml

(/@Ta/2020-11-22 14:05//)

4.

marian-kroell-qElMHWePpok-unsplash

亲测gitee码云对超过1M的图片不显示
https://cway.top

(/@Ta/2020-11-22 22:36//)

5. @hik,用不了最新版用不了啊
(/@Ta/2020-11-23 14:55//)

6.

@罐子,可以的,我用0.9.96,不同版本应该都可以,Typora好像是用谷歌浏览器的内核改的,可以按shift+F12看控制台报错,window.html不要直接替换。
可以把备份下来的 window.html 文件恢复回去。
然后手动编辑恢复回去的文件,搜索<script src="./app/window/frame.js" defer="defer"></script> 在其后面加上一行:<script src="./plugins/image/upload.js" defer="defer"></script> 然后再试试是否能恢复正常。
注:readme中覆盖 window.html 只是为了引入 ./plugins/image/upload.js 文件,但不同版本window.html文件可能存在一些差异,确实 有可能出现你说的这个问题。
https://cway.top

(/@Ta/2020-11-23 17:44//)

7.

@罐子我也是头一回发现typora就是个不能浏览网页的浏览器
https://cway.top

(/@Ta/2020-11-23 17:48//)

8.

最好是用cli command line来上传文件,如果还要通过php服务器来传输(中转)的话,可能延迟,超时。

typroa自带图片上传功能:

image.png

你要做的是写个本地cmd,然后上传就可。

可以用php xxx.php来上传,总之最好避免一个服务器中转上传到各种object storage

当然,最好的我觉得使用一种可以编译本地可执行文件的语言来写,比如go,php或python都需要本地环境。

红米Note7 高配版(黑色)

(/@Ta/2020-11-23 18:08//)

9.

当然,command line 也有一个现成的工具: PicGo

如果不喜欢有可视化界面的,可以安装node.js实现的:

https://www.npmjs.com/package/picgo
红米Note7 高配版(黑色)

(/@Ta/2020-11-23 18:11//)

10. @hik,目测按@无道,的说法可以使用minio
(/@Ta/2020-11-23 18:22//)

11.

@罐子,但是这种实际只是引用一个js,我觉得不比自带的差(其实自带的不会配置也是一个原因)
https://cway.top

(/@Ta/2020-11-23 20:13//)

12. @hik,想用golang写一个上传插件但是不知道自己的水平能不能搞定。
(/@Ta/2020-11-24 21:58//)

13.

@罐子应该很好写,我用java模拟了下

public class Main {
    public static void main(String[] args) {
        for (String arg : args) {
            System.out.println(upload(arg));
        }
    }
    
    public static String upload(String path){
//        根据路径上传文件并返回上传后的图片地址
        
//        模拟返回数据
        return "https://"+path;
    }
}

命令行就是

java -jar /home/hik/typoraUpload.jar 

Typora要求的返回数据就是控制台的数据,数据格式如下,这就简单了,上传图片,返回网址,换行输出就行了

http://remote-image-1.png
http://remote-image-2.png

https://cway.top

(/@Ta/2020-11-25 16:00//)

14. @hik@老虎会游泳
求问哪一个是Typora官网啊, 这俩是不是有一个是假的啊?
https://www.typora.net
https://www.typora.io
(/@Ta/2021-09-22 13:22//)

15.

@希望自己长胖胖,肯定是io啊,这是外国人开发的,net应该是国人兴趣使然建的中文站,就像phpbb跟phpbb中文站一样
https://cway.top

(/@Ta/2021-09-23 07:15//)

回复需要登录

11月21日 22:46 星期四

本站由hu60wap6华为CPU驱动

备案号: 京ICP备18041936号-1