Github+PicGo+jsdelivr图床:Let your Markdown fly!

art

图床需求分析

当我们要传送markdown文件时,里面的图片链接也许是你从本地直接拖到文本编辑器里面的,亦或者是从别的网络上复制粘贴过来的,这样的图片链接往往是不稳定的,随时可能崩或者根本无法显示,所以我们需要一个稳定且方便使用的图床。

前期试错

由于之前一直在博客园写笔记,图片都是直接拖到编辑页面上的,头脑中并没有一个私人图床的概念。直到搭建了个人博客后,才明白图床的重要性。一开始我以为可以直接二次使用博客园图片的链接,然而,在经历过几次图片加载失败后,我才明白像诸如博客园、CSDN这种网站的图床是不能直(bai)接(piao)使用的,都有防盗(图)机制,于是开始寻找图床,目前主流的图床方案有:

  • 传到自己的服务器上 (需要一定的技术储备于时间)
  • 私有云上,并生成链接,价格也不贵,几乎免费 (本来选的七牛云的,结果身份证过期了,注册不了)
  • Github+PicGo+jsdelivr (非常郝!没有jsdeliver也行,就是图片加载略慢)

开始搭建

  • GitHub:创建一个图床仓库,并获得一个Personal access token,将token保存下来,方便第二步填token(关于如何获得token,参考我这篇笔记

  • PicGo:“图片上传+管理新体验”——PicGo's slogan,简而言之,PicGo是一个图片上传工具,并且有强大的管理功能,PicGo的详细介绍

    • 安装PicGo

    • 配置PicGo & jsdelivr:

      如图是我的配置项:

      • 设定仓库名:GitHub上对应的图床的仓库名,需要注意,仓库名不能有空格
      • 设定Token:第一步申请的token粘贴上去
      • 指定存储路径:存储在GitHub对应仓库的哪一个文件夹下?
      • 设定自定义域名:加上https://cdn.jsdelivr.net/gh/相对于使用了jsdelivr,一个开源的CDN,能够使图片加载速度更快,且无需任前期准备(在我还不知到CDN时,我以为用它需要安装配置)路径/gh/表示使用的GitHub仓库,域名后面部分就是你的仓库名

图片上传注意事项

配置好PicGo后就可以拖动本地图片到上传区了,注意:

  • 图片名最好是英文
  • 名字不能包含-、空格、等一系列特殊符号
posted @ 2020-04-01 23:58  Jaywhenxiang  阅读(428)  评论(0编辑  收藏  举报