Gitee PicGo打造免费个人图床

一、前言

Markdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,Markdown文件的后缀名便是“.md”。Markdown处在于网络中的各个角落,StackOverflow、CSDN、掘金、简书、GitBook、有道云笔记、V2EX、光谷社区等。主流的代码托管平台,如 GitHub、GitLab、BitBucket、Coding、Gitee 等等,都支持 Markdown 语法,很多开源项目的 README、开发文档、帮助文档、Wiki 等都用 Markdown 写作。

image-20211203220206414

像你现在在这个博客网站上面看到的文章,背后都是基于Markdown的语法编写的。在写作的时候,插入图片经常会阻碍到自己写作的进度,文章中引用某个地址的图片(可能是本地),在其他平台上面展示的时候可能有些不支持,导致图片无法正常显示,解决这个问题方法之一就是 图床。

二、图床

图床可以理解为一个专门存储图片的网盘,当我们上传图片到图床的时候,会为该图片生成一个地址,用户可以通过这个地址访问到该图片。

常见的图床有

  • 七牛云

  • 腾讯云

  • 阿里云

  • 聚合图床

  • ImageURL

  • 知乎

  • 路过图床

  • Github

  • Gitee

    ……

    上述的图床,有些需要收费,有些需要各种验证,比较麻烦。个人选择 Gitee的原因:

    1. Gitee被称为国内版Github,有保障点
    2. 自己有账号,且免费(但是一个仓库最多5G,但是也绰绰有余了)
    3. 服务器在国内,访问速度快

image-20211203210129591

2.1 创建图床

2.1.1注册登录Gitee

访问Gitee ,注册并登录

新建仓库

image-20211203211115908

这个新仓库专门用于存储图片使用

image-20211203211324499

仓库名称自定义,例如:imagebed

选择 开源,否则访问不了图片

2.1.2 创建私人令牌

这个私人令牌主要是为了后面 PicGo准备的

设置 -> 私人令牌

image-20211203211727134

令牌权限只需要设置一个 projects 即可

image-20211203211840853

注意这里的私人令牌只显示一次,请复制然后在其他空白地方先记下来

image-20211203212136706

到此,图床创建完成!

三、PicGo

PicGo 是一款比较优秀的图床工具。它是一款用 Electron-vue 开发的软件,可以支持微博,七牛云,腾讯云COS,GitHub,阿里云OSS,imgur 等常用图床,当然Gitee 也提供了相应的插件,功能强大,简单易用。

安装完成后,打开应用主页进行插件配置等工作

1、首先安装Gitee 插件,默认是没有该图床插件的。所以,点击 插件设置,在搜索框输入 gitee搜索,安装下图的插件

image-20211203213256775

2、安装完毕之后,点击左侧 图床设置–>Gitee图床,开始Gitee图床配置

image-20211203213622833

  • owner:gitee用户名
  • repo :图床的仓库名
  • path:图片保存的目录
  • token:上面步骤的私人令牌

最后点击 确定设为默认图床即可完成配置

使用

点击 上传区

image-20211203214046090

将图片拖入或者点击上传 或者 点击 剪贴板图片将剪贴板的图片上传。左下边可以选择结果链接的形式。

image-20211203214324965

可以在 PicGo设置上传提示,这样就会有进度与成功提示

image-20211203214356177

image-20211203214417385

最后,在复制板中就有自己刚刚上传图片的结果了。

四、Typora 使用图床

typora 作为一款专业的markdown编辑工具,是我们进行markdown写作的一大利器。现在仍然使用它来写作。

(坏消息:最近开始需要收费了,附上一个收费前最后一次更新的版本https://download.typora.io/windows/typora-update-x64-1117.exe)

文件 --> 偏好设置 --> 图像

image-20211203215449299

配置 像上图就行,更改PicGo路径为自己电脑安装的 PicGo的路径。

之后就可以愉快的复制图片到文章里边,自动产生 Markdown 格式的图片链接,不需要自己再手动写入。

四、总结

截止目前blog 搭建工作已完成🎈,写文章的工具也准备的七七八八了。接下来就需要开始技术记录了。