Typora是一款非常好用的Markdown文本编辑器,深受广大程序员的青睐,那么在使用过程中,当我们插入图片的时候,其实是默认放在一个相对路径文件夹下的,这就导致,一旦我们移动文件,或者发送给别人,图片就失效了。
如何解决呢?Typora给我们提供了图片上传服务,就是我们可以将图片上传在网上,这样就方便许多,不管再换地方挪位置,始终都正常显示。
那么上传到什么地方呢,我个人还是喜欢上传到gitee码云平台,操作起来也比较简单。

在gitee上新建仓库

没有账号的一定要先注册一下,这里不再演示:

名称随便命名,记住一定要选择为public公开的,这样才能让别人连接到。然后最好初始化一下,注意,记下你的仓库地址,后面会用。

生成gitee私人令牌

打开设置,找到私人令牌> 生成新令牌

注意这里projects一定要勾选,允许更新,我刚开始忘记勾选了,导致上传不成功。

生成后,一定要保存一下,一会有大用处,此令牌只生成一次,忘记了就得重新生成了,很麻烦

到此,gitee相关配置结束。

配置Typora

打开Typora,找到 文件 > 偏好设置 > 图像

这里用到的上传服务是picgo-core如果你的电脑没有,需要下载一下,点击下载或更新下载。

注意

这里先别急着第六步,需要你的电脑安装有node.js,关于如何安装,这里不再赘述,推荐一个安装教程点击这里超级详细。

安装插件

打开你的电脑里Typora的文件路径,如果你的Typora是默认安装的,应该和我的一样:

在此目录下打开cmd窗口
输入命令:

.\picgo.exe install gitee-uploader


若node.js配置完好,就能安装成功

修改配置文件

回到Typora,接着刚才步骤来:
执行第六步,点击打开配置文件
输入以下命令,刚刚让你保存的路径地址以及令牌就填在这里:

{
"picBed": {
"uploader": "gitee",
"gitee": {
"repo": "XXX/XXX", //你的 "用户名/仓库名"
"token": "XXX", //你的私人令牌
"path": "xxx/", //存放在仓库的位置
"customUrl": "",
"branch": "master"
}
},
"picgoPlugins": {
"picgo-plugin-gitee-uploader": true
},
"picgo-plugin-gitee-uploader": {
"lastSync": "2021-02-15 09:27:37"
}
}

保存后退出。

验证

最后验证一下是否成功了,点击验证图片上传

显示这,说明配置成功,以后就可以上传了:

如果文章对你有帮助,还请三连支持一下!!!

Typora如何上传图片到gitee的更多相关文章

  1. typora与picgo搭配gitee的图床使用

    关于基础配置,参考下面4篇文章 https://segmentfault.com/a/1190000039358062 https://blog.csdn.net/qq_42827680/articl ...

  2. 你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床

    你要是还学不会,请提刀来见 Typora+PicGo+Gitee + node.js 打造个人高效稳定优雅图床 经过前面两弹的介绍,相信大家对图床都不陌生了吧, 但是小魔童觉得这样做法还是不方便,使用 ...

  3. Typora-yes:typora最舒适的使用-优化主题+图床服务+自动上传图片插件

    转载注明出处:https://www.cnblogs.com/nreg/p/11992678.html,谢谢 开源项目下载:https://github.com/nreg/typora-yes 云盘: ...

  4. Typora + PicGo-Core + Custom Command 实现上传图片到图床

    教程参考 Typora+PicGo-Core(command line)+Gitee实现图片上传到图床 主要借鉴 picgo 操作命令 Typora + PicGo + Gitee 实现图片自动上传到 ...

  5. PicGo + Gitee +Typora实现markdown图床

    目录 1. PicGo安装 2.Gitee配置 3.配置PicGo 3.Typora的设置 网上有一些很详细的教程,我这里只记录要点,其余部分按以下教程步骤来就行. 1. PicGo安装 国内下载可能 ...

  6. markdown编辑器typora本地图片上传到自己的服务器

    typora是windows平台下最受欢迎的markdown书写工具和查看工具,本篇文章将会介绍如何在typora平台使用java脚本程序自动上传本地图片到自己的服务器,从而让markdown文章中的 ...

  7. 全流程指导Visual Studio Code+Markdown Nice+gitee+PicGo管理自己的技术博客文章

    全流程指导Visual Studio Code+Markdown Nice+gitee+PicGo管理自己的技术博客 1.背景 我挺喜欢写博客,但每一次将博客转移到公众号或者知乎,总是需要调整格式,不 ...

  8. Typora 设置图片自动上传

    使用 PicGo-Core(command line) 下载 PicGo-Core 依次点击 文件 -> 偏好设置 -> 图像 来到下图所示界面: 点击①位置选择 PicGo-Gore(c ...

  9. GitHub创建图床

    GitHub 写第一篇文章时发现从typora粘贴过来的文章会出现下面的情况 经常在Windows用typora的小伙一定遇到过一个问题:不管是用截图工具截图后直接粘贴,还是通过选择文件夹选择图片的方 ...

随机推荐

  1. [学习笔记] RabbitMQ的简单使用

    安装依赖 # composer.json { "require": { "php-amqplib/php-amqplib": ">=2.9.0& ...

  2. js- float类型相减 出现无限小数的问题

    6.3 -1.1 是不是应该等于5.2? 但是js 会导致得出 5.19999999999的结果 怎么办?可以先先乘100 后相减,然是用方法 舍入为最接近的整数,然后再除于100, Math.rou ...

  3. dispatcher-servlet.xml文件配置模板

    完整代码如下: <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http:/ ...

  4. Word2010初识

    原文链接:https://www.toutiao.com/i6487370439910752782/ 认识Word Microsoft Office Word是微软公司的一个文字处理器应用软件. 启动 ...

  5. IDEA开启热部署

    双击shift,查找Registry

  6. SYCOJ411

    题面描述 MasMas在面试某大厂时遇到了一道有趣的题.面试官要求MasMas写一个程序找出几个数中,出现次数为奇数的那个数.MasMas抓耳挠腮,请你帮帮他. 输入描述 第一行输入一个数nn (1 ...

  7. HashMap原理及源码分析

    HashMap 原理及源码分析 1. 存储结构 HashMap 内部是由 Node 类型的数组实现的.Node 包含着键值对,内部有四个字段,从 next 字段我们可以看出,Node 是一个链表.即数 ...

  8. deepin20使用snap并设置代理

    snap下载 $ sudo apt update $ sudo apt install snapd https://snapcraft.io/docs/installing-snap-on-ubunt ...

  9. JSF/SpringMVC/Struts2区别与比较

    转自SpringMVC与Struts2区别与比较总结 1.Struts2是类级别的拦截, 一个类对应一个request上下文,SpringMVC是方法级别的拦截,一个方法对应一个request上下文, ...

  10. npm 和 yarn 前端包管理工具

    前言 前端开发逐渐工程化,npm作为我们的依赖管理工具起到十分重要的作用,本文就来总结一下 npm 和 yarn 相关知识点. 正文 1.什么是npm (1)node的包管理器(node packag ...