Typora+PicGo配置图床,纯小白也能打造最好用的 Markdown 工具

5,942 阅读3分钟

🙁「痛点」

平时记笔记或者写博客的等,需要插入图片。由于Typora 的图片只能保存在本地,只要图片删除或者路径变化,Typora 中图片就会失效,所以就需要图床了。

😁「秀技能」

什么是图床? 专门用来存放图片的,同时允许你把图片对外连接的网上空间Gitee,速度快

推荐使用 方法一 比较简单。

1、注册Gitee

类似github,但是是国内的,速度非常快

点我注册Gitee

2、安装Node.js

安装除了根据自己需要修改安装的路径,一直下一步即可

点我下载Node.js

测试是否安装成功在控制台中输入node -vnpm -v出现以下则为成功。

node -v npm -v


🚨重点

新建Gitee仓库

这里的仓库主要用于存储图片的,你的用户名和项目名,后面是会用到的,尽量使用纯英文

  1. 点击右上角头像旁边的的 + 新建仓库步骤 1

我已经建好了这个仓库。可以根据你自己的需求来决定名字。记住现在仓库的路径,后面需要用到

在这里插入图片描述

将仓库设置为开源

进入仓库 点击 管理,在页面最后 点击开源

切记切记:如果不开源,图片上传后将无法 Typora 显示

image.png

新建私人Gitee令牌

点击头像 ----> 设置 进入个人中心,「点击私人令牌」,然后点击「生成新令牌」 新建私人令牌

全选

在这里插入图片描述

输入登录个人密码,勾选一下,然后点击复制:

在这里插入图片描述

建议复制下来,保存在记事本中

在这里插入图片描述

🎉 「方法一」

打开 Typora 点击 ---> 文件 ---> 偏好设置 ---> 点击 ---> 图像 上传服务 选择PicGo-Core(command line)后点击 下载或更新

在这里插入图片描述

点击下载或更新下方的打开配置文件,进入到config.json,清空文件,输入以下内容(根据自己的情况修改)

{
  "picBed": {
    "uploader": "gitee", 
    "gitee": {
      "repo": "仓库地址(不带gitee的域名)",
      "token": "gitee 私人令牌 必填", 
      "path": "自定义存储路径,可以不填", 
      "customUrl": "域名,没有可以不填",
      "branch": "分支名,默认是 master" 
    }
  },
  "picgoPlugins": {
    "picgo-plugin-gitee-uploader": true,
    "picgo-plugin-super-prefix": true
  },
  "picgo-plugin-super-prefix": {
    "fileFormat": "YYYYMMDDHHmmss"
  } 
}

下载完成后进入 C:\User\AppData\Roaming\Typora\picgo\win64,在该路径下打开cmd命令窗口,分别依次输入以下命令,出现如图所示即为成功。

picgo install super-prefix
picgo install gitee-uploader

在这里插入图片描述

最后点击验证图片上传路径,出现下图提示,即为成功!

image.png

到此所有配置全部结束,在 Typora 中贴入图片,进入仓库发现已经出现了上传的图片。分享 Typora 文件,图片也不会失效。


🎉 「方法二」

安装PicGo

需要从GitHub上下载,可能存在访问较慢的情况,可稍微等待一会。

点击下载PicGO,建议下载稳定版本的。安装和一般软件的安装差别不大,这里就不介绍了。

3.1 安装 Gitee 插件

PicGo中点击 插件设置 搜索 gitee「安装gitee-uploader」 安装步骤

设置PicGo

在这里插入图片描述 然后点击设置默认图床

设置 Typora

打开 Typora 点击 ---> 文件 ---> 偏好设置 ---> 点击 ---> 图像 上传服务 选择PicGo(app)

偏好设置 最后点击验证图片上传路径,出现下图提示

image.png

到此所有配置全部结束,进入仓库发现已经出现了上传的图片。

在这里插入图片描述