1. 存在问题

很多刚接触markdown文档格式的友友们,在使用文档中的图片时还存在一些问题:直接将截图下来的图片或是本机图片粘贴在文档中,图片的地址还是本地文件的地址(如D:\xxx),这种情况下将写好的md文档发送给别人,别人打开后无法查看相应的图片,特别是在交作业的时候,老师看不到相应的图片信息,那就芭比Q了,这是因为这种操作下图片是保存在自己电脑上的,发送给别人时没有发送相应的图片资源,也没有将图片上传到云端,他人是无法看到自己电脑上的图片资源的。同样在写博客时,如果自己一张张地导入本地图片,那就显得非常繁琐。

2. 解决方法

  1. 将图片资源单独放在一个文件夹中,在md文档中使用相对路径进行链接图片,传输文档时,需要同时传输md文档和图片资源,但是这种方法比较繁琐。
  2. 将相应的图片资源上传到云端(如Gitee仓库)使用相应的仓库地址进行链接,发送时,仅发送md文档即可,仅需首次配置,操作简单,推荐使用

2.1 第一种方法

  • 如下图所示,在文件夹《方法一演示》中分别创建了一个名为文档的md文档和一个用于装md文档中图片的文件夹《pic》,在文件夹pic中存放着需要使用的图片,使用时复制(ctrl+c)需要使用的图片,在文档.md中相应位置粘贴(ctrl+v)即可,如下图所示,可以看到图片上方的地址是相对路径,在发送给别人时,直接打包发送《方法一演示》即可。

  • 或者将图片直接粘贴到文档中,然后右键点击图片,选择移动图片到…,再选择需要保存的路径,即可保存到相应的文件中。

2.2 第二种方法

使用Gitee作为云仓库,为什么用Gitee不用GitHub?

  1. Gitee的服务器在国内,在国内访问速度更快;虽然GitHub知名度大于Gitee,但是国内访问不太稳定。
  2. Gitee是OSCHINA.NET推出的代码托管平台,支持Git和SVN;GitHub是一个面向开源及私有软件项目的托管平台,具有git代码仓库托管和基本的Web管理界面。
  3. Gitee提供免费的私有仓库托管;GitHub建立私有项目需要付费。

2.2.1 创建Gitee账户

首先需要先注册Gitee账户,Gitee官网:https://gitee.com

注册操作较为简单,和注册其他平台账户的操作大致相同,这里不做过多描述。

2.2.2 创建仓库

登录所注册的gitee账户,点击账户头像左侧的加号,再次点击 新建仓库,如下图所示。

然后,填写仓库信息 ,只需要填写仓库名称即可,然后点击 创建,如下图所示。

刚开始创建的时候,只能选择私有,在仓库创建成功之后需要将其改成开源,才能使用PicGo上传图片。

创建成功之后,地址栏处将会显示如下信息,如下图所示,注意蓝色区域就是自己刚刚创建的仓库地址,后续会用到。

然后,点击页面中的 初始化readme文件 按钮,如下图所示。

随后,会自动跳转到新的页面,点击 管理 ,将仓库改成 开源 ,勾选相关许可,点击保存即可,如下图所示。

2.2.3 安装PicGo

官网地址:https://molunerfinn.com/PicGo/

下载缓慢的可以试试下载之家的这个地址:http://www.downza.cn/soft/270894.html

安装好后,双击进入软件图形界面。

小提示:如果鼠标双击之后,并没有相应图形界面弹出,试试在状态栏托盘区单击PicGo图标。

2.2.4 配置Gitee插件

在软件界面中点击 插件设置 ,在输入框中输入:gitee,将会出现相应的插件,选择名为 gitee-uploader 1.1.2的插件进行安装,如下图所示。

如果点击安装之后,显示安装失败,则需要重启软件(鼠标右键点击托盘出PicGo图标选择重启应用),再进行安装该插件,如下图所示。

如若提示需要先安装node.js,则根据提示进入到node.js官网,进行下载安装即可,node.js官网:https://nodejs.org/en/

随后,可以修改PicGo设置,鼠标滑动到设置最下方,仅勾选gitee,则在图床设置的下拉列表中,就只会出现 gitee选项,如下图所示。

2.2.5 生成私人令牌

在gitee官网中,将鼠标悬浮在头像处,依次点击 个人主页个人设置私人令牌,如下图所示。

点击 生成新令牌,随后根据个人情况选择相应权限,点击提交进行密码验证,即可生成相应的令牌。 记得复制令牌备用,如下图所示。

一定要记得复制,后面无法参看,就只能修改了!!!

2.2.6 图床设置

进入到PicGo图床设置,填写相应数据。

【必填】repo处 填写仓库地址,即前文提到的蓝色区域,不用填写https://gitee.com/前缀

【选填】branch处 默认为master

【必填】token处 粘贴刚刚复制的私人令牌

【选填】path处 填写图像保存路径,会自动将图片上传到仓库中的该文件夹中,如果仓库中没有该文件夹,会自动创建,也可不填写,如下图所示。

2.2.7 Typora配置

Typora官网:https://typoraio.cn/

下载安装Typora,进入Typora界面,依次点击 文件–偏好设置–图像,配置如下图所示,PicGo路径 选择PicGo的安装路径,如下图所示。

安装路径:在桌面出找到PicGo图标,鼠标右键单击,选择 打开文件所在位置(I),即可找到安装目录,如下图所示。

现在,粘贴图片到md文档中,文档中的图片路径将会显示gitee仓库的路径,如下图所示

2.2.8 手动上传图片

  • 配置好上文讲到的上传操作之后,也可以进行手动上传,鼠标右键点击图片,选择上传图片即可。

  • 当文档中的图片较多时。也可以使用 上传所有本地图片功能。依次点击 格式图像上传所有本地图片

