图床及typora配置图床(gitee+picgo)

akufire
零 序
一 图床
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 创建一个仓库

image-20211013153249511

2 设置仓库

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

image-20211013153727587

image-20211013155041258

image-20211013163035010

3 创建私人令牌

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

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

image-20211013154032536

image-20211013154159955

image-20211013154736449

1.2 typora

0 安装略

1 配置

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

2 安装picgo

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

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

image-20211013155739662

3 typora配置验证

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

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

1.3 picgo

0 安装

https://github.com/Molunerfin...

1 picgo

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

image-20211013160206675

2 安装gitee插件

插件设置 —— 输入gitee ——点击安装(安装完成,在图床设置里面会多出来一个gitee选项)

image-20211013160340759

ps:不知道是不是picgo自定义安装的缘故,我这边点安装一直没反应。

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

image-20211013160740878

image-20211013161004127

image-20211013161138866

3 picgo配置gitee

image-20211013161704379

配置好,确定即可。

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

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

imgs/article/note1

imgs/article/note2

imgs/article/note3

即可。

4 picgo配置验证

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

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

image-20211013162222317

image-20211013165820524

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. 如果忘记上传,可再次右击该图片进行上传

最后测试

image-20211013165753619

四、总结

  • 图床、图片上传工具、typora之间的联系
  • typora+gitee+picgo使用详解
  • github、七牛使用简介
阅读 471
1 声望
0 粉丝
0 条评论
1 声望
0 粉丝
文章目录
宣传栏