当前位置: 首页 > news >正文

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

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

  • 1.配置Gitee
    • 1.创建Gitee仓库
    • 2.设置私人令牌
    • 2. PicGo 的安装配置
      • 2.1 下载 PicGo
      • 2.2 安装 PicGo
      • 2.3 安装 PicGo 的自动上传插件
      • 2.4 Gitee 图床设置
    • 3. Typora 安装配置
      • 3.1 安装**版本
      • 3.2 配置 PicGo
    • 4. 上传验证

1.配置Gitee

1.创建Gitee仓库

  1. 注册账号:进入Gitee官网,注册Gitee账号,根据提示输入信息,点击立即注册即可。已有账号直接登录即可
  2. 登录账号:账号登录成功后,来到Gitee首页;点击新建来创建Gitee仓库。
  3. 新建仓库:
    • 仓库名称:typora_pic
    • 开源:选择开源。
    • 初始化仓库:添加开源许可证选择MulanPSL-2.0,其它默认。
    • 设置模板:勾选Readme文件
    • 选择分支模型:使用默认的单分支模型(只创建master分支)

image

  1. *获取用户名/仓库名称:创建仓库后,跳转到新建的仓库页,在地址栏中获取你们的用户名/仓库名称。如:zhouquanstudy/typora_pic。下文配置PicGo时需要该名称。

2.设置私人令牌

  1. 进入个人设置页面:点击头像下拉框中的设置进入设置页面。

  2. 进入私人令牌页面:点击个人设置页面的左侧栏私人令牌,再点击生成新令牌进入设置私人令牌页面。

  3. 设置私人令牌:

    • 私人令牌描述:typora。
    • 权限选择:勾选projects权限,和默认勾选的user_info权限,其它的不勾选。

    点击提交生成私人令牌

image
image

2. PicGo 的安装配置

2.1 下载 PicGo

根据操作系统选择合适的安装版本,前往 PicGo 官方网站 下载

在这里插入图片描述

2.2 安装 PicGo

双击安装包,点击Windows弹窗中的更多信息,再点击仍运行,正常安装即可,安装成功页面如下

image

2.3 安装 PicGo 的自动上传插件

安装Node.js:PicGo插件需要npm环境,参考nvm管理npm多版本

  • 点击PicGo的插件设置
  • 搜索框中输入gitee-uploader,安装gitee-uploader插件

image

2.4 Gitee 图床设置

进入图床设置页面后,下拉页面,点击gitee,进入gitee设置页面

  • repo:用于存放图片的仓库地址,格式通常为用户名/仓库名称,上文已提,输入你的用户名/仓库名称
  • branch:Git仓库的分支名称,输入master
  • token:Gitee个人设置里生成的私人令牌,用于授权PicGo上传图片到你的仓库
  • path:图片在仓库中的存储路径,输入img,便于管理仓库
  • customPath:提交时的自定义路径消息,选择年月

设置完成后,点击确认,再点击设为默认图床

image

3. Typora 安装配置

3.1 安装**版本

下载并安装 Typora

image

https://zhouquanquan.lanzouk.com/b00g2jromh
密码: cmf9

下载后运行安装程序,安装完成后,将 winmm.dll 文件拷贝到 Typora 的根目录下

打开 Typora,点击【帮助】>【我的许可证】,确认是否显示为已**状态

image

3.2 配置 PicGo

路径:格式 -> 图像 -> 全局图像设置

image

4. 上传验证

复制图片到 Typora 中,效果如下:

image

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 建设工程经济之工程经济(二)
  • Git和SVN了解
  • 监控平台之请求监控
  • R语言统计分析——方差分析之ANOVA模型拟合
  • Maven 快照(SNAPSHOT)
  • 开源 AI 智能名片 O2O 商城小程序:助力私域电商多元角色绽放光芒
  • Linux(更新中~)
  • Python 轻松去除验证码干扰点,让识别不再犯难
  • 【职责链】设计模式:构建灵活的请求处理系统
  • 【C++】—— 内存管理
  • 2.【R语言】RStudio的下载和安装
  • 【产品那些事】什么是软件成分分析(SCA)?
  • Java大文件下载方案(vue+饿了么):分片下载、断点续载!
  • MySQL——多表操作(三)连接查询(2)内连接
  • 深入理解 Go 语言并发编程底层原理
  • hexo+github搭建个人博客
  • Android单元测试 - 几个重要问题
  • css的样式优先级
  • C语言笔记(第一章:C语言编程)
  • E-HPC支持多队列管理和自动伸缩
  • Invalidate和postInvalidate的区别
  • Mysql5.6主从复制
  • Netty 框架总结「ChannelHandler 及 EventLoop」
  • Python利用正则抓取网页内容保存到本地
  • SpringBoot 实战 (三) | 配置文件详解
  • 基于HAProxy的高性能缓存服务器nuster
  • 记录一下第一次使用npm
  • 快速体验 Sentinel 集群限流功能,只需简单几步
  • 前嗅ForeSpider采集配置界面介绍
  • 浅谈web中前端模板引擎的使用
  • 思维导图—你不知道的JavaScript中卷
  • 腾讯视频格式如何转换成mp4 将下载的qlv文件转换成mp4的方法
  • 微信小程序填坑清单
  • 问题之ssh中Host key verification failed的解决
  • 新海诚画集[秒速5センチメートル:樱花抄·春]
  • ​​​【收录 Hello 算法】10.4 哈希优化策略
  • ​浅谈 Linux 中的 core dump 分析方法
  • ​数据链路层——流量控制可靠传输机制 ​
  • # 再次尝试 连接失败_无线WiFi无法连接到网络怎么办【解决方法】
  • $.extend({},旧的,新的);合并对象,后面的覆盖前面的
  • (09)Hive——CTE 公共表达式
  • (10)工业界推荐系统-小红书推荐场景及内部实践【排序模型的特征】
  • (14)Hive调优——合并小文件
  • (C++)栈的链式存储结构(出栈、入栈、判空、遍历、销毁)(数据结构与算法)
  • (六)vue-router+UI组件库
  • (七)Appdesigner-初步入门及常用组件的使用方法说明
  • (十)Flink Table API 和 SQL 基本概念
  • (四)docker:为mysql和java jar运行环境创建同一网络,容器互联
  • (转)fock函数详解
  • (轉貼) 寄發紅帖基本原則(教育部禮儀司頒布) (雜項)
  • .FileZilla的使用和主动模式被动模式介绍
  • .MyFile@waifu.club.wis.mkp勒索病毒数据怎么处理|数据解密恢复
  • .net FrameWork简介,数组,枚举
  • .Net 中的反射(动态创建类型实例) - Part.4(转自http://www.tracefact.net/CLR-and-Framework/Reflection-Part4.aspx)...
  • .NET/C# 将一个命令行参数字符串转换为命令行参数数组 args