Typora+PicGo+Gitee实现图片上传功能

所需软件+账号

 

 

  • Typora 最新版本的安装包

  • Node 软件安装包(用来安装插件)

  • gitee账号

 

 

gitee

gitee注册与创建仓库

Typora+PicGo+Gitee实现图片上传功能

 

 

 

创建仓库

Typora+PicGo+Gitee实现图片上传功能

 Typora+PicGo+Gitee实现图片上传功能

 

 

  • branch是分支名,默认分支名为master

创建私人令牌

Typora+PicGo+Gitee实现图片上传功能

 

 

私人令牌

 

 Typora+PicGo+Gitee实现图片上传功能

 

 

 创建新令牌

Typora+PicGo+Gitee实现图片上传功能

 

 

 

token号码要保存好,只显示一次,页面关闭后不再显示

Typora+PicGo+Gitee实现图片上传功能

 

 

 私人令牌token值

 

 

 

Typora+PicGo+Gitee实现图片上传功能

readme文件初始化

Typora+PicGo+Gitee实现图片上传功能

 

 

 完成后如下图。

Typora+PicGo+Gitee实现图片上传功能

 

 

 

说明:gitee创库容量问题

Typora+PicGo+Gitee实现图片上传功能

 

 

 

 

 

 

下载与安装Node.js 并配置国内镜像

下载与安装Node.js 并配置国内镜像 - -西门- - 博客园 (cnblogs.com)

插件安装

需要用到的插件有两个,他们是 PicGo-Core 和 gitee-uploader 。安装的相关命令如下:

// 安装 picgo-core
C:\Users\denggh\Desktop>npm install picgo -g

// 查看 picgo-core 安装到哪里了
C:\Users\denggh\Desktop>where picgo
C:\Users\denggh\AppData\Roaming\npm\picgo
C:\Users\denggh\AppData\Roaming\npm\picgo.cmd

// 安装 gitee-uploader 插件
C:\Users\denggh\Desktop>picgo install gitee-uploader

设置picgo的gitee配置参数

方法1:命令行修改

picgo set uploader

 

根据提示选择图床和填写安全信息即可

Typora+PicGo+Gitee实现图片上传功能

 

 

 

Typora+PicGo+Gitee实现图片上传功能

 

 选择你刚刚配置的图床,这样你上传的配置就基本完成了。

picgo use uploader

 

  

 

 

属性说明

  • epo:填写格式 用户名/仓库名
  • branch:仓库分支,选择默认的master即可
  • token:就是生成的私人令牌
  • path:图片存储路径
  • customPath:不用填写,这个就是你提交图片时显示消息的格式
  • customUrl:不需要填写

 方法2:修改配置文件

用Everything软件搜索picgo\config.json,找到文件进行修改

Typora+PicGo+Gitee实现图片上传功能

 

 

 Typora+PicGo+Gitee实现图片上传功能

 

 

 

typora设置

选择 文件-->偏好设置-->图像,可以直接输入picgo upload。如下图所示

Typora+PicGo+Gitee实现图片上传功能

 

 

 点击【验证图片上传】,出现下图则成功

Typora+PicGo+Gitee实现图片上传功能

 

 

 

 

 

 

 

 

 

上一篇:PicGo+Gitee+typora搭建图床


下一篇:vscode 默认添加python项目的源目录路径到执行环境