Markdown图床配置

前言

本文使用typora，GitHub图床，PicGo实现编辑markdown文本时，写入的图片自动压缩并上传图片，返回可以在任意场景查看的链接，再也不用担心辛辛苦苦写好的文章换个设备照片消失的问题了

GitHub仓库设置

创建GitHub仓库

自行创建一个用于存储图片的GitHub仓库即可，注意选择public

获取Token

点击右上角个人头像选择settings

左侧选择Developer settings

personal access token中创建自己的Token

点击Generate token创建，token只会显示一次，一定要保存好

PicGo配置

GitHub图床配置

下载PicGo

官网链接：PicGo

此为开源项目，自行下载即可

安装并配置compress-next

compress-next与compress功能相同，均为自动压缩上传图片的插件，但后者已经很久没有更新了，插件详情见compress-next的GitHub页

在PicGo的插件设置中搜索compress-next，点击安装

点击设置——配置plugin

参数配置：

• Compress Type (过段时间会制作详细对比分析表):
  • tinypng: 无损压缩，需要上传到 tinypng
  • imagemin: 图片压缩不改变后缀名，支持 jpeg 和 png，使用 mozjpeg 和 upng
  • imagemin-webp: 本地压缩为 webp
    注意：有些图床（比如 sm.ms）不支持 webp 图片格式，会上传失败
  • webp-converter: 同上
• Gif Compress Type:
  • webp-converter: 本地有损将 gif 压缩为 webp
  • imagemin-gif2webp:
• Auto Refresh TinyPng Key Across Months:
  • yes: 检测到跨月（与上次使用时年月不同）则自动刷新 TinyPng API Key 的状态
  • no: 不检测，但是仍然记录年月
• TinyPng API Key:
  • 在 developers 中申请
  • 逗号,隔开，可使用多个 Key 叠加使用次数

根据自己需求配置参数即可，API Key申请教程见下

API Key申请

进入TinyPNG – Developer API

输入名字和邮箱，点击Get your API key获取

此时邮箱会受到一条消息，进行相应操作即可完成。

完成登录后点击DEVELOPER API——Go to dashboard

在此处添加API即可

启用插件

配置完成后点击设置——启用transformer

PicGo中图床信息

仓库名为：GitHub用户名/仓库名，例如：zhangsan/repo

设定分支名选择main即可

Token：输入上一步获取的Token即可

存储路径：在仓库中存储路径+文件名开头部分，可以不填
例如：

​ test/test1:文件名为test1+原文件名，路径为main分支中test文件夹

​ test/test1/：文件名为原文件名，路径为main分支中test/test1文件夹

自定义域名不填即可

国内可能上传较慢，可以在自定义域名中填写：https://gcore.jsdelivr.net/gh/用户名/仓库名

配置完成后点击确定即可

typora配置

下载typora

官网链接：Typora 官方中文站

这么好用的软件，可惜收费……

但是！！！！！！！

这里给个百度网盘链接，懂的都懂o( ❛ᴗ❛ )o：https://pan.baidu.com/s/1PEpaqcK77aiune1CLNWdvQ?pwd=7s87

配置信息

点击左上角文件——偏好设置——图像

按照图片进行设置

完成配置

接下来就可以在markdown中插入图片自动实现压缩并上传图片到GitHub了，再也不用担心写好的文章上传博客图片加载丢失的问题了。