美文网首页
PicGo+Gitee搭建图床

PicGo+Gitee搭建图床

作者: 战斗力五只鹅 | 来源:发表于2020-10-14 17:00 被阅读0次

为什么要用图床

写Markdown插入图片时,可以插入本地图片或网络图片。

本地图片自然只能本地看。不少博客平台可以直接在它的网站上写md并插入图片,但只能在它的平台能看到。

比如在简书写文章,如果图片直接插入到简书的web编辑器,就只能在简书上看到。

为了文章发布到多个平台,并支持图片,就需要一个图片存储服务——图床,来存放网络图片,再插入到自己的文章中。

可用的图床

各种存储服务都可以作为图床使用,比如阿里云OSS、腾讯云COS、七牛云图床、又拍云图床、微博图床等;以及各种git仓库比如Github、码云等。

云服务基本都是要收费的,免费党可以用Git来做图床,虽然有容量限制但一般也够用。

Github国内网速太慢了,码云是个不错的选择。

图床工具

手动把图片上传到图床和从图床复制图片链接的操作都很麻烦,例如用Git,你需要先把图片复制到Git仓库文件夹,然后提交并推送,再找到这个图片在仓库中的链接。写文章时这样频繁操作效率太低。

利用图床工具可以简化操作,一键完成图片的上传和图片链接的复制。

PicGo是一款开源的图床工具,默认支持多种图床,也可以通过插件扩展来支持更多图床。

PicGo功能

这是PicGo的文档,这是PicGo的Github,这是PicGo的Gitee镜像

PicGo + Gitee 搭建图床

  1. 下载安装PicGo

PicGo/Release下载并安装PicGo。注意不要下Beta版。

  1. 安装Gitee插件(需要npm环境)

PicGo默认是不支持Gitee图床的,需要通过插件扩展来支持。

运行PicGo,在插件页面输入Gitee搜索,装哪个都可以,我用的是 gitee。

Gitee插件

如果搜索不到或者界面一直停在“安装中...”,可能是由于程序没有管理员权限,无法正常运行npm导致的。

解决方案:命令行通过npm手动安装插件。管理员模式启动命令行,cd到PicGo配置目录,一般是C:\Users\XXX\AppData\Roaming\picgo,输入命令 npm install picgo-plugin-[插件名] 进行安装。

安装完毕,在PicGo界面的【图床设置】下应该能看到【Gitee图床】一项,如果没有,到【PicGo设置】一栏把【选择显示的图床】中【Gitee图床】勾上。

image
  1. 创建Gitee图床仓库

Gitee中新建一个仓库,注意:仓库要公开,仓库要初始化,否则后续会上传失败。

创建Gitee图床仓库
  1. 获取Gitee令牌

在Gitee的【个人设置】-【安全设置】-【私人令牌】中生成令牌,生成时只需要选择最基础的权限即可。

生成时需要输入登录密码。

Gitee的图床令牌

注意:令牌显示页面一旦关闭就不会再有任何显示入口了,一定要自己把这个令牌存下来。

image
  1. 配置PicGo的Gitee插件参数

【owner】一栏写你的Gitee用户名,点开你的仓库页面,网页地址中夹在 “gitee.com/” 和 “/仓库名” 中间的,就是你的用户名。

【repo】一栏写你的仓库名,注意:这里仓库名不是你仓库页面标题上的名字,要写你仓库地址后缀的名字,这两个名字有时候是有区别的。比如仓库页面的标题是 PicBed ,但你的仓库地址后缀名字其实是 pic-bed

(其实就是拼了个url...)

【token】写刚刚存下来的Gitee令牌。

【message】写上传图片时的提交信息,这个可以不写,会有一个默认信息。

填写完毕,【确定】并且【设为默认仓库】

使用图床

为了方便使用,可以把【PicGo设置】中几个选项都开启,选项都很好理解。

注意:为了防止上传的图片没有图片名,最好把重命名勾上。
例如qq截图或Snipaste截图直接复制到剪切板,可能就没有文件名。

PicGo使用设置

图片直接拖拽到PicGo的上传区即可上传图片到图床,也可以通过点击【剪贴板图片上传】直接上传系统剪切板的当前图片。如果开启了上传提示,上传成功或失败都会有系统弹窗提示详细信息。

上传成功后PicGo会自动把图片链接复制到系统剪切板,到markdown里直接ctrl+v一下就好了。

【相册】一栏里可以查看所有上传的图片和对应的链接。

最后

Typroa + PicGo + Gitee + Snipaste = Yes !!!

相关文章

  • PicGo+Gitee搭建图床

    为什么要用图床 写Markdown插入图片时,可以插入本地图片或网络图片。 本地图片自然只能本地看。不少博客平台可...

  • PicGo+Gitee(码云)搭建自己的图床

    下载PicGo,点击安装就好了PicGo开源库下载地址 下载Node,因为需要下载插件需要npm环境Node官方下...

  • PicGo+Gitee实现个人图床

    写在开始 之前将博客部署到coding后速度访问速度确实快了很多,但最近访问自己的博客时发现速度又慢下来了,检查后...

  • 图床:PicGo+gitee(或github)

    图床,同字面意思,即存放图片的地方。 0.在线图床:ImgURL[https://imgurl.org/]: Im...

  • Picgo+Gitee实现自己的图床

    markdown是一门易于上手能帮助作者专心写作的文档编辑语言,它的好处太多了,建议想自己动手做笔记写博客的朋友都...

  • typora 搭建图床picGo上传gitee

    typora 搭建图床picGo上传gitee 1. gitee 新建图床仓库与token获取 1.1. 新建图床...

  • 使用Picgo+Github搭建个人图床

    使用Picgo+Github搭建个人图床 使用Picgo+Github搭建个人图床,为本地图片添加外部链接。 [T...

  • Gitee+PicGo+Typora搭建图床教程

    图床的文章我以前写了不少,这次就介绍下怎么使用 gitee 来搭建图床 图床系列篇:https://blog.cs...

  • CentOS 利用lychee搭建图床

    CentOS 利用lychee搭建图床 安装docker:yum install docker 启动docker:...

  • Markdown 图床搭建指南

    现在,越来越多的自媒体从业者开始选择 Markdown 作为文章撰写的格式,得益于其排版速度快、兼容性强的优点,可...

网友评论

      本文标题:PicGo+Gitee搭建图床

      本文链接:https://www.haomeiwen.com/subject/wnywpktx.html