【Typora】Typora+PicGo实现图片自动上传到Gitee图床【图文保姆级教程,看这一篇就够了】

前言

本文章主要记录了Typora+PicGo实现图片自动上传到Gitee图床的过程,相关demo,代码,PDF均可点击Miraitowax.GitHub或者Gitee获取,star一下,共同学习,共同进步!

文章中出现任何错误或想获得源代码文件均可添加博主QQ(2609276947)联系,也可在文章下方评论,欢迎大家前来交流学习。

在使用Typora编辑器添加图片时,有个弊端,只能在本地访问,发送给别人的笔记只能将图片一起打包发送,否则就无法查看图片,因博主经常保存错误图片路径(bushi),导致笔记图片无法查看,因此利用Gitee搭建图床,此文章记录博主搭建全过程,详细无踩坑!

博主持续更新学习过程踩过得坑,点赞关注不迷路~

Typora+PicGo实现图片自动上传到Gitee图床

Gitee

前提:Gitee完成注册

1. 新建仓库

Gitee网址:https://gitee.com/

选择新建仓库

image-20220828231105520

创建仓库相关信息

image-20220828231358189

点击文件—新建文件夹—命名—提交

image-20220828232745440

点击创建,点击初始化readme文件,点击管理

image-20220828231834456

填写简介,选择开源,点击保存

image-20220828231935690

2. 获取令牌

点击头像,选择设置

image-20220828232038041

点击安全设置—私人令牌—生成新令牌—提交

image-20220828232325285

image-20220828232358581

将生成的令牌进行文本保存!

PicGo

1. PicGo的下载与安装

PicGo下载网址:https://molunerfinn.com/PicGo/

image-20220828233018408

image-20220829000817186

也可以在typora中直接进行下载(注:Typora的版本尽量为较新版本)

image-20220828233449325

下载完成后,双击.exe文件,一直点击next(下一步)安装完成

2. PicGo的插件安装

点击插件设置—安装

image-20220828234032326

安装这个插件,需要安装一下Node.js,进入之后它会给你Node.js的下载链接页面,选择稳定版本的Node.js。下载后,一路点击下一步,完成安装,安装完之后,重启一下软件,才能够正确显示。

Node.js下载网址:https://nodejs.org/en/

image-20220828234242080

3. gitee图床设置

点击图床设置,选择gitee,开始设置

image-20220828234636277

按图示设置图床

image-20220828235856306

4. PicGo配置

选择PicGo设置,设置打开开机自启与时间戳开关

image-20220829000053546

配置文件确认

image-20220829000157566

image-20220829000243024

确认无误,保存退出

Typora

1. 配置PicGo

image-20220829000453732

2. 重启

重启PicGo与Typora

3. 验证

点击验证是否上传成功

image-20220829000638260

image-20220829000659904

路径变为网络路径,图床配置成功。

看到这里,如果感觉文章对你有帮助,不要忘记一键三连哦!

  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
在 Android 中使用 Retrofit 上传图片可以通过 `@Multipart` 和 `@Part` 注解实现。以下是 Retrofit 2.0 实现图文上传的方法总结: 1. 添加依赖库 在项目的 `build.gradle` 文件中添加以下依赖库: ```groovy implementation 'com.squareup.retrofit2:retrofit:2.9.0' implementation 'com.squareup.retrofit2:converter-gson:2.9.0' implementation 'com.squareup.retrofit2:converter-scalars:2.9.0' ``` 2. 创建 Retrofit 实例 ```java Retrofit retrofit = new Retrofit.Builder() .baseUrl(BASE_URL) .addConverterFactory(GsonConverterFactory.create()) .build(); ``` 3. 创建 API 接口 ```java public interface ApiService { @Multipart @POST("upload") Call<ResponseBody> upload( @Part("description") RequestBody description, @Part MultipartBody.Part file); } ``` 其中,`@Multipart` 注解表示这是一个包含文本和文件的表单;`@POST("upload")` 表示上传的 URL 地址;`@Part("description") RequestBody description` 表示上传的文本参数,`description` 是参数名,可以自己定义;`@Part MultipartBody.Part file` 表示上传的文件参数。 4. 创建请求参数 ```java File file = new File(filePath); RequestBody requestFile = RequestBody.create(MediaType.parse("image/*"), file); MultipartBody.Part body = MultipartBody.Part.createFormData("file", file.getName(), requestFile); RequestBody description = RequestBody.create(MediaType.parse("multipart/form-data"), "description"); ``` 5. 发送网络请求 ```java ApiService apiService = retrofit.create(ApiService.class); Call<ResponseBody> call = apiService.upload(description, body); call.enqueue(new Callback<ResponseBody>() { @Override public void onResponse(Call<ResponseBody> call, Response<ResponseBody> response) { // 成功上传后的处理 } @Override public void onFailure(Call<ResponseBody> call, Throwable t) { // 上传失败后的处理 } }); ``` 以上就是 Retrofit 2.0 实现图文上传的方法总结。注意,在 `AndroidManifest.xml` 文件中需要添加网络权限: ```xml <uses-permission android:name="android.permission.INTERNET" /> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Miraitowax

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值