使用typora+picGo实现markdown文档图片自动上传

Introduction

经常写博客的小伙伴经常会遇到这样的烦恼:在本地用typora写的笔记、博客,上传到博客网站时往往由于图片地址为本地路径导致网站上博客图片加载不出来。本文的方法就解决了这个问题,亲测好用。

本方法适用gitee仓库作为图床,存储图片。选择gitee而不是Github是考虑到国内访问GitHub经常被墙,避免以后图片加载出现问题。

Tutorial

step1.

首先要注册一个gitee账号,然后点击右上角的加号,新建一个仓库,为仓库起一个名字,最好是英文:

注意仓库要选择开源,否则上传上去的图片无法被访问,会造成图片上传成功却加载不出来的情况。

建好仓库后会跳转到下面的页面,记住下图中方框标出来的部分,这个是仓库的全名,后面再picGo中会用到。然后点击“初始化readme文件”,如果不初始化可能会造成上传失败。

step2.

下载picGo,进入插件设置,搜索gitee插件,安装下面的gitee-uploader插件。这个时候会要求电脑安装Nodejs,跳转到nodejs官网下载安装即可。安装完毕之后记得完全退出picGo之后再重新打开。

step3.

进入picGo的图床设置,往下拉到底,找到gitee,会出现下面的界面:

这里有两个地方要填写。第一个是repo,也就是仓库名,把刚才新建的仓库全名填进去,注意要写全,格式是用户名/仓库

第二个是token,回到gitee网站,点右上角头像->设置,进入设置页面。

点击私人令牌-生成新令牌,会生成一个token,复制下来,填入picGo的token中。填好后确认即可。

step4.

进入typora的偏好设置,选择图像,插入图片时选择“上传图片”,勾选下面第一个红框中的两个选项,上传服务选择PicGo.app,点击“验证图片上传选项”测试上传功能是否成功。

测试成功即可正常使用啦。

最后,最好在picGo的设置里面打开“时间戳重命名”,这样会避免在写笔记的时候重复上传同一张图片导致失败。

作者的这篇博客就是设置后后用typora在本地写好,然后全选-复制-粘贴到的,亲测好用。

如果本篇文章帮到了你,请帮忙点一下赞,蟹蟹~

你可能感兴趣的:(使用typora+picGo实现markdown文档图片自动上传)