一文教你用Typora + Gitee(码云) + PicGo 实现 云 markdown笔记

时间  2020-08-12 标签 一 文教 typora gitee 码 云 picgo 实现 云 markdown 笔记

目录

为何要用Typora

Typora是一款轻便简洁的Markdown编辑器，支持即时渲染技术，这也是与其余Markdown编辑器最显著的区别。即时渲染使得你写Markdown就想是写Word文档同样流畅自如，不像其余编辑器的有编辑栏和显示栏。git

既见既所得的全新Markdown的协做体验征服了为数很多的程序员。程序员

最最重要的，如今Typora还处于 beta 阶段，在macOS、Windows和Linux系统上都是免费。web

存在的问题

1. 云存储：同时Typora 不支持云端存储，若是本身的电脑出现了问题，数据被清空，那么本身的心血通通都会付诸东流。markdown

2. 图片上传：如今mac版能够经过 iPicUploader 进行图片上传，其余系统还不支持。若是上传到gitee,则插入的本地图片不能查看。编辑器

3. 文档转移：本身写的md文档插入的图片只能在本地看，若是将md文档发给别人或者同步到 csdn，图片就会查看不了，仍是图片上传的问题。
在这里插入图片描述svg

图片设为相对路径，发送文档携带图片文件夹

若是只要云存储的功能（针对问题一，问题二），那么 Typora + Git 就能够搞定测试

1. 图片上传

1）文件 --> 偏好设置 --> 图像
进行如下设置
复制到指定路径
路径填写 ./images(可自定义)
这样上传的图片都存在文档同一级的 images 文件夹里
在这里插入图片描述
2）如今新建一个文件夹 【图片上传】，在里面新建一个文档 【测试图片上传】fetch

3）如今上传张图片，能够发现【图片上传】下多出一个【 images 】文件夹， 能够看到图片也存在了 【 images 】里面
在这里插入图片描述.net

2. 上传git （Git存储）

1）在git 新建仓库
关于git 的安装和使用能够参看 一文搞定 Git 安装与使用插件

2）将【图片上传】上传到 Git

3）在码云上查看
在这里插入图片描述
文档中的图片能够随文档上传到码云，是由于文档中的图片使用的是相对路径，而相对路径对应的文件夹 < images>也上传了，因此可以找到图片，正常显示。

4）存在的问题：

这样因此实现了手动云存储，不在怕本地数据丢失。可是若是想把单个文档发给别人，或者 直接复制粘贴到 cdsn 写博客，图片都不能显示，由于图片相对路径指向的 images 文件夹不存在。

Typora + Gitee(码云) + PicGo 实现 云 markdown笔记

若是想要解决以上的问题，仍是须要利用 PicGo 图床。

Typora 已经支持PicGo自动上传功能，可以自动上传拖进 markdown 文件的图片，还能将 markdown 文件中的图片一键上传。
在这里插入图片描述

1. 准备

1）安装 Typora 最新版
①. Typora官网
②. 百度网盘连接：Typora 0.9.89
提取码：mc64

2）安装 PicGo
如今最新版是2.3.0-beta.0,可是不是正式版，
在这里插入图片描述
因此为了稳定性，这里选择 2.2.2版本
百度网盘连接：PicGo 2.2.2
提取码：mygt

2. PicGo + Gitee(码云) 实现图床

（图片上传后，会返回一个连接，只要有网就能访问图片）

1）打开下载好的 PicGo

点击左侧最下方 --> 插件设置。在右边输入框 输入：gitee，选择右边的插件，点击安装。

在这里插入图片描述

3. Gitee 创建图床库

1）新建仓库

2）设为公共

3）使用Readme文件初始化仓库
G4ubmV0L3dlaXhpbl80NDQ5MTkyNw==,size_16,color_FFFFFF,t_70)

4. 配置PicGo

在这里插入图片描述

  1. *repo: 为 username + 仓库名，即
    在这里插入图片描述

    2）branch: 分支，以前建立仓库的时候使用Readme文件初始化仓库的时候为咱们建立了master 分支

    3）*token:：私人令牌，获取方式
    点击头像 --> 进入我的主页 --> 点击私人令牌 （私人令牌只出现一次，丢了须要从新建立）
    在这里插入图片描述
    4）path: 图片存储路径，能够按照本身的设置，这里设置的是 img

    5）剩下两个能够不填。提交信息，插件默认提交的是 Upload 图片名 by picGo - 时间
    在这里插入图片描述

5. 保存配置，设为默认图床，完成图床设置

6. 测试上传

1）在上传区点击上传
在这里插入图片描述
2）在相册中查看本身上传的图片
在这里插入图片描述
3）在Gitee查看上传的图片

能够看到仓库中，自动生成了img 文件夹
在这里插入图片描述

7. Typora 图像设置

文件 --> 偏好设置
在这里插入图片描述

8. 测试Typora 图片上传功能

1）截图 --> 粘贴，能够看到图片开始自动上传，上传成功后，图片路径由本地路径，变为 (https://gitee.com/jiao_qianjin/zhishiku/raw/master/img/xxxxxx)
在这里插入图片描述
2）若是文档中存在本地图片也能够右键 -->上传图片，
还能够 格式 --> 图像 --> 上传全部图片。这时候你文档中的全部图片均可以一键上传。

9. 可能出现的错误

1） Failed to fetch

解决方法：打开PicGo，点击PicGo设置 – > 设置Server选项
端口设为PicGo推荐的默认端口号：36677，保存
在这里插入图片描述

2）{“success”,false}

错误缘由就是文件名冲突，再次上传一张名字同样的图片就是出现这种错误
解决方法：
在这里插入图片描述
打开时间戳重命名，删除图片的时候，图片的名字会重命名为时间戳

在这里插入图片描述

这时候，你的Typora文档能够上传到Gitee中实现云存储，也能够直接将文档上传到csdn 博客，图片能够直接显示，也能够将你的文档发给别人，不用再考虑图片不显示的问题。

联系我们 沪ICP备2021010478号-7