每次写Markdown都要手动传图,再复制链接到Typora里,这样比较繁琐。

设置好图床,搭配PicGo,写作时直接剪贴图片到Typora,就能实现自动上传,这样就方便很多。


Gitee配置:

许多人的图床选择是用Gitee自建仓库,这里要吐槽一下:过去Gitee有过封仓库外链的情况。作为国内正在发展期的开源平台,除了连接顺畅,在多样性和包容性这块,和Github仍有一定差距,这种不打招呼的做法也降低了许多开发者的好感度,而开源社区好像是以人为本的。道阻且远,希望Gitee在未来能越来越好吧~

1.登录Gitee,并新建一个仓库,第一次创建仓库默认是私有的,创建完毕进入仓库页面,在仓库设置-基本信息-是否开源中选择开源并保存。

2.在首页右上角个人头像处找到设置选项,点击进入,在安全设置里点击私人令牌

3.描述随意,并设置权限(勾选前两个就行),生成令牌后要妥善保管,后边就会用到。


Picgo配置:

PicGo是一款很好用的图床管理工具。发现这个软件的时候我就又想起那句话:

Any problem in computer science can be solved by anther layer of indirection.

计算机领域的任何问题都可以通过增加一个间接的中间层来解决。

除非问题是中间层太多了(雾)

PicGo支持Js插件,所以除了用Gitee来当图床外,我们还有很多其他选择,你可以在插件商城中浏览看看有没有自己喜欢或常用的图床。

在这里我们使用github-plus插件来上传到Gitee仓库:

1.如果你的电脑上没有Nodejs , 记得先安装。

2.安装正式版本的PicGo,打开后,点击插件设置,搜索github-plus,再安装该插件。

3.插件安装完成后,点击图床设置,可以看到githubPlus,此时我们要填写一些信息:

  • repo:其实就是你的仓库域名,在浏览器上复制下来,去掉前边的 https://gitee.com/ 后填进去。
  • branch:默认 master 即可。
  • token:这个就是你在前边生产的仓库令牌了,复制进去即可。
  • path:可自定义的文件路径,你上传的图片都会被保存在该目录下,如果没有该目录,就会自动生成一个。
  • customUrl:短网址选项,可以不填。
  • origin:选择 Gitee
  • 搞定后不要忘了点击确定


Typora配置:

文件-偏好设置-图像,如图配置:

其中 PicGo 的路径是指你安装软件时的 PicGo.exe 文件所在路径。

至此,图床配置基本完毕️,点击 验证图片上传选项,成功后就会发现你的你的Gitee仓库里出现了一张小图片。在以后用Typora写文档时,就可直接粘贴图片进文档,实现自动上传。

  • Gitee每次上传图片的大小限制在1M之内。
  • 在PicGo的设置中,可以开启[上传后重命名] ,比较方便。
  • 当然图床并不是只有Gitee一种选择,力求稳定的话可以选择腾讯云,阿里云,以及一些像路过,聚合一类的老牌图床。

