美文网首页
Gitee+PicGo+Typora便捷的在博文中插入图片

Gitee+PicGo+Typora便捷的在博文中插入图片

作者: JavaGym | 来源:发表于2020-04-10 17:34 被阅读0次

    首先下载安装,链接如下

    Typora:https://www.typora.io/
    PicGo:https://molunerfinn.com/PicGo/

    No.1

    什么是图床?

    图床就是专门用来存放图片,同时允许你把图片对外连接的网上空间,在博文中插入在线图片连接的个人图片仓库。设置图床之后,在自己博客中插入的图片链接就可以随时随地在线预览了,并且不会因为任何意外原因无法查看,除非自己亲自删除,不少图床都是免费的。

    No.2

    为什么使用图床呢?

    Hexo是静态博客,大多数人喜欢它的主要原因可能就是不用购买服务器,通过Git Pages服务就可以完成上线部署进行展示,非常的轻便快捷并且省去服务器的开销。国内的话Coding和Gitee也提供Pages服务,能更快的提高博客的访问速度,但是我们博客不光有文字还有图片,我们大多人的图片文件都通过Hexo插件存储在了博客根目录文件中,长久以往会越来越臃肿,就算不影响博客的加载速度,那也不方便对自己的图片资源进行管理,并且使用插件Hexo-asset插入图片在写作时是看不到图片的,只有编译部署后才可以看到,这样的写作显然是不友好的。现在很多论坛和社区都已支持使用MarkDown,如果你没使用图床的情况下,你分享同一篇文章,你要在不同的平台,各自重新编辑排版一遍和上传图片。

    如果我们是使用Typora,那么我们就可以尝试下PicGo这个插件了。

    No.3

    为什么我们要使用PicGo?

    想象一下,使用Markdown编写你的博客时,插入截图是什么流程:将截图保存到本地文件夹->将图片文件上传到网络服务器中->复制图片的网络地址->在markdown中输入![](图片的网络地址),这个过程无疑是很繁琐的,而且如果你图片一多,这种过程将会是魔鬼体验。

    PicGo是一款免费的图床管理应用,支持拖拽上传,剪切板上传等方式。你可以用它快捷地将图片上传到图床并获得网络链接,而且你可以设置链接格式为Markdown,这就意味着你只要直接粘贴到Markdown编辑器就可以插入图片了。

    No.4

    安装PicGo

    访问PicGo的官方文档以了解PicGo的基本安装和使用方法。如果不想读文档的话,访问PicGo Releases直接下载你的操作系统对应的安装包并完成安装。

    Github:https://github.com/Molunerfinn/PicGo

    注:在安装的时候安装目录千万不能选C:\Program Files\下的任何地方,如果你不知道安装在哪里的话,选择仅为我安装,否则在设置Typora时会出现以下错误:

    Copyfailed to launch PicGo app: Command failed: C:\Program Files\PicGo\PicGo.exe
    

    No.5

    设置PicGo用Gitee作为图床

    先认识一下PicGo的页面,提供选择的图床还是挺多的

    image

    默认的没有提供Gitee图床,我们需要安装插件,点击插件设置搜索选择第一个安装,重启后再打开就有了

    image

    在等待安装的过程中,我们可以先移步Gitee创建一个公开的个人仓库,仓库名随意,公开的才能被外部访问。

    作为图床的仓库,一定不能勾掉管理界面的在线编辑 是否允许仓库文件在线编辑选项,否则使用PicGo管理的时候会导致操作被403 Forbidden。

    创建完仓库后,还要创建一个私人令牌,私人令牌是用来允许PicGo访问并更新你的仓库的,这个时候,你已经明白了PicGo的运行原理:PicGo将图片上传到你的gitee仓库,然后返回给你图片的具体地址,这样你用该地址便可以访问到位于仓库的图片了。

    生成私人令牌步骤如下:访问新建Gitee令牌,在私人令牌描述中写上便于你了解该令牌用处的文字,并勾选需要的权限,PicGo要使用的私人令牌只需要user_info和projects权限,勾选上后提交,gitee将会返回私人令牌的token,保存该token,因为该token只会出现一次,离开页面过后再不会出现。

    image

    接下来回到Pico-Gitee图床根据属性说明填入相应选项

    image

    属性选项说明:

    url:这里填写码云官方的网址

    owner:填写你的用户名

    repo:填写你的图床仓库名称

    path:图片存储路径

    token:填写上面教程中你设置的私人令牌

    message:不需要填

    No.6

    Typora集成PicGo

    打开PicGo软件的设置界面,进行Server的设置:

    PicGo设置 -> 设置Server,开启Server,监听地址不用进行更改,监听端口的值设置为36677,这个值的获取在Typora软件中,下面会提到:

    image

    接下来进行Typora的设置,Typora的安装上面链接自取,打开typora软件,依次打开步骤为:文件 -> 偏好设置 -> 图像,具体配置参考下面的图中的配置:

    image

    接下来进行验证,看Typora是否可以成功的通过PicGo上传到图床,点击第三步图中的验证图片选项,当成功后会出现下面图中的情况

    image

    图中可以看出监听地址以及端口号,这个需要与PicGo的Server服务中的监听地址以及端口号一致,否则上传会失败!

    No.7

    使用方法

    第一种

    采用拖拽的方法,直接将本地图片拖拽到文章中,即可进行上传

    第二种

    采用插入本地图片的方法,使用快捷键Ctrl + Shift + I,选择图片路径即可

    第三种

    采用截图软件,我推荐大家一款软件——Snipaste,可以快速截图并进行粘贴,快捷键F1,进行截图,Ctrl + C,进行复制,Ctrl + V,进行粘贴,可以直接粘贴到文章内,然后就自动上传到图床里,如果你在电脑上登录QQ,也可以通过快捷键Ctrl + Alt + A,进行快速截图并进行复制粘贴,直接粘贴到文章中即可。

    No.8

    上传测试

    Gitee图床与Github图床相比,Gitee图床略胜一筹,毕竟是国内的,速度相比于GitHub好一点。

    缺点就是,码云虽快,但是仓库容量比Github小,可能不够用。

    No.9

    其他功能

    有时候在上传照片前,我们想重新命名这个图片名称,或者是在上传之后我们需要给图片重新命名,这款工具就可以快速满足我们的需要,支持编辑相册的图片信息,同时更好更方便的管理我们的图片。

    image

    与此同时,除了单张上传外,其实还支持多张,批量上传,只需要选中多个文件,将其导入,或者拖入其中便可以了,这样再多的文件,也能够做到一次上传就能用的效果。

    相关文章

      网友评论

          本文标题:Gitee+PicGo+Typora便捷的在博文中插入图片

          本文链接:https://www.haomeiwen.com/subject/iprpphtx.html