引言

  之前写过一个基于Gitee搭建免费图床的教程,但是每个图片都需要使用Git命令或者使用Git相关的可视化工具进行上传,使用起来并不是很方便。Typora 是当下比较火的一款Markdown写作工具,其图片自动上传功能为更方便的使用图床提供了可能。
  之前的教程里讲述了基于Gitee搭建免费图床的方法,因为一些众所周知的原因,Github的访问速度比较受限,所以当时想到了在Gitee上搭建图床。但是因为需要手动上传每张图片,还无法快捷的获取图片调用链接,操作并不方便,因此更多的还是使用 PicGo + Github 的方式搭建图床。至于 PicGo + Github 搭建图床的教程网上很多,此处不多赘述。但是最近因为电脑重装系统,重新安装和配置了 PicGo, 出现了图片上传失败的问题。不清楚是自己配置有误还是什么其他原因,因此再一次产生了研究 Typora 图片自动上传功能的想法。没错,这并不是我第一次研究这个功能,但是第一次尝试以失败告终,这一次经过一个晚上的反复尝试,终于如愿以偿。因为访问速度的原因,这里仍然以 Gitee 举例说明,该方法同样适用于 Github ,感兴趣的小伙伴可以自己尝试举一反三或与我交流。

Typora 自动上传功能配置

打开 Typora 编辑器,依次选择文件->偏好设置->图像,如下图所示进行配置:

选择插入图片时上传图片,勾选对本地位置的图片应用上述规则,上传服务选择Custom Command。也可以选择PicGo(app)或者Picgo-Core(command line),但是因为博主PicGo趴窝了,所以这里选择自定义命令。感兴趣的同学可以尝试下其他选项。

  这里说明一下自定义命令,命令的含义是调用“D:\picture\pictures\”文件夹下一个名为“giteeupload.bat”的批处理文件,楼主把该批处理文件也放到了图床所用的仓库里。

创建批处理文件

  不知道什么是批处理文件的请自行找某度获取答案,创建方式是直接新建文本文件,然后直接改名为 “xx.bat” 即可,需要注意要把文件的扩展名改为“.bat”,电脑设置了不显示扩展名的小伙伴要注意扩展名是否正确。一般情况下修改扩展名会有一个提示是否修改扩展名的弹窗,选择确定即可,如果没看到这个弹窗,大概率是没有修改扩展名。

  话不多说,上代码:

@echo off
echo %0
set i=0
echo Upload Success:::图片调用地址头部
set head=http://gitee.com/username/reponame/raw/branchname/path/:loop
if [%1]==[] goto end
set source=%~f1
::echo %source%
set name=%~nx1::图床本地仓库存放图片的路径
set path=D:\picture\pictures\pic\set aim=%path%%name%
copy %source% %aim% >nul
set ul=%head%%name%
echo %ul%
shift
set/a i=%i%+1
goto loop
:end::下一行中路径改为图床本地仓库的根目录
cd /d D:\picture\pictures::后面几行中"C:\Program Files\Git\cmd\git"修改为git.exe的完整路径,注意不要加“”.exe”
"C:\Program Files\Git\cmd\git" add .
"C:\Program Files\Git\cmd\git" commit -m "add picture(s) %date:~0,10% %time%"
"C:\Program Files\Git\cmd\git" push origin master
"C:\Program Files\Git\cmd\git" status

  将上述代码粘贴到刚刚创建的 .bat文件中,根据注释稍作修改即可使用。修改点如下:

  1. set head=http://gitee.com/username/reponame/raw/branchname/path/中,username修改为自己在Gitee的用户名,reponame 修改为图床的仓库名称,branchname 修改为图床在仓库中的分支,通常默认为master,path 修改为图片在图床仓库中的路径,如在根目录下则直接删除“path/”;
  2. set path=D:\picture\pictures\pic\中,将“D:\picture\pictures\pic\” 修改为图床本地仓库中存放图片的路径;
  3. cd /d D:\picture\pictures中,将 “D:\picture\pictures” 修改为图床本地仓库的根目录路径;
  4. 最后几行中 “C:\Program Files\Git\cmd\git” 修改为 “git.exe” 的完整路径,注意本例中 “git.exe” 在 “C:\Program Files\Git\cmd” 路径下;
  5. "C:\Program Files\Git\cmd\git" commit -m "add picture(s) %date:~0,10% %time%"中, “-m” 后面的内容为提交信息,可以自行修改,也可以直接使用。

最后要注意的是批处理文件的文件名要与 Typora 中自定义命令的配置相对应。

功能验证

  至此,Typora 图片自动上传功能已经配置完成,点击 验证图片上传选项 按钮,j经过短暂的运行,如果能成功上传,则会提示“成功上传图片并获得新的URL”,如下图所示:

使用自动上传功能

  需要插入图片时,依次点击格式->图像->插入本地图片...然后在弹出窗口中选择想要插入的图片,稍等几秒中,图片就会上传到 Gitee 的服务器中,并以 Markdown 的格式插入服务器上的图片。

  目前该功能还不适用于插入剪切板中的图片。对于网站的图片是否有效目前也还没有验证,有兴趣的小伙伴可以尝试看看。

小结

  教程到这里就结束了,希望这篇教程能给小伙伴们带来便利,有疑问的小伙伴欢迎留言讨论,有不足之处也欢迎大家批评指正。
  欢迎访问个人博客!

Typora-图片自动上传与免费图床相关推荐

  1. typora+picgo+gitee搭建免费图床纵享丝滑

    typora+picgo+gitee搭建免费图床纵享丝滑 0.写在前面 由于之前自己在github搭了自己的博客,伴随之而来的一系列问题.如github不显示图片,github图床加载太慢等一系列问题 ...

  2. 利用python脚本实现使用typora时图片自动上传到chevereto图床

    欢迎关注原创视频教程 Python微信订餐小程序课程视频 https://edu.csdn.net/course/detail/36074 Python实战量化交易理财系统 https://edu.c ...

  3. python实现自动上传图片_利用python脚本实现使用typora编写markdown时图片自动上传到chevereto图床...

    复制粘贴以下代码 #!/usr/bin/env python3 # -*- encoding: utf-8 -*- # author: guiu # data: 2020.2.28 import re ...

  4. typora+PicGo上传图片 配置免费图床

    smms有5G的免费内存 PicGo-Core 依次点击 文件 -> 偏好设置 -> 图像 来到图示界面: 进入https://sm.ms/,注册账号 然后进入API Token页面 回到 ...

  5. 【详细版】用Markdown必备,Typora+PicGo+GitHub搭建免费图床

    点赞+评论+收藏==养成三连好习惯

  6. Github搭建免费图床

    Typora使用Github搭建免费图床 目录 Typora使用Github搭建免费图床 前言 准备工作 上传工具 PicGo配置 jsDelivr CDN加速访问 Typora设置 前言 前边讲述了 ...

  7. linux安装配置 typora插件picgo,实现gitee免费图床

    linux安装配置 typora插件picgo,实现gitee免费图床 本文是默认已经安装了typora,如果没有安装自行百度安装 1.如果没有安装nodejs就安装一下 查看安装nodejs是否成功 ...

  8. 自家群晖开启永久免费图床,开始typora, picgo,markdown的美好生活

    你想要什么样的永久免费图床?不管是阿里还是腾讯.七牛.又拍等等对象存储都是需要收费的,随着你流量的提高费用会越来越高,想要上传到其它博客系统就需要公开你的图片网址,又是更多的不可控费用. 自己家的群晖 ...

  9. 用Python蹭别人家图片接口,做一个【免费图床】吧

    打开本文,相信你确实需要一个免费且稳定的图床,这篇博客就让你实现. 文章目录 ⛳️ 谁家的图床 ⛳️ 实战编码 ⛳️ 第一轮编码 ⛳️ 第二轮编码 ⛳️ 第三轮编码 ⛳️ 第四轮编码 ⛳️ 谁家的图床 ...

最新文章

  1. 简述Linux C下线程池的使用
  2. mtk6589显示子系统笔记(一)
  3. PHPStorm配置使用SFTP
  4. 微服务架构最强讲解,通俗易懂,写得太好了!
  5. Web应用进行XSS漏洞测试
  6. 与神经网络相比,你对P图一无所知
  7. Silverlight 2.0学习笔记——RIAs的缺点
  8. html5标签参考手册
  9. Windows Neptune的安装
  10. python用函数判断一个数是否为素数_【转载】Python脚本判断一个数是否为素数的几种方法...
  11. 如何练好嗓子 让声音变得浑厚
  12. 阿里AI Labs王刚解读9小时卖出百万台的“天猫精灵” | 高山大学(GASA)
  13. 一个基于场景感应的android智能手机防丢失系
  14. 跟朋友合伙创业股权怎么分配
  15. 程序员面试揭秘之程序员靠什么途径去美国工作
  16. 用开源的协同办公OA项目,做一个考勤系统
  17. WIN7开机后网络连接启动慢的手动解决方法
  18. 卫星图像地物判别标志(假彩色)
  19. C#: 解决Fody is only supported on MSBuild 16 and above
  20. 唯晶科技宣布PSVR游戏《揭秘计划》将开源给合作伙伴

热门文章

  1. 资源服务器搭建以及使用
  2. Maven项目创建教程
  3. 51单片机-DS18B20单片
  4. 使用第三方短信服务商云片发送短信(php样例)
  5. 今目标-为什么永久免费
  6. 有目标的人奔跑,没目标的人流浪
  7. 王者荣耀赛事数据分析
  8. 系统架构设计师-软件开发模型(构件组装模型)
  9. 有关配置文件 properties无法读取问题
  10. 环保数采仪助力汽车4S店VOC排放监测