Typora图床上传配置:PicGo+Gitee 不完全指南的更多相关文章

  1. typora 图床配置方法

    学习计算机的同学,在日常学习中难免会记笔记,写文档.相信大家记笔记大部分使用的都是 Markdown 吧,如果到现在还没接触,那我强烈建议你去学习一下,大概几分钟就可以搞定它. 注:下文用到的所有软件 ...

  2. Typora图床

    Typora图床 Typora+PicGo+Gitee(码云)实现高效Markdown图床 typora是我最早接触的markdown格式的轻文本编辑器,因为我是计算机专业,所以平常记笔记会有代码块, ...

  3. Typora+图床详解(小白都能学得会)

    Typora+图床详解(小白都能学得会) 1 了解工作 博客中用的笔记软件--Typora(Markdown语法) 博客中用的图床--阿里云对象存储(Object Storage Service,简称 ...

  4. 免费稳定图床最佳实践:PicGo+GitHub+jsDeliver 极简教程

    一.下载 PicGo PicGo 是啥?顾名思义,它是一个快速上传图片并获取 图片 URL 链接的工具. 目前支持七牛.腾讯云.阿里云和 GitHub 等图床.该工具代码已在 GitHub 开源,读者 ...

  5. 基于.NetCore开发博客项目 StarBlog - (18) 实现本地Typora文章打包上传

    前言 九月太忙,只更新了三篇文章,本来这个功能是从九月初就开始做的,结果一直拖到现在国庆假期才有时间完善并且写文章~ 之前我更新了几篇关于 Python 的文章,有朋友留言问是不是不更新 .Net 了 ...

  6. (配置)CKEditor+CKFinder+php上传配置,根据年月命名创建文件夹来存放

    CKEditor+CKFinder+php上传配置 新版本的CKEditor只提供了基本的文本编辑功能,上传模块由另一个组件CKFinder.这里主要记录CKFinder上传的一些参数配置,能够成功上 ...

  7. asp.net 百度编辑器 UEditor 上传图片 图片上传配置 编辑器配置 网络连接错误,请检查配置后重试

    1.配置ueditor/editor_config.js文件,将 //图片上传配置区 ,imageUrl:URL+"net/imageUp.ashx" //图片上传提交地址 ,im ...

  8. SpringBoot文件上传配置

    /** * 文件上传配置 * @return */ @Bean public MultipartConfigElement multipartConfigElement() { MultipartCo ...

  9. 保姆式教学:Typora+图床功能

    众所周知,markdown编辑器typora是一款很好的可视化.所见即所得型的编辑器! 但是,因为图片问题,本菜狗常常不能把某些写好的markdown文档直接复制粘贴进博客而不加修改-- 不过,前几天 ...

随机推荐

  1. JavaScript基础回顾知识点记录1

    js执行顺序为从上往下执行 js中有6种数据类型 基本数据类型为: String Number Boolean Null Undefined 引用数据类型为: Object 使用typeof 查看对象 ...

  2. 文心大模型api使用

    文心大模型api使用 首先,我们要获取硅谷社区的连个key 复制两个api备用 获取Access Token 获取access_token示例代码 之后就会输出 作文创作 作文创作:作文创作接口基于文 ...

  3. [开源精品] C#.NET im 聊天通讯架构设计 -- FreeIM 支持集群、职责分明、高性能

    FreeIM 是什么? FreeIM 使用 websocket 协议实现简易.高性能(单机支持5万+连接).集群即时通讯组件,支持点对点通讯.群聊通讯.上线下线事件消息等众多实用性功能. ImCore ...

  4. React报错之Rendered more hooks than during the previous render

    正文从这开始~ 总览 当我们有条件地调用一个钩子或在所有钩子运行之前提前返回时,会产生"Rendered more hooks than during the previous render ...

  5. KingbaseES批量数据加载的实践技巧

    有时,KingbaseES数据库需要在单个或最少的步骤中导入大量数据,这通常称为批量数据导入.其中数据源通常是一个或多个大文件,这个过程有时可能非常慢. 造成性能不佳的原因有很多:索引.触发器.外键. ...

  6. 【Vue学习笔记】—— vue的基础语法 { }

    学习笔记 作者:oMing vue v-on: 简称 @ <div id='app'> <button v-on:click='Show1'> </button> ...

  7. docker学习笔记一-docker安装与卸载

    环境查看 # 1 查询当前centOS的版本,官方要求版本为7以上 uname -r 查询系统内核 cat /etc/os-release 系统版本 安装 # 1.卸载旧版本 yum remove d ...

  8. this的指向问题、bind/call/apply改变this指向

    this的指向问题 全局作用域下的this指向 无论是否是严格模式,全局作用域下的this始终指向window 函数内部的this 严格模式下: function test() { 'use stri ...

  9. 如何使用 Git 管理配置文件

    现在很多软件的配置都可以在线同步或者支持导入导出,可以很方便的在不同设备上使用.但电脑上还有很多本地配置文件没有办法同步,夸多个设备使用时很难保持一致,换电脑也很麻烦.其实可以使用 Git 来管理这些 ...

  10. HTTPS安全加固配置最佳实践指南

    转载自:https://www.bilibili.com/read/cv16067729?spm_id_from=333.999.0.0 0x02 HTTPS安全加固指南 描述: 当你的网站上了 HT ...