GitHub+PicGo+Typora(Markdown云笔记)

参考https://blog.csdn.net/yefcion/article/details/88412025,自己实践并整理。侵删。

1. GitHub 仓库设置

流程:新建 public 仓库 -> 创建 token -> 复制 token 备用

1.1.新建仓库

点击 git 主页右上角+ 创建 New repository

image-20200607093753094

填写仓库信息,例如我就创建了一个 CloudIMG 的仓库。

仓库得设置为 Public ,设置Private 只能存储不能显示。

GitHub+PicGo+Typora(Markdown云笔记)_第1张图片

1.2.创建token

token是为了给PicoGo使用

1.2.1.Setting

点击右上角头像,然后进入设置;

GitHub+PicGo+Typora(Markdown云笔记)_第2张图片

1.2.2.Developer Setting

页面最下找到 Developer settings,点击进入;

GitHub+PicGo+Typora(Markdown云笔记)_第3张图片

1.2.3.创建新token

先点击左下角Personal access tokens进入,再点击Generate new token创建新token

GitHub+PicGo+Typora(Markdown云笔记)_第4张图片

1.2.4.New personal access token

Note内容按需编辑,我这里写的PicGo权限,作用域按需选择,这方面我不太懂,全选了。

image-20200607095813409

最后点击页面最下方的Generate Token生成Token

GitHub+PicGo+Typora(Markdown云笔记)_第5张图片

生成Token之后**只出现一次,**自行保存。

2. PicGo客户端配置

2.1.下载&安装

PicGo 是一个开源的图床工具,非常优秀。可以到 git 上下载,地址:PicGo

2.2.配置PicGo

GitHub+PicGo+Typora(Markdown云笔记)_第6张图片

  • 仓库名 即你的仓库名

  • 分支名 默认 master

  • Token 就是Github保存的那一串字符

  • 存储路径 这个可以填也可以不填,填了的话图片就上传到 git 中 data 这个文件夹。

    https://raw.githubusercontent.com/huxc573/CloudIMG/master

    域名格式: https://raw.githubusercontent.com/[username]/[仓库名]/master

CDN加速

https://cdn.jsdelivr.net/gh/huxc573/CloudIMG@master

域名格式:https://cdn.jsdelivr.net/gh/[username]]/[仓库名]@master

为避免上传的图片在github仓库存在导致出错,建议打开时间重命名功能。

GitHub+PicGo+Typora(Markdown云笔记)_第7张图片

3.Typora客户端配置

3.1.下载&安装

官网:https://www.typora.io/

3.2.配置Typora

3.2.1.打开设置

打开Typora后,使用快捷键Ctrl+,可以打开设置

或者鼠标点击文件-偏好设置

GitHub+PicGo+Typora(Markdown云笔记)_第8张图片

3.2.2.设置上传服务为PicGo

在设置窗口点击图像,并在上传服务中选择PicGo(app),并将你PicGo的安装路径填入。

GitHub+PicGo+Typora(Markdown云笔记)_第9张图片

3.2.3.验证上传服务

设置完成后点击验证图片上传选项进行验证,弹窗显示成功,如果失败,请检查2.2步骤是否正确,或上一步路径设置是否正确

GitHub+PicGo+Typora(Markdown云笔记)_第10张图片

3.3.4.手动上传

我没有设置自动上传图片,而是优先复制到指定目录。需要上传图片时右击图片上传即可,图片引用会自动更改

GitHub+PicGo+Typora(Markdown云笔记)_第11张图片

上传成功后,图片引用地址会改变

GitHub+PicGo+Typora(Markdown云笔记)_第12张图片

同时在我们的Github仓库中可以查看到相应的文件:

GitHub+PicGo+Typora(Markdown云笔记)_第13张图片

3.3.5.上传所有图片

GitHub+PicGo+Typora(Markdown云笔记)_第14张图片

你可能感兴趣的:(GitHub+PicGo+Typora(Markdown云笔记))