• 周一. 10 月 7th, 2024

5G编程聚合网

5G时代下一个聚合的编程学习网

热门标签

Typora+PicGo+Gitee设置图床,实现图片上传

admin

11 月 28, 2021

Typora+PicGo+Gitee设置图床,实现图片上传

背景

Typora+PicGo实现图片上传之后,简直如虎添翼,文档的效率更高了,尤其是实现了自动上传功能之后,效率更是没的说。去年年末的时候,曾经配置了一遍Typora文本编辑器,实现自动上传到gitee上,并且直接就可以返回Markdown格式的图片信息,可以直接放在文章中,方便用户阅览。但是后来不知道什么原因,Typora不能上传图片了,后来自己也很少写博客记录一些自己的东西,所以就没整,现在抽出时间来整理一下,顺便更新下自己的博客内容。

提前工作

下载PicGo

首先需要下载PicGo,如果是windows系统的话,下载exe格式的就行。可以下载最新的,下载地址

配置node

其次你需要配置node,安装node.js,我是第二次安装了,所以之前已经配置过node。

如何查看自己是否安装node?

win+R,打开cmd,输入node会出现以下内容即可。

image-20210805151441910

创建Gitee库

创建一个Gitee的远程库,用于存放你上传的图片。

仓库名称:自己随便定义一个就行。路径:自己定义,这个需要自己记住。设置成为开源。设置模板选择ReadMe。大概就这些。

image-20210805152210824

创建结束之后,需要找到gitee的私人令牌,通过这个可以获得你的个人信息,访问到gitee的仓库、push到仓库等简单的权限。

具体操作:在头像上悬浮后找到设置按钮,点击,找到私人令牌,选择创建。记得保存下来就行。


现在你已经有了PicGo和Gitee仓库,接下来就是在Typora中设置即可。

Typora设置PicGo

PicGo的设置

  • 安装好PicGo之后,你会发现里面没有gitee的图床。这时候需要我们使用gitee的插件来完善这一操作:image-20210805152649518

  • 安装第一个就行。然后这时候,左侧列表会出现gitee图床,点击进去,输入个人信息:

    image-20210805152833174

    owner:https://gitee.com/yamonc/image,比如这是刚创建的仓库,那么你可以填image前面的域名,yamonc,也就是你个人的gitee域名。

    repo:填写image,就是仓库名字。

    path:如果你不想在库的首页就显示那么多的文件的话,建议你自己创建一个doc的文件夹,然后将所有图片上传到doc文件夹下,这时候你就得写:/doc即可。

    token:私人秘钥。

    message:这是上传图片的时候commit的消息,类似git commit -m "上传图片+timestamp"的信息。

  • 最后一步需要验证下:使用微信或者qq截屏,然后点击快捷上传,查看是否成功。(去repo的库里面查看是否有新的照片)

    image-20210805153334957

Typora配置PicGo

ctrl+,打开typora的偏好设置,或者点击文件->偏好设置。

image-20210805153711372

这个是我已经设置好了的。你需要配置的:

  • 插入图片时:定义用户插入图片的时候或者之后的操作,这个直接选择上传图片吧。然后根据自己的情况选择下面的五个选项。
  • 上传服务设定:按照我这么选择就行。

最后点击验证图片上传选项。显示成功就行,如果显示失败的话,可以在typora中随便粘贴一张图片,查看图片路径是否是gitee的域名开始的。

博客网站 https://yamon.top
个人网站 https://yamon.top/resume
GitHub网站 https://github.com/yamonc
欢迎前来访问

发表回复