如何搭建免费图床给Typora使用(PicGo + Gitee(码云)实现markdown图床)

柔情只为你懂 2022-09-12 03:47 173阅读 0赞

### 文章目录 ###

*   *  背景
     *  下载安装PicGo
     *  建立gitee（码云）图床库
     *  配置 PicGo 中的gitee插件
     *  Typora配置
     *  测试

## 背景 ##

平时大家基本都作笔记的习惯，但是无奈一直找不到开源免费好用的图床，如果使用有道云笔记，Markdown语法上传图片还要开会员。Typora是一款本地免费并支持Markdown的笔记本，一直也是用这个非常好用，但是Typora默认图片保存到本地，在我们有时候想将Typora的比较直接复制到其他地方，比如博客之类的地方，图片就需要自己去本地文件夹找到再一张一张上传到其他博客之类的平台，非常不方便。所以就像基于PigGO搭建一个免费的图床解决这种问题

## 下载安装PicGo ##

> 我这里的环境不是windows，是mac，可能会有一定差异，但是大同小异

1.  下载 PicGo

[下载地址][Link 1]：https://github.com/Molunerfinn/PicGo

安装完成打开PicGo  
![在这里插入图片描述][97a2bd7352a24005a2f7c1c4dc0d0962.png]

打开详细窗口  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16]  
安装 gitee-uploader 插件

> 注意这里需要系统有安装node，否则会报错安装不了，具体node的安装教程就自行百度吧

> 这里不用github主要是还是国内不开vpn访问github相对较慢，其次自己可以看到PicGo还支持很多其他图床

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_10_color_FFFFFF_t_70_g_se_x_16]

## 建立gitee（码云）图床库 ##

> 由于我们的图片最终是上传到gitee，所以要创建gitee图片仓库

1.  新建仓库  
    ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16 1]

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16 2]

点击创建

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16 3]

## 配置 PicGo 中的gitee插件 ##

在图床设置中找到我们安装的gitee插件

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16 4]

*  repo：用户名/仓库名称  
    ![在这里插入图片描述][eb60bf7145ee49bfa10562d8b983a43d.png]

> 你仓库访问的上方的url就有

*  token：码云的私人令牌

> 其他的照着我上面填写就可以了,如何获取token令牌呢

我们回到gitee中  
点自己头像，进入设置  
![在这里插入图片描述][301c60114d624fe1971521874e7be577.png]

在设置中找到私人令牌

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_9_color_FFFFFF_t_70_g_se_x_16]

然后生成一个私人令牌即可  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16 5]

权限主要是把projects权限给了，其他的随意。然后生成token，复制到PicGo中配置好。保存设置为默认图床

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16 6]

这里我们的PicGO就可以直接上传图片了，但是不够方便，接下来我们配置Typora使用

## Typora配置 ##

我们打开 `Typora`找到偏好设置  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_14_color_FFFFFF_t_70_g_se_x_16]  
在偏好设置中的图片设置图床  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16 7]

## 测试 ##

然后我们测试使用，向原先一样在Typora中直接粘贴图片  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16 8]

这里就可以看到我们的图片已经变为gitee的地址了。我们可以随意复制到其他地方。

我们可以去gitee中看看我们图片上传到哪里了  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16 9]

至此就大功告成了，一个免费好用的图床就搭建完成了。

[Link 1]: https://github.com/Molunerfinn/PicGo
[97a2bd7352a24005a2f7c1c4dc0d0962.png]: /images/20220828/d56fe0edfa104e6c826a615a1b6928a4.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/5eb6d14687804615893b41f936ea425f.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_10_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/51d354bfb0df4109924b926e20eeebe0.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/fc4e132d0afd430ea76f4c94985f4def.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/eb074d88304d49fc81af5f3594c0601c.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220828/fb23e06ec6fc42e7b397ca1111a48562.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16 4]: /images/20220828/fe07f3013a9d43f4a98cc0c0dce385b7.png
[eb60bf7145ee49bfa10562d8b983a43d.png]: /images/20220828/94c9a653785143419619fbbca441d4cf.png
[301c60114d624fe1971521874e7be577.png]: /images/20220828/2f3a6b3e2442463499f9e9ba0032d29b.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_9_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/8313f53ec8504c8780cc7744e6c2e961.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16 5]: /images/20220828/1347988558784706b4a0049a26fa4dc8.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16 6]: /images/20220828/1f407c12fc2a40c58404881558650acc.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_14_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/f215401857a846b1a9c17aef9841444c.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16 7]: /images/20220828/44459e2d2c9541f8833610813f29c13b.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16 8]: /images/20220828/756f54319e814bb8879334f051da563e.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAd2VpaHViZWF0cw_size_20_color_FFFFFF_t_70_g_se_x_16 9]: /images/20220828/b32ee206d55344bfbeae8ce4129c643f.png