Typora+PicGo+Gitee

Typora+PicGo+Gitee(图床迁移 使用自己服务器)

Typora官网下载: https://www.typora.net/

PicGo github下载:https://github.com/Molunerfinn/PicGo/releases

1、Gitee配置(已经成历史了 当然原本就是代码仓库,不应该如此使用…)

添加私人令牌:

https://gitee.com/profile/personal_access_tokens

创建图床仓库

image-20211207095002454

创建完仓库后避免图片过多乱放 可创建img文件夹

image-20211207095323388

2、PicGo配置

搜索gitee插件安装

image-20211207095427365

PicGo装好插件重启修改gitee配置

image-20211207095725909

上传区可以测试

image-20211207095813979

上传失败可以查看日志、服务端口

image-20211207095847870

image-20211207095933107

3、Typora配置

文件 》偏好设置 》 图像中可以选择PicGo、电脑安装路径

image-20211207100031683

图片验证,127.0.0.1后的端口要与上文PicGo端口对应,gitee中要是有相同文件名会上传失败

image-20211207100155831

配置好以上内容,就可以流畅书写、分享markdown文档了,再也不用单独修改图片路径了,撒花✿✿ヽ(°▽°)ノ✿

4、Gitee 图床迁移

本来已经准备服务器上搭建gitlab代替gitee了,但是gitlab内存建议4gb,想想服务器宝贵的内存还是打扰了…

于是找到了PicGo的新插件 web-uploader(感谢大佬ZQian提供好用的插件) ,直接用java web服务接口代替gitee仓库。

参考连接:https://blog.csdn.net/qq_44839815/article/details/124871715

4.1、恢复图床数据

将gitee上的图床文件夹拉下来,再上传至服务器中。

image-20220528094747697

使用nginx配置转发,访问文件夹中的图片。

	server {
        listen 443 ssl;
        #填写绑定证书的域名    没域名的80或者其他端口 + ip
        server_name 域名;
        #证书文件名称
        ssl_certificate 证书;
        #私钥文件名称
        ssl_certificate_key 私钥;
        ssl_session_timeout 5m;
        ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
        ssl_protocols TLSv1.2 TLSv1.3;
        ssl_prefer_server_ciphers on;
     
    	# 重点就是这里转发服务器文件夹,访问图片路径
        location / {		
          root 文件存放路径/img/; 
        }		
		
    }

不出意外的话重启nginx后,就能正常访问之前所有的页面了。

image-20220528095246591

4.2 、恢复文章图片显示

只要替换文章中图片的前缀路径即可,这里推荐Visual Studio Code,这个搜索里的替换真是爆赞,可以将文件夹里文章的地址一起全换了

image-20220528095549499

顺利的话你的所有文章图片就都正常了

image-20220528095911228

4.3、web服务添加接口上传图片

/**
 * PicGo 图片上传
 * @author Qinsanz
 * @date 2022/2/5
 */
@Api(tags = "PicGo 图片上传")
@RestController
public class PicGoController {

    @Autowired
    private UploadStrategyContext uploadStrategyContext;


    @PostMapping("/picgo")
    @ResponseBody
    public String picGoUpload(MultipartFile img, String key){
        //判断key是否合法    
        //转存图片
        //返回图片的网络路径
        //具体的完整代码已经提交 gitee了 有需要的小伙伴可以参考
        return uploadStrategyContext.executeUploadStrategy(img, FilePathEnum.IMG.getPath());
    }
}

4.4、PicGo配置

下载插件

image-20220528101528005

配置接口

image-20220528101606188

在服务器资源拮据的情况下,打工人自然希望服务器能做的事情越多越快乐了,物尽其用 hh…

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值