其他分享
首页 > 其他分享> > Typora+PicGo-Core(command line)+Gitee 实现上传图片到图床

Typora+PicGo-Core(command line)+Gitee 实现上传图片到图床

作者:互联网

教程参考

Typora+PicGo-Core(command line)+Gitee实现图片上传到图床 主要借鉴 picgo 操作命令

Typora + PicGo + Gitee 实现图片自动上传到图床 主要借鉴 gitee 图床的搭建

使用 Gitee 搭建自己的图床 主要借鉴 Gitee Pages 服务的开启

软件配置

1. Jopin配合Typora才是最佳搭档, 配置如下

工具–>选项

image-20210419080633385

2. 验证

新建笔记, 然后ctrl + E快捷键调用Typora编辑器来使用

编写完成后,关闭Typora创建, 还要记得关闭调用, 点击”停止“

image-20210419080924856

1. node 环境准备

下载安装

https://nodejs.org/dist/v14.17.4/node-v14.17.4-x64.msi

2. 使用 node 安装 PicGo-Core

// npm 命令执行速度过慢的话,我们可以使用一下淘宝的镜像 
npm install -g picgo --registry=https://registry.npm.taobao.org

// 安装完成以后测试一下是否安装成功
picgo -v

3. 使用 picgo 命令安装 gitee-uploader 插件

picgo install gitee-uploader
picgo install super-prefix

image-20210811150847385

4.创建 Gitee账号和令牌

建议选择国内网站,这样网速有保证
(假设已经创建了Gitee的账号)
image-20210419081619898

image-20210419081926423

设置私人令牌

image-20210419082144014

image-20210419093650568

image-20210419093744288

image-20210419093904176

复制保存好自己的私人令牌

5.Typora设置上传服务

image-20210811122126807

打开配置文件

6. 完整的配置文件

以下是参照 PicGo-Core官方文档 的进行的配置

首先我们需要找到我们的配置文件,picgo 的默认配置文件在不同系统的目录不太一样:
linux 和 macOS 均为 ~/.picgo/config.json
windows 则为 C:\Users\{你的用户名}\.picgo\config.json

{
  "picBed": {
    "current": "gitee",
    "gitee": {
      "repo": "ilangel/markdown-images",
      "branch": "master",
      "token": "74068fdb49c84fccb4d92481d1e3cdb9",
      "path": "img",
      "customPath": "",
      "customUrl": "https://gitee.com/ilangel/markdown-images/raw/master/"
    },
    "uploader": "gitee",
    "transformer": "path"
  },
  "picgoPlugins": {
    "picgo-plugin-gitee-uploader": true,
	   "picgo-plugin-super-prefix": true
  },
  "picgo-plugin-gitee-uploader": {
    "lastSync": "2021-08-11 12:48:27"
  },
  "picgo-plugin-super-prefix": {
    "fileFormat": "YYYYMMDD-HHmmss"
  } //super-prefix插件配置  
}

注意:配置完成后可以点击 验证图片上传选项 来测试是否配置成功

7.对本地图片上传

对位于本地的所有图片,右键点击上传图片。

image-20210811122746868

当然也可以批量上传

image-20200512153735889

8. 解决 文件大于1M,登录后可见 的问题

按照步骤 1-6 我们确实成功地配置了一个免费好用的 Gitee图床,简单使用也没有什么问题。可是当我们上传的图片大小超过 1M 后:OMG,图片无法正常显示,在浏览器中打开图片的地址,直接跳转到 Gitee 登录界面,并且出现出现了很扎心的 文件大于1M,登录后可见 文字的提示。关键是这个文件大小限制还没有办法解决,凉凉!!!

凉凉?不存在的! 俗话说:办法总比困难多。我们访问 git 仓库中文件的方式并不是只有一种,更何况它只是一些静态的资源文件。所以是不是只要我们想办法配置一个简单的HTTP服务就可以了。问题迎刃而解:Gitee 官方给我们提供了一种供博客 / 门户 / 开源项目网站 / 开源项目静态效果演示用途的 Git Pages服务。

8.1 开启 Git Pages 服务

  1. 进入到阁下 Gitee 图床 所在仓库的页面,找到 服务 -> Gitee Pages

开启 Git Pages 服务

  1. 无需修改任何配置。直接点击 启动按钮,等待服务启动完毕即可。

image

8.2 更新图片访问的路径

当我们的 图床仓库 开启 Git Pages 服务后,就会得到一个专属的网站地址,格式为:“ 个人空间地址.gitee.io/仓库名

例如:http://zi1.gitee.io/pic,则我们访问该图床中的静态资源文件的路径为 http://zi1.gitee.io/pic + 仓库中文件的可见路径

比如:你的仓库中的 picture 目录下的 1.jpg 的图片文件: picture/1.jpg,则我们访问该图片的路径为:http://zi1.gitee.io/pic/picture/1.jpg

image

9. 开启 Git Pages 后完整的配置文件

{
  "picBed": {
    "current": "gitee",
    "gitee": {
      "repo": "ilangel/markdown-images",
      "branch": "master",
      "token": "74068fdb11114fccb4d92481d111111b9",
      "path": "img",
      "customPath": "",
      "customUrl": "https://gitee.com/ilangel/markdown-images/raw/master/"
    },
    "uploader": "gitee",
    "transformer": "path"
  },
  "picgoPlugins": {
    "picgo-plugin-gitee-uploader": true,
    "picgo-plugin-super-prefix": true
  },
  "picgo-plugin-gitee-uploader": {
    "lastSync": "2021-08-11 02:45:59"
  },
  "picgo-plugin-super-prefix": {
    "fileFormat": "YYYY-MM-DD_HH:mm:ss"
  } //super-prefix插件配置
}

标签:Core,plugin,Typora,gitee,图床,uploader,picgo,Gitee
来源: https://www.cnblogs.com/iangel/p/15131181.html