这样,传输文档时,只传输md文档即可,他人就会看到相应图片信息,也适用于写博客的朋友们!!!

3. 网盘链接

下面将上述提到的 Typora+PicGo+node.js 三款软件下载地址分享给大家:

链接:https://pan.baidu.com/s/1ALyoav-O-zwOL98O70EJ4A?pwd=5dis
提取码:5dis

至此,问题成功解决,谢谢您的观看,一键三连,期待您的点赞+关注+收藏~祝君学习不迷路!!!

自动将*.md文档中的图片上传到Gitee(Typora+PicGo+Gitee)相关推荐

  1. md文档中的图片—Github图床自动替换墨滴图床

    程序背景 在学习技术的过程中,不乏需要通过写博文或者发博客的形式来记录成长历程,以及撰写技术文章.通常我们会通过搭建图床配合typora来写md文档,但是在发布博客的过程中,会发现github的域名被 ...

  2. word文档中插入图片显示不全解决办法

    在windows下写word文档,正常情况下,我们应该不会遇到插入图片显示不全的问题,好像是如果在已有的文档中插入图片,比如文档中间插入,图片没办法自动扩展空间,这就导致了显示不全的问题. 这个问题也 ...

  3. 【Python】批量导出word文档中的图片、嵌入式文件

    Python 批量导出word文档中的图片.嵌入式文件 需求 学生试卷中的题目有要提交截图的,也有要提交文件的,为了方便学生考试,允许单独交或者嵌入Word中提交,那么事后如何整理学生的答案?单独提交 ...

  4. 如何批量将多个 PPT 文档中的图片提取出来

    概要:PPT是我们平时工作中非常常见的一种文件类型.PPT 文档的中的元素也是非常丰富的,比如有文本.图片.附件.视频等等.如果我们现在有一个需求,需要将 PPT 中的图片都提取出来,你知道该怎么操作 ...

  5. 怎么批量提取多个 Excel 文档中的图片

    概要:批量提取 Excel 文档图片.批量提取 xlsx 文档图片.无损提取 Excel 图片.Excel 图片导出.批量提取图片.文档图片提取.批量导出文档图片 Excel 文档中可以插入文本.图片 ...

  6. docx文档怎么排列图片_PDF文档中的图片怎么提取出来?不得不说这两个方法太好用了...

    原标题:PDF文档中的图片怎么提取出来?不得不说这两个方法太好用了 目前PDF文档被大家广泛应用,主要是因为PDF文档在传输和转换的过程中比较稳定,所以PDF格式几乎是办公文件格式的首选.大家都知道P ...

  7. Java使用FreeMarker自动生成Word文档(带图片和表单)

    Java使用FreeMarker自动生成Word文档(带图片和表单) 1 背景 2 目标效果 3 创建Word模板 3.1 创建模板文档 3.2 转换模板文档 3.3 处理模板文档中的占位符 3.4 ...

  8. java imageio删除图片_Java 提取、替换、删除PDF文档中的图片

    在一篇文章里,配有与文本信息相得益彰的图片,不仅能够活跃与美化版面,同时也有利于提高文章的可读性和阅读效果,从而增强其吸引力.同时,对文档中已存在图片的处理也尤为重要.本文将通过使用Java程序来演示 ...

  9. 使用Python批量提取并保存docx文档中的图片

    问题描述: 提取docx文档中的所有图片,保存为独立的图片文件. 技术要点: 需要安装扩展库python-docx 示例文件: 参考代码: 码运行结果: 神操作: 如果实在看不懂上面的代码,但是又有同 ...

最新文章

  1. Python,OpenCV提取图片中的多个茄子种子轮廓,并按从左到右排序后显示
  2. 简单描述Java模板引擎 FreeMarker相关知识
  3. 基于迭代次数和分类准确率的两种排序
  4. SVN基于Maven的Web项目更新,本地过程详细解释
  5. SpaceX计划2022年完成52次发射
  6. tomcat 停止 java 线程不停止_Java Tomcat,底层Netty线程不停止
  7. Linux安装Diamond软件,Diamond软件比对蛋白质数据库
  8. 【应急响应】Linux入侵排查
  9. shapefile文件格式说明
  10. 《英雄联盟》“被手游”背后,是移动电竞的成长期“烦恼”
  11. 为什么有些人拒绝别人的方式是说谎而不是直接说不?
  12. android 图片/视频混合轮播控件banner
  13. Snipaste常用快捷键(详细总结)
  14. python+selenium实战之无限评论
  15. Linux那些事儿之我是U盘(5)外面的世界很精彩
  16. 怎么查询Mysql数据库的版本号?(2种常用的方法)
  17. python的or的用法_python中or和and的用法
  18. 国内和国外域名注册商介绍
  19. 3d游戏建模行业真的能一直走下去麽?兴趣爱好能否带来面包
  20. 安装麦咖啡8.7出现--错误1920,怎么办? 解决办法

热门文章

  1. ubuntu16.04 无法上网安装网卡驱动 e1000e
  2. 【Qt】之一些值得关注的博主
  3. 结巴分词----去停用词
  4. Rsync 实现 Windows 与 CentOS 之间数据同步
  5. Python 编写 掘金3量化交易软件的常见指标实现。均线,macd,kdj,RSI,LWR。
  6. OPPO R9S怎么刷机 OPPO R9S的刷机教程 OPPO R9S完美解除账号锁
  7. iOS开发面试攻略(KVO、KVC、多线程、锁、runloop、计时器)
  8. 第十三届蓝桥杯省赛python(B组)赛后总结
  9. 如何提取幻灯片表格_如何将Google文档,表格或幻灯片文件共享为网页
  10. 新内核版本ioctl的变化 _IO, _IOR, _IOW, _IOWR 幻数的理解