乐趣区

关于github:图床及typora配置图床giteepicgo

零 序
一 图床
1 图床的作用
2 图床都有哪些
3 图片上传工具
如果只是单纯应用图床:
如果配置了图片上传工具:
二 实操
1 typora+gitee+picgo
1.1 gitee
0 注册 gitee 账号
1 创立一个仓库
2 设置仓库
3 创立私人令牌
1.2 typora
0 装置略
1 配置
2 装置 picgo
3 typora 配置验证
1.3 picgo
0 装置
1 picgo
2 装置 gitee 插件
3 picgo 配置 gitee
4 picgo 配置验证
2 typora + github+picgo
2.2 github
3 typora + 七牛 + picgo
3.2 七牛
4 typora + 自建图床 + 自建图片上传工具
4.1 自建图床
4.2 自建图片上传工具

零 序

  • win10 环境
  • typora+gitee+picgo
  • 2021 年 10 月 13 首发
  • 千山踏飞雪,秋水共长天
  • ps:我又回来了

一 图床

1 图床的作用

图床:图片服务器,能够使多类型、多类别的文档、博客应用的图片地址惟一。(及图床能够可每个图片生成一个 url,这样本地编辑完的文章,复制到任何博客,都不会呈现找不到图片的状况)

2 图床都有哪些

  • 阿里云 oss、腾讯云 cos
  • 七牛图床、又拍云图床
  • imgur 图床、sm.ms 图床
  • github、gitee
  • 自建图床(lychee)

3 图片上传工具

图床和 markdown 的桥梁(图片上传工具,通常还会有图片治理性能)

  • picgo(window 环境, 反对阿里、腾讯、七牛、又拍云、imgur、sm.ms、github、gitee(须要装置插件))
  • iPic (macOS, Freemium)
  • uPic (macOS, OpenSource)
  • 其它脚本

如果只是单纯应用图床:

在本地写一篇文章用到 A 图片:

  1. A 图片(截图、url 等)上传到图床
  2. 在图床那边获取 A 图片上传后的 线上 url
  3. 将 2 中的 url 复制到本人的文章中

如果配置了图片上传工具:

间接在文章中插入截图,图片主动上传到图床

二 实操

1 typora+gitee+picgo

1.1 gitee

0 注册 gitee 账号

https://gitee.com/

1 创立一个仓库

2 设置仓库

  • 仓库名
  • 开源(重要)
  • 复制 repo(用户名 + 仓库名)

3 创立私人令牌

个人头像下拉 —— 设置——(右侧)私人令牌 ——生成新令牌——

  1. 填写该令牌的名称
  2. 默认全选,(可只勾选 projects)提交
  3. 复制下 token(重要,只呈现一次,遗记只能从新生成)

1.2 typora

0 装置略

1 配置

文件 —— 偏好设置——图像

2 装置 picgo

文件 —— 偏好设置——图像

  1. 先下载 picgo(可自定义装置)
  2. 配置 picgo 门路

3 typora 配置验证

(重要)先跳到 picgo,操作完再回来

文件 —— 偏好设置——图像 ——点击验证图片上传选项

1.3 picgo

0 装置

https://github.com/Molunerfin… 略

1 picgo

装置完——运行 picgo——(右下角托盘)picgo 点出详情界面

2 装置 gitee 插件

插件设置 —— 输出 gitee ——点击装置(装置实现,在图床设置外面会多进去一个 gitee 选项)

ps:不晓得是不是 picgo 自定义装置的缘故,我这边点装置始终没反馈。

换个安装法:手动装置,在 c:/ 用户 / 用户名 /AppData/Roaming/picgo 这个目录下, 以管理员身份关上 powershell(或 cmd;文件——以管理员关上 ps——输出 npm install picgo-plugin-gitee-uploader 命令 ——重启 picgo 即可)

3 picgo 配置 gitee

配置好,确定即可。

ps:path 可随时变更。如无要求,可将所有文章图片都放在一个文件夹下,比方(imgs)。假使要做分类

比方有三篇文章 1、2、3;即写对应文章时,只有批改 path 为:

imgs/article/note1

imgs/article/note2

imgs/article/note3

即可。

4 picgo 配置验证

在上传区,上传一张图片试试(多种上传形式)

ps:快捷上传中的剪贴板图片,须要先 alt+a(微信剪切快捷键)一张图片

ps2:如果上传失败,请认真仔细从头细度本实操文档

ps3:上传报错:StatusCodeError: 404 – {“status”:”404″,”error”:”Not Found”}

很可能是 repo 配置谬误

ps4:上传日志门路:c:/ 用户 / 用户名 /AppData/Roaming/picgo 门路下的 picgo.log

2 typora + github+picgo

2.2 github

其实同 gitee 差不多。

github 可能会被墙,须要 cdn 减速(收费:https://www.jsdelivr.com/)。

picgo 原生反对 github 配置,不须要装置插件

3 typora + 七牛 + picgo

3.2 七牛

早前注册试用了一下,(仿佛须要本人申请一个域名,有收费空间)

4 typora + 自建图床 + 自建图片上传工具

4.1 自建图床

图床好搭(用 docker 搭了个 lychee,ps:不要映射目录),甚至能够本人做个微服务

4.2 自建图片上传工具

写一个 typora 主动上传图片到本人图床的脚本,待钻研

三、应用

本文即在 typora+gitee+picgo 后的第一篇文章。

新近都是应用 typora+asserts(本地存储)

图片有两种上传模式:

  • 所有图片间接上传:格局——图像——上传所有(未尝试)
  • 截一张、贴一张、上传一张
  1. 间接截一张图
  2. 在文档中 ctrl+v
  3. 点击上传图片
  4. 如果遗记上传,可再次右击该图片进行上传

最初测试

四、总结

  • 图床、图片上传工具、typora 之间的分割
  • typora+gitee+picgo 应用详解
  • github、七牛应用简介
退出移动版