ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Typora+PicGo-Core+Github实现图床

2021-01-20 22:01:18  阅读:424  来源: 互联网

标签:Core Github Typora github PicGo 上传 picgo


为了防止 Typora 编辑的 MarkDown 文档在复制到其他地方出现图片丢失的问题,我采用了 PicGo-Core+GitHub 实现图床的功能。

说明

  1. Typora软件版本为:0.9.98
  2. 需安装 node.js 环境,可自行百度。
  3. 系统为 Windows 10

GItHub仓库设置

新建仓库

像下图一样操作,注意一定要是 Public,并且 Add a README file

image-20210120154228025

生成token

GitHubSettings/Developer settings 中选择 Personal access tokens生成 token,这个 token 是用来给 PicGo-Core 访问你的 GitHub 并且上传图片的。

image-20210120154523922

安装 PicGO-Core

安装 PicGo-Core 有两种方法,第一种方法比较简单,但下载速度比较慢,第二种比较快,但配置比较麻烦。

第一种方法

下载安装

直接在 Typora偏好设置->图像 的上传服务中选择 PicGo-Core(command line)然后点击 下载或更新 ,等待下载即可。

image-20210120150141664

配置PicGo-Core

安装好之后,还需要下载上传 GitHub 的插件 github-plus,这一步不是必须的,但是官方提供的 GitHub 上传图床功能并不好用,嫌麻烦可以不进行这一步。

点击图中的 验证图片上传选项,这是 Typora 通过上传两种图片来验证上传功能是否正确,在这里是用来找到 PicGo-Core 的安装位置。

image-20210120151129221

下图中的 C:\Users\micror\AppData\Roaming\Typora\picgo\win64\picgo.exe 就是 PicGo-Core 的安装路径。

image-20210120151114127

打开 cmd,运行

cd C:\Users\micror\AppData\Roaming\Typora\picgo\win64

然后运行命令

picgo install github-plus

即可安装。

image-20210120152311260

第二种方法

下载安装

确保已经安装好了 node.js,直接打开 cmd 中运行 npm install picgo -g,等待安装即可。

输入命令查看版本,如果有输出则添加成功。

picgo -v

配置PicGo-Core

安装成功后,继续输入

picgo install github-plus

等待即可安装 github-plus

同时还需要在 Typora 中配置图像设置,选择 Custom Command

image-20210120153627775

Typora图像配置

image-20210120160633693

设置 PicGo 的配置

无论是用哪种方法安装的 PicGo-Core ,它的配置文件都在一个地方,都可以用下面的方法打开,或者直接打开配置文件路径 C:\Users\用户名\.picgo\config.json

如下图所示,分为2个步骤:

  1. 上传服务选择PicGo-Core(command line)
  2. 打开配置文件,在打开的配置文件,添加相关信息。

image-20210120155137791

{
 "picBed": {
   "uploader": "githubPlus",
   "current": "githubPlus",
   "githubPlus": {
     "branch": "main",// 仓库的分支
     "customUrl": "https://cdn.jsdelivr.net/gh/用户名/仓库名@latest", // 访问的自定义url
     "origin": "github", // 存放的图片类型
     "repo": "用户名/仓库名", // 存放图片的仓库
     "path": "images",// 仓库中存放图片的文件夹,也可以不填
     "token": "" // 访问github的仓库的token,就是一开始生成的
   }
 },
 "picgoPlugins": {
   "picgo-plugin-github-plus": true // 启用github-plus插件
 }
}

上面的 customUrl,在这里我是使用了 jsdeliver cdn 进行加速访问,如果不知道是什么,就直接按照我的配置设置,或者不填。

第一种方法

image-20210120160228513

第二种方法

其中的命令为

...\node.exe C:\Users\micror\AppData\Roaming\npm\node_modules\picgo\bin\picgo  upload

它的格式是:node.exe的路径+ 空格 +picgo的路径+ 空格 +upload

image-20210120160324517

测试配置

点击验证图片上传选项,如果显示验证成功,则表示配置成功。

image-20210120160723950

image-20210120160914247

图片重命名上传

picgo-plugin-rename-file 插件可以帮我们按照一定的规则将文件进行重命名,防止上传错误,具体设置请看picgo-plugin-rename-file

输入命令安装:

picgo install rename-file

安装完成后,打开picgo的配置文件C:\Users\用户名\.picgo\config.json末尾最后一个大括号前添加下面的配置信息。

,
"picgo-plugin-rename-file": {
    "format": "{y}/{m}/{d}/{hash}-{origin}-{rand:6}"
}

标签:Core,Github,Typora,github,PicGo,上传,picgo
来源: https://www.cnblogs.com/forsee/p/14305367.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有