Typora + PicGo + Gitee 搭建图床

文章目录


前言

Typora文件里的图片加载的是本地的图片,若将本地图片删除,就无法加载,搭建图床后,图片会上传到Gitee仓库里,本地图片删除后,可以加载Gitee仓库里的图片。在安装的过程中遇到了各种麻烦,查询了各种教程,总结了一下。


一、工具

  • Typora
  • PicGo
  • Node.js (PicGo要用)
  • Gitee

二、安装Node.js

1.下载

Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/
Node.js 历史版本下载地址:https://nodejs.org/dist/
Windows安装包(.msi)
一路 next 安装即可
在这里插入图片描述


2.测试

Windows键 + R键,输入cmd打开Dos命令窗口
输入 node -v 和 npm -v 查看是否安装成功
在这里插入图片描述
若出现 npm WARN config global --global, --local are deprecated. Use --location=global instead. 错误

解决方法
①找到自己 node.js 的安装目录,用 Notepad++ 打开 npm.cmd 文件

( node_modules 模块文件夹,用于存放通过包管理工具下载安装的包)
在这里插入图片描述

②将第12行的 prefix -g 替换为 prefix --location=global

在这里插入图片描述


3.修改全局模块路径和缓存路径(可选)

①为什么要修改路径?

在执行 npm install webpack -g 等命令全局安装的时候,默认会将模块安装在 C:\Users\用户名\AppData\Roaming 路径下的 npmnpm_cache 中,我们可以改变这个路径,从而减少C盘的使用

②步骤
(1)在除了C盘以外的其他盘符,新建 node_cache (缓存) 和 node_global (全局模块) 两个文件夹
(2)在 node_global 文件夹下要建一个 node_modules 文件夹 (配置环境变量时要用)

在这里插入图片描述


在 Dos 窗口中执行以下命令 (方式一)

  • npm config set prefix “node_global 文件夹的路径”
  • npm config set cache “node_cache文件夹的路径”
    例如:
    在这里插入图片描述

在node.js的安装目录下,找到 \nodejs\node_modules\npm\npmrc 文件 (方式二)
在这里插入图片描述

  • 添加命令
  • prefix=node_global文件夹的路径
  • cache=node_cache文件夹的路径
    在这里插入图片描述

4.配置环境变量

在这里插入图片描述

  • 输入变量名 NODE_PATH ,变量值是刚才创建的 node_global 文件夹下的 node_modules 文件夹的路径
    在这里插入图片描述
  • 修改用户变量中的 Path 变量,将默认的 npm 路径修改为新建的 node_global 文件夹路径
    在这里插入图片描述
    在这里插入图片描述

三、Gitee

1.刚创建的仓库默认是私有的,可在创建完成后进行更改

在这里插入图片描述


-更改为开源

在这里插入图片描述


2.若出现内容过于简单,请完善等字样

在这里插入图片描述

- 在仓库里完善 README.md 文件里的内容(随便写点),再或者创建新的文件,例如 a.txt ,在里边随便写点内容,然后提交审核

在这里插入图片描述

- 若显示更新成功,并不代表现在已经是开源的了,需要等已提交审核的提示消失,才算真正意义上的开源
注:若还未通过审核,后边 PicGo 上传图片没问题,但是从 Gitee 加载图片就会加载不下来

在这里插入图片描述


2.设置私人令牌

在这里插入图片描述

- 生成的密钥保管好,后面设置PicGo会用到

在这里插入图片描述

四、PicGo

1.安装

https://sourceforge.net/projects/picgo.mirror/

安装Gitee插件

在这里插入图片描述

2.gitee设置

在这里插入图片描述

repo:打开你刚才创建的仓库,复制仓库名,只复制 gitee.com/ 后面的部分

在这里插入图片描述

branch:分支,写master即可
token:私人令牌生成的密钥
path:图片上传到 Gitee 存储的位置,可以写 / 代表在根目录存储,也可以在仓库创建文件夹,这里写文件夹的名字

五、Typora

1.配置

在这里插入图片描述

- 上传服务:选择PicGo (app)
- PicGo路径:刚才安装的PicGo的位置
- 验证图片上传选型:测试是否连接上 Gitee 了
  • 右键上传图片
    在这里插入图片描述

2.可能出现的错误

- 上传失败:看看 PicGo 的 gitee 设置中的 repo 填的是否是 https://gitee.com/ 后面的部分,不要全复制
- 加载 Gitee 仓库里的图片失败:看看提交申请开源的仓库是否已经审核通过,仓库必须是开源的才行

总结

希望对大家有所帮助。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值