Markdown文档

身为程序员,肯定写过「Markdown」文档。Markdown不必多说,其有着非常丰富的语法,并能生成丰富的格式。Typora是非常好的Markdown工具,它使用户不必聚焦于语法就能写出Markdown文档来,并且所见即所得。行家都懂的。

但是对于图片的处理并不友好,你需要将图片存放到本地,然后再拖进Typora软件里。然而这样图片还是在本地,如果你需要把你的Markdown文档发给别人,你需要把图片一起打包发给他。

当然你可以把图片放进图床,然后逐一获取图片的图床地址,再将地址拷贝到「Typora」。这样你的图片就是网络图片而不是本地图片了。但这样上传图片好麻烦,可不可以将图片拖入Typora时,图片自动上传到图床呢?

「Typora」 + 「PicGo」很好的解决了这个问题

成果展示

下面为插入的一张图片。

Typora+PicGo组合真香,Markdown文档图片自动上传到图床_java

这是存在本地路径

Typora+PicGo组合真香,Markdown文档图片自动上传到图床_java_02

点击上传图片,上传地址如下,已经显示为配置的gitee的图床地址。

Typora+PicGo组合真香,Markdown文档图片自动上传到图床_java_03

gitee上面的仓库也有图片传上去了。

Typora+PicGo组合真香,Markdown文档图片自动上传到图床_java_04

创建Gitee仓库

gitee上创建一个仓库picture

Typora+PicGo组合真香,Markdown文档图片自动上传到图床_java_05

获取token,点击右上角图像 -> 设置 -> 私人令牌 -> 生成新令牌 -> 选择必要权限 -> 复制令牌。

Typora+PicGo组合真香,Markdown文档图片自动上传到图床_java_06

PicGo配置

下载PicGo并安装,下图是我安装的版本。

Typora+PicGo组合真香,Markdown文档图片自动上传到图床_java_07

由于Github访问比较慢,这里我选用国产的Gitee做图床。PicGo上默认没有Gitee,需要到插件下载,这里你需要「提前安装好Node.js」哦,不然可能无法安装。

Typora+PicGo组合真香,Markdown文档图片自动上传到图床_java_08

点击插件设置,在搜索框输入Gitee,安装Gitee。重启PicGo,发现多了个Gitee配置。

Typora+PicGo组合真香,Markdown文档图片自动上传到图床_java_09

输入用户名(owner),仓库名(repo),token(就是上面Gitee获取的令牌),提交信息(message)。点击设置为默认图床即可。

Typora配置

Typora+PicGo组合真香,Markdown文档图片自动上传到图床_java_10

点击【文件】->【偏好设置】->【图像】->【上传服务选择PicGo】-> 【选择安装的PicGo的路径】。至此配置完毕。

开发中你只要直接将图片复制到Typora,再选择图片上传,图片即可上传到Gitee搭建的图床里。