【经验分享】强强联合Typora+PicGo让markdown更简单经验分享

小编整理的markdown相关文章码住给小编加鸡腿
【资源下载】好用的markdown编辑器(附下载链接)
【资源下载】了不起的markdown——推荐Typora(附下载链接)
【经验分享】Typora 快速编辑 markdown 快捷键
【经验分享】强强联合Typora+PicGo让markdown更简单

文章目录

小编整理的markdown相关文章
1、Typora+PicGo+Gitee实现图片上传功能

1.1 建立 Gitee 图床
1.2 生成私人令牌
1.3 安装 PicGo
1.4 PicGo 配置 Gitee 图床
1.5 Typora 配置 Gitee 图床

2、Typora+PicGo+Github实现图片上传功能

2.1 GitHub 仓库设置

2.1.1 新建仓库
2.1.2 创建 token 并复制保存

2.2 PicGo客户端配置

2.2.1 下载&安装
2.2.2 配置

前言

使用举例：

文章图片

好了，功能是不是很满意？节省了很多时间是不是，很 nice！下面来具体实现：
1、Typora+PicGo+Gitee实现图片上传功能 1.1 建立 Gitee 图床

注册 gitee 账号并创建一个仓库当图床

（1）注册或登陆 Gitee
Gitee 官网网址：https://gitee.com/
注册账号在这里就不说明了啊，注册好账号之后登陆 Gitee
（2）新建仓库当图床

文章图片

然后改图片中的三处：

文章图片

因为我已经建立了 PictureBed 这个仓库，所以提示已经存在。
1.2 生成私人令牌点击设置里的私人令牌，点击生成私人令牌

文章图片

文章图片

提交即可，复制令牌，可以写在 text 文本中，稍后在 Gitee 图床配置中会用到！
!> 注：令牌只会显示一次，如果不复制的话，就只能重新修改令牌，步骤：修改 --> 重新生成令牌
1.3 安装 PicGo 这是一款图片上传的工具，目前支持微博图床，七牛图床，腾讯云，又拍云，GitHub，Gitee等图床，在这里，我们使用 Gitee 作为图床。

下载 PicGo

下载链接：https://github.com/Molunerfinn/picgo/releases
小编自己使用的PicGo链接奉上：https://github.com/ACosine/Tools
选个自己喜欢的版本，点击进入，找到后缀 .exe 的，点击后自动下载。或者直接使用最新版。

文章图片

1.4 PicGo 配置 Gitee 图床（1）下载 Gitee 插件
注：若没有安装 node.js ，则会安装不了插件。因为插件下载需要使用到 node.js 的 npm！

安装 node.js

node.js 官网下载链接：https://nodejs.org/zh-cn/
安装好之后，打开 PicGo 软件，点击插件设置，搜索 gitee，选择第一个即可，右边的插件也可以，配置过程也差不多
【【经验分享】强强联合Typora+PicGo让markdown更简单】

文章图片

（2）配置 Gitee 图床
首先在 PicGo 设置中选择PigGo设置，特别注意将此处的“时间戳重命名”设置为开

文章图片

然后在图床设置中进行配置 Gitee 图床

文章图片

点击确定，就可以使用了，如果只想上传图片，到这一步就可以了，不过我还是推荐你继续往下看，因为真的很提高开发效率！
1.5 Typora 配置 Gitee 图床使用这一步，首先要下载安装 Typora，官网地址：https://www.typora.io/ 直接安装即可，操作简单。
安装好 Typora 之后，打开进入 Typora，点击上方目录：文件 --> 偏好设置 --> 图像 --> 配置图床

文章图片

关键一步：
当点击验证图片上传选项时，会提示你使用下面网址上传，记住它！比如我的是 http://127.0.0.1:36677/upload，要保证这里的地址和 PicGo 中的上传地址一致，所以要去 PicGo 中去验证，不一样就将 PicGo 中的地址改成这里的就可以了。

文章图片

到 PicGo 中去验证：
点击 PicGo 设置 --> 设置 Sever，若和 Typora 中图片上传地址不一样，改成 Typora 中的监听端口即可，然后确认。

文章图片

测试使用

去前言部分看效果，测试嘛，你试试就知道啦！
2、Typora+PicGo+Github实现图片上传功能 2.1 GitHub 仓库设置

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

2.1.1 新建仓库
点击 git 主页右上角的 + 创建 New repository；
填写仓库信息，例如我就创建了一个 cloudimg 的仓库。这里注意，仓库得设置为 Public 因为后面通过客户端访问算是外部访问，因此无法访问 Private ，这样的话图片传上来之后只能存储不能显示。所以要设置为 Public。

文章图片

2.1.2 创建 token 并复制保存
此时仓库已经建立，点击右上角头像，然后进入设置；

文章图片

在页面最下找到 Developer settings，点击进入；

文章图片

创建 token；

文章图片

填 description（也是随心填），勾选复选框 repo ，接着到页面底部 Generate token 就完成了；

文章图片

然后复制生成一串字符 token，这个 token 只出现一次，所以要保存一下（我一般记在微信收藏）。

文章图片

2.2 PicGo客户端配置 2.2.1 下载&安装
PicGo是一个开源的图床工具，非常优秀。小编自己使用的PicGo链接奉上：https://github.com/ACosine/Tools
2.2.2 配置
先上图

文章图片

仓库名即你的仓库名
分支名默认 master
Token 就是刚刚复制的那一串字符
存储路径这个可以填也可以不填，填了的话图片就上传到 git 中 data 这个文件夹
域名 https://raw.githubusercontent.com/yefcion/cloudimg/master这个要改一下格式 https://raw.githubusercontent.com/[username]/[仓库名]/master

然后点确定就可以了。

注：这里提供一个加速访问图片的方法：CDN加速，具体原理自行百度（我还不是很懂）
将上面的域名改为：
原 https://raw.githubusercontent.com/yefcion/cloudimg/master
现 https://cdn.jsdelivr.net/gh/yefcion/cloudimg@master

然后关于上传的快捷键设置。默认的是 Mac 按键，推荐改成 Ctrl + alt +c。