我是靠谱客的博主 聪明毛巾,最近开发中收集的这篇文章主要介绍Typora + PicGo + Gitee 搭建图床前言一、工具二、安装Node.js三、Gitee四、PicGo五、Typora总结,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

文章目录

  • 前言
  • 一、工具
  • 二、安装Node.js
      • 1.下载
      • 2.测试
          • 解决方法
          • ①找到自己 node.js 的安装目录,用 Notepad++ 打开 npm.cmd 文件
          • ②将第12行的 **prefix -g** 替换为 **prefix --location=global**
      • 3.修改全局模块路径和缓存路径(可选)
          • ①为什么要修改路径?
          • ②步骤
            • (1)在除了C盘以外的其他盘符,新建 node_cache (缓存) 和 node_global (全局模块) 两个文件夹
            • (2)在 node_global 文件夹下要建一个 node_modules 文件夹 (配置环境变量时要用)
      • 4.配置环境变量
  • 三、Gitee
      • 1.刚创建的仓库默认是私有的,可在创建完成后进行更改
          • -更改为开源
      • 2.若出现内容过于简单,请完善等字样
          • - 在仓库里完善 README.md 文件里的内容(随便写点),再或者创建新的文件,例如 a.txt ,在里边随便写点内容,然后提交审核
          • - 若显示更新成功,并不代表现在已经是开源的了,需要等已提交审核的提示消失,才算真正意义上的开源
          • 注:若还未通过审核,后边 PicGo 上传图片没问题,但是从 Gitee 加载图片就会加载不下来
      • 2.设置私人令牌
          • - 生成的密钥保管好,后面设置PicGo会用到
  • 四、PicGo
      • 1.安装
          • 安装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 仓库里的图片失败:看看提交申请开源的仓库是否已经审核通过,仓库必须是开源的才行
  • 总结


前言

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用户名AppDataRoaming 路径下的 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的安装目录下,找到 nodejsnode_modulesnpmnpmrc 文件 (方式二)
在这里插入图片描述

  • 添加命令
  • 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 仓库里的图片失败:看看提交申请开源的仓库是否已经审核通过,仓库必须是开源的才行

总结

希望对大家有所帮助。

最后

以上就是聪明毛巾为你收集整理的Typora + PicGo + Gitee 搭建图床前言一、工具二、安装Node.js三、Gitee四、PicGo五、Typora总结的全部内容,希望文章能够帮你解决Typora + PicGo + Gitee 搭建图床前言一、工具二、安装Node.js三、Gitee四、PicGo五、Typora总结所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(41)

评论列表共有 0 条评论

立即
投稿
返回
顶部