zoukankan      html  css  js  c++  java
  • Gitee + PicGo搭建图床 & Typora上传图片到图床

    本随笔主要记录如何使用 Gitee 搭建图床,使用 PicGo 快速上传图片到 Gitee 仓库,使用 Typora 记笔记时同步上传图片到 Gitee 仓库。

    1. 准备工具

    没有 Nodejs、PicGo、Typora 的小伙伴,自行安装,下面主要说一下如何配置而已。

    2. 创建Gitee仓库

    这步无需多说,没有账号的先创建账号,然后建一个 公有 的仓库。

    比如建了一个 imgdepot 仓库,记住此仓库名,后面有用到。

    3. 配置PicGo

    1、在 PicGo 下的【插件设置】中下载gitee插件,我用的是 gitee-uploader 这一款。
    1

    2、在【PicGo设置】下我们可以搜到 gitee 图床选项了,可以把其他图传的勾选框取消,简洁些。
    2

    3、我们刚刚创建的 gitee 仓库,注意在配置 gitee 的 repo 时,我们填入的是标红的部分
    3

    4、填入对应的参数,token 在 gitee 的 设置中可找到,还没有创建过 token 的,可新建一个,复制token到此处即可。
    4

    5、在 PicGo 上传区拖入图片,或者点击上传选择图片。
    5

    6、在我们的相册中就能查看到我们刚刚上传的图片了,在gitee的图床仓库下也能看到刚刚上传的图片。
    6

    4. 配置Typora

    1、在配置 Typora 时,还需要配置 PicGo 的 Server 内容。
    1

    2、打开 Server,这里的端口号需要对应到 Typora 中的上传的端口号。
    2

    3、对应标红处的设置,设置完后,点击【验证图片上传选项】按钮,验证是否配置成功。
    3

    4、注意这里标红的地方,Typora使用的 36677 端口上传图片,这个端口需要跟上面第2步中的端口号一致。如图所示,我们已经成功上传图片了。
    4

    5. 总结

    搭建个人图片已经成功了!

    我们通过上面的设置,上传的图片都是 gitee 仓库下对应图片的 raw 路径的,如下所示:

    raw路径

    当然我们可以开启 Gitee Pages 服务,通过 http://gitee用户名.gitee.io/仓库名/ + 对应的图片路径和名 来访问到我们的图片。

    我们还是建议使用第一种的方式访问图片,因为后一种方式上传图片后需要重启 Gitee Pages 服务,麻烦了些。

    基于 Gitee 搭建的个人图库,已经完成了,开始享受你的 Typora 记笔记和写作之旅吧。

  • 相关阅读:
    CMY/CMYK 打印机色彩
    safe RGB colors
    人眼内的三类视锥细胞
    函数极限的定义
    Region的周长, 面积与紧凑程度
    Boundary Representations
    Boundary Following Algorithm
    Region Representaion and Description
    JavaSE编码试题强化练习5
    JavaSE编码试题强化练习4
  • 原文地址:https://www.cnblogs.com/AuKing/p/14059884.html
Copyright © 2011-2022 走看看