PicGo + GitHub 搭建个人图床工具

2019年在一次偶然的机会让我接触到Markdown文档,随后便疯狂地爱上了这种“轻量级标记语言”。笔记、文章、技术文档等等,我都想要使用Markdown去记录。我找到一款Markdown编辑器:VNote

在用Markdown写文档的时候经常需要截图,然后从剪贴板从直接黏贴放进文档,下面介绍PicGo小工具能满足这种操作,但是其实现原理不过是将截图存放在本机电脑上,所以,一旦文档中有了截图,将Markdown文档的迁移到别的电脑上展示的成本就大大增加(图片也要一并复制过去)。也是我在使用过程中唯一觉得不爽的一点。辛苦搜寻之下,终于让我找到了一种解决方案:PicGo+GitHub图床。

图床工具的使用---PicGo

图片上传+管理新体验,
PicGo在上传图片之后自动会将图片链接复制到你的剪贴板里,可选5种复制的链接格式。

PicGo目前支持了

  • 微博图床 v1.0
  • 七牛图床 v1.0
  • 腾讯云COS v4\v5版本 v1.1 & v1.5.0
  • 又拍云 v1.2.0
  • GitHub v1.5.0
  • SM.MS v1.5.1
  • 阿里云OSS v1.6.0
  • Imgur v1.6.0

快速上手

注意

请确保你安装了 Node.js, 并且版本 >= 8。

提示

默认上传图床为SM.MS。PicGo上传之后,会自动将上传成功的URL复制到你的剪贴板,支持5种复制格式。

在众多的图床中,我选择的GitHub图床,其它类型的图床如果你们有兴趣的话可以试一下。

创建自己的GitHub图床

1.创建GitHub图床之前,需要注册/登陆GitHub账号

申请GitHub账号很简单,我就不演示了

2.创建Repository

点击"New repository"按钮

最后1234步骤执行。
我已经建立过一个同名的repository的,所以第一步会显示红色
第三步,为repository初始化一个README.md文件可以根据需求选择,非必选

3.生成一个Token用于操作GitHub repository

回到主页,点击"Settings"按钮

进入页面后,点击"Developer settings"按钮

创建新的Token

填写描述,选择"repo",然后点击"Generate token"按钮

注意

注:创建成功后,会生成一串token,这串token之后不会再显示,所以第一次看到的时候,就要好好保存

配置PicGo

  1. 下载运行PicGo
    下载zip包后,解压,运行可执行文件

  2. 配置图床

如图配置

设定仓库名的时候,是按照“账户名/仓库名的格式填写”
分支名统一填写“master”
将之前的Token黏贴在这里
存储的路径可以按照我这样子写,就会在repository下创建一个“img”文件夹
自定义域名的作用是,在上传图片后成功后,PicGo会将“自定义域名+上传的图片名”生成的访问链接,
放到剪切板上https://raw.githubusercontent.com/用户名/RepositoryName/分支名,,自定义域名需要按照这样去填写

3.快捷键及相关配置

可以按照这样配置
注:可以将快捷键设置为ctrl+shift+c

总结

将上面的步骤都设置好之后,就可以让自己的Markdown文档飞起来了,每次截图之后,都可以按一下ctrl+shift+c,这样就会将剪切板上面的截图转化为在线网络图片链接,简直就是爽的不要不要的!!

另一篇文章

另附:

1.PicUploader

一个还不错的图床工具,支持Mac和Win、支持压缩后上传、添加图片或文字水印、多张同时上传、同时上传到多个云、右击图片文件上传、快捷键上传剪贴板截图、Web版上传、提供Mweb接口,目前支持的云有:七牛、阿里、腾讯、网易、京东、百度、又拍、青云、Ucloud、sm.ms、Imgur、Gibhub、微博! https://www.xiebruce.top/17.html

2.MPic-图床神器

MPic-图床神器 一款支持多种上传方式且自动生成MarkDown链接的图床工具 支持 七牛云存储的图床

设置教程 可以开始愉快的markdown生活了。

更新时间: 2019-5-6 21:27:05