Typora + Pic + 码云实现图片上传存储

Typora + Pic + 码云实现图片上传存储

坐在屏幕面前的你，是不是也曾遇到这样的烦心事？自己用markdown写好了一篇文章，但是文章里面图片图较多，需要自己一个一个上传到图床，之后把图床的链接复制回markdown文件。之前一直羡慕Mac的图床神器iPic，可以自动上传图片到图床、保存 Markdown 格式的链接，直接粘贴插入，非常轻松，减少了复杂的工作。直到昨天晚上，突然发现了在Windows平台上，也可以通过Typora+PicGo，达到相同的效果。这里采用 Typora 作为Markdown编辑器，PicGo为上传图片工具，使用七牛云做存储，Typora和PicGo需要自己下载，我这里提供一个网盘链接，包含Typora和PicGo，需要的伙伴可以从这里下载，当然，也可以从官网下载，官网地址会在下面给出。

之前看到有用 Typora + PicGo + 七牛云做图床的，这当然可以啊！如果你不想要用那种方式，那么接下来这种 Typora + PiCGo的方式你可不要错过了。现在，我每往Typora上贴一张图片就会立马自动上传到我的码云上，太香了！

Typora+PicGo链接：https://pan.baidu.com/s/1BLz9FInc-6f6o4gktsGEHQ ，提取码：4btg

一、创建码云仓库

1.1、新建仓库

2、设置私人令牌

右击头像，选择设置，左下角有个安全设置下有个私人令牌

基本上就仓库就已经创建好了，但是那串私人令牌秘钥要保存好接下来配置的时候要用。

二、PicGo

2.1、PicGo安装

PicGo官网：https://github.com/Molunerfinn/PicGo/releases

• PicGo是一个图片上传工具，可以到我的网盘中获取，网盘是win版的，也可以去官网下载

注意安装的时候注意选择所有用户，其他的默认无脑安装就可以了。

2.2、gitee插件安装

PicGo 的默认图床中是没有 Gitee 的，需要用户手动搜索并下载插件

估计后面的新版本，PicGo 会考虑将 Gitee 图床也加入到默认图床的，那时就不用再安装插件这么烦琐了

这里有于我的电脑没有安装Node.js,因此需要安装Node.js

安装Node.js 很简单无脑next就可以了。

安装完之后按 win+R测试一下是否安装成功，能否使用。

• 测试Node.js
  
  Node.js成功安装。之后开始安装gitee插件，注意安装完gitee插件后需要**重启PicGo**.

2.3、gitee图床设置

• repo写入码云建的仓库地址

2.4、PicGo配置

• PicGo 本身我们也进行一些配置。打开 PicGo配置。

• 注意一下PicGo的server

三、Typora

3.1、Typora下载安装

我下载的版本是：

可以从官网下载，也可以从我给的网盘链接下载，这里要注意，Typora确保版本号在 0.9.84以上

官网：https://typora.io/

下载之后无脑安装就行了，这里我就不做安装解释和说明了，重点是接下来的上传图片的配置。

接下来就是在Typora中接入我们的图床了。

• 打开Typora ,找到 偏好设置

• 点击图像

• 最后检验图床对接是否成功，点击"验证图片上传选项"，成功就会显示成功。
  

四、Typora快捷方式

• 关于Typora有一些好用的快捷键，可以提高写文的效率：

一级标题：CTRL + 1
二级标题：CTRL + 2
三级标题：CTRL + 3
四级标题：CTRL + 4
五级标题：CTRL + 5
六级标题：CTRL + 6
加粗文字：CTRL + B
插入图片：CTRL + SHIFT + I
插入链接：CTRL + K
插入表格：CTRL + T
插入下划线：CTRL + U
全文搜索：CTRL + F
全文替换：CTRL + H
有序列表：CTRL + SHIFT + [
无序列表：CTRL + SHIFT + ]
打开或者关闭源代码模式：CTRL + /

• 要插入代码片段，可以在英文状态下，输入~键(esc键下面)三次，后边紧接着所需语言小写，如下：

​```css           回车，这就是插入css代码片段
​```javascript    回车，这就是插入javascript代码片段
​```c             回车，这就是插入c代码片段
​```java          回车，这就是插入java代码片段
​```bash          回车，这就是插入bash代码片段