• 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 记笔记和写作之旅吧。

  • 相关阅读:
    学习 JS 内容知识点与个人感悟【2】
    学习两天hml的感悟
    编程一星期感悟(上)
    java基础及练习题
    java基础程序代码及Scanner和Random
    java中Random和Scanner及其循环语句
    java语言及数据类型
    SQL含义+单行函数
    DTL+数据字典+序列、索引、视图
    sql plus及SQL语句
  • 原文地址:https://www.cnblogs.com/AuKing/p/14059884.html
Copyright © 2020-2023  润新知