零 序
一 图床
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图片:
- A图片(截图、url等)上传到图床
- 在图床那边获取A图片上传后的 线上url
- 将2中的url复制到本人的文章中
如果配置了图片上传工具:
间接在文章中插入截图,图片主动上传到图床
二 实操
1 typora+gitee+picgo
1.1 gitee
0 注册gitee账号
https://gitee.com/
略
1 创立一个仓库
2 设置仓库
- 仓库名
- 开源(重要)
- 复制repo(用户名+仓库名)
3 创立私人令牌
个人头像下拉 —— 设置—— (右侧)私人令牌 ——生成新令牌——
- 填写该令牌的名称
- 默认全选,(可只勾选projects)提交
- 复制下 token (重要,只呈现一次,遗记只能从新生成)
1.2 typora
0 装置略
1 配置
文件 —— 偏好设置——图像
2 装置picgo
文件 —— 偏好设置——图像
- 先下载picgo (可自定义装置)
- 配置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(本地存储)
图片有两种上传模式:
- 所有图片间接上传:格局——图像——上传所有 (未尝试)
- 截一张、贴一张、上传一张
- 间接截一张图
- 在文档中ctrl+v
- 点击上传图片
- 如果遗记上传,可再次右击该图片进行上传
最初测试
四、总结
- 图床、图片上传工具、typora之间的分割
- typora+gitee+picgo应用详解
- github、七牛应用简介