构建个人免费图床（TyPora+PicGo+gitee）

TyPora+PicGo+gitee 构建个人免费图床

软件须知

首先电脑必须安装node.js环境(node,npm)

工具介绍

• Typora:Markdown工具，写Markdown文件的神器，简洁、方便、免费

• PicGo:开源的图片管理工具，可以自己上传到各种图床

• gitee-uploader:PicGo依赖这个插件进行上传到gitee仓库

• gitee（码云）：借助gitee建立自己的仓库，构建免费图床，国内速度快

什么是图床？

​ 图床简单点来说就是一个在网络上存储图片的地方，目的是为了节省本地服务器空间，加快图片打开速度，主要是个人博客和网站使用。

​ 闲话不多说，咱们切入正题。这里我用的是TyPoraversion0.9.98 (beta)我们使用的版本***必须得在文件—>偏好设置—>图像里可以找到上传服务***

​ 如果没有的话，必须去TyPora官网下载新的版本

下载地址：https://www.typora.io/

解决完TyPora版本问题之后，我们来下载PicGo

​ PicGo是一个开源的图床工具，非常优秀。目前在Github上进行托管。

下载地址：https://github.com/Molunerfinn/PicGo

Windows系统的同学要下载后缀为.exe，要下载对应系统的版本。

我下的版本是PicGo-Setup-2.3.0-beta.4.exe，下载之后就可以点击安装了

一直next点击下一步，有不懂安装的童鞋可以在百度上进行安装

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Yh82LTxn-1610715507846)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210115194440915.png)]

安装完之后，我们可以打开PicGo进行下一步的安装

• 点击插件设置进行gitee-uploader的安装。

如果你此时进行gitee-uploader的安装，它肯定会报错，显示你必须安装Node.js才可以。

下载地址：https://nodejs.org/zh-cn/

根据自己电脑系统及位数选择，我这里选择windows64位.msi格式安装包

.msi和.zip格式区别：是Windows installer开发出来的程序安装文件，它可以让你安装，修改，卸载你所安装的程序。说白了.msi就是Windows installer的数据包，把所有和安装文件相关的内容封装在一个包里。.zip是一个压缩包，解压之后即可，不需要安装

node.js安装完之后找到它的文件位置新建图中两个文件夹（有不懂安装的百度即可）

全局 node_global npm config set prefix “node_global”

缓存 node_cache npm config set cache"node_cache"

npm install -g vue 进行vue插件的安装，安装vue使之生成node_modules(D:\WL1\Node\node_global\node_modules)

NODE_PATH node_global\node_modules(D:\WL1\Node\node_global\node_modules)自己的路径

node --> require(‘vue’)
node -v
npm -v

完成上述操作之后，重启电脑进行gitee-uploader的安装。

• repo :仓库地址

• token：私人令牌

• path：仓库中文件夹

  [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XdvKf7zL-1610715507876)(https://gitee.com/dayichen/images/raw/master/img/image-20210115205717854.png)]

进行验证图片上传的验证

• token：私人令牌

• path：仓库中文件夹

  [外链图片转存中…(img-XdvKf7zL-1610715507876)]

进行验证图片上传的验证