GitHub做Markdown图床(附一键上传工具)

image

准备工作

首先在你的GitHub上创建一个仓库,然后什么都不用做。

然后本地打开终端输入:

$ mkdir xxx //创建一个目录用来存放你的图片
$ cd xxx 
$ git init 
$ git remote add origin xxx // 这里的xxx 是你上面创建仓库的 SSH Key 链接, 不要用HTTPS那个地址,那个每次需要输入密码,这个是要关联你的GitHub远程仓库用的

到这里其实就已经把云图床存储搭建好了。

绑定之后基本就完成了图床的云存储了,免费又方便。如果你随便上传一张图片到上面你创建的厂库,然后你在GitHub网页端点击图片文件,会发现右上角显示一个 Download 按钮 ,然后点击下载按钮,会继续打开此图片,然后地址栏上面链接就是这个图片的URL,拿到url就能在markdown里面使用了。

//Markdown 插入图片方法
![](url)

示例图:

点击你上传的image文件

image

跳转到下载页,然后点击 Download

image

之后再URL地址栏中可以看到图片的链接URL。

https://raw.githubusercontent.com/yourgithubname/你刚创建的仓库名/master/2018-11/testimage.jpg

这里的日期是我为了把图片分类增加的一个层级。

👌,到这里我们就能拿到远程的图片URL了,但是不能每次上传图片之后再到浏览器里去点击去取URL,再到markdown 里面填写上,这个过程太繁琐了,下面就我们使用工具简化流程。

工具介绍

先拿到你的URL仔细观察下,https://raw.githubusercontent.com/yourname/repo_name/image_name.jpg 你会发现其实前面都是固定的吗,只有后面一部分是根据图片名称来变化的,那我们只要在本地拼接好这个URL然后自动上传图片就可以了,上传图片我们是Git管理,现在问题是我们如何选中一个一键点击就能自动拼接好上面我们要的URL,并且Git把图片也push 到GitHub 这一系列流程呢?

废话少说~看代码

我们会使用Applescript语言来写一这个自动话脚本,有点小伙伴可能对Applescript比较陌生,其实他是Apple自己弄得一个脚本语言,用来在Mac上做workflow很方便,感兴趣的朋友可以了解下,这里不再详细说,自己已经写好的一个脚本,先看一键上传的脚本,一键获取下面会讲 自动上传图片代码(用Mac自带的脚本编辑器软件打开):

代码下载之后用脚本编辑器打开,需要改几个地方:

第一处修改:

--设置GitHub仓库对应的本地本地仓库目录 (-- 这个是Applescript语言的注释方式)
set resourcePath to "/Users/xxx/ImageRepo" 

要确保你的这个仓库是和你GitHub仓库是关联的,就是在这个目录可以执行 git add / git push 这些命令的。

第二处修改:

// 下面的 URL 就要换成上面讲的,前面不会变,只有后面会变的 图片URL ,其实这就是个拼接语句,后面的 currentDatePath 和  uploadFileName
// 分别是时间和图片名称。然后拼接上前面的固定URL,
set sourceUrl to ("https://raw.githubusercontent.com/yourgithubname/仓库名/master/" & currentDatePath & "/" & uploadFileName)
display dialog "上传成功后获取到的链接" default answer sourceUrl buttons {"复制", "关闭"} default button 1 with title "提示" with icon note

最后一个地方: 如果你用的是 iTerm 终端 就不用改了,如果不是那就。。。 算了我感觉如果你用的Mac那就装一下iTerm (终端神器)替代系统的终端程序吧!
因为我们提交代码的时候是打开的 iTerm 的。如果是就忽略。

if application "iTerm" is running then
    tell application "iTerm"
        --set newWindow to (create window with default profile)
        

好了到这里脚本就修改完毕了! 但是怎么执行呢?

这时候要用到另一个Mac自带的软件,中文名称“自动操作”就是那个白色机器人拿一个火箭筒的那个😆。

image

打开之后按图操作:

image
image
image

如果一些顺利那么你就可以试试随便在你的文件夹中选择一个图片邮件点击,选择最下面的服务,会看到你刚才在保存脚本的时候起的名字 “一键上传GitHub”,然后点击他,这个时候你的ITerm终端会自动打开并且 cd 到你的和GitHub仓库对应的本地仓库哪里,自动执行了git 上传的一些操作,这个你不用管,屏幕上会弹出一个连接,这个就是你要用的URL,复制之后就获取了URL,(至于终端那个可以手动关掉,因为我试了如果用脚本关掉,会导致上传不成功,因为GitHub上传也是需要时间的,不过这个不影响)赶紧去markdown 里面试试吧😆。

image

如果没有出现,那么点击系统设置-> 键盘->快捷键->服务 看下右侧是否有你的 “一键上传GitHub”命名的action,如果前面打勾了,就OK没有就勾上。

自动获取已经上传的图片链接

假如你的图片已经上传了,但是你忘记了URL地址,那你下载这个一键获取GitHub图片链接脚本,这个和上面是一样的安装方式,都是打开自动操作,复制进去代码,然后保存,就会在你右键图片,服务项里面出现你命名的 “一键获取GitHub图片链接” 操作,点击看看吧!

如果能帮到你,给个赞👍

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,425评论 4 361
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,058评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,186评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,848评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,249评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,554评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,830评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,536评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,239评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,505评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,004评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,346评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,999评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,060评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,821评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,574评论 2 271
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,480评论 2 267

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    X先生_未知数的X阅读 15,937评论 3 118
  • 从李笑来老师的《通往财富自由之路》的专栏里面,我知道了两个概念,这两个概念颠覆了我以往的认知,它们成了我成长的底层...
    金金视界阅读 298评论 2 1
  • 前两天因为练车比较累,所以没有来得及写。就说下前两天在考场附近的练车及考车情况吧。 带我们去考场练习和考试的...
    活出自我0812阅读 102评论 0 0
  • ❤️重拾这只爱的船舶,感谢一路上的羁绊和障碍,每一次都是来检验我是否前进,感恩所有的众生,每一个都是我的老师,有的...
    奇迹杨子阅读 294评论 0 0