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


    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 欢迎前来访问
  • 相关阅读:
    linux故障分析简介
    egon说一切皆对象--------面向对象进阶紫禁之巅
    alex说:一切皆bytes
    数据类型小结
    继续死磕python
    python初步学习
    初识python
    3.17内存,进程,rpm和yum,python编译安装
    用户权限(3.15)
    操作系统和基础网络知识
  • 原文地址:https://www.cnblogs.com/chenyameng/p/15103624.html
Copyright © 2020-2023  润新知