使用 PicX 建立免费的图床神器

这是我参与8月更文挑战的第1天，活动详情查看：8月更文挑战

前言

写博客文章时，图片的上传和存放是一个问题，咱们也许会在不一样的平台发布同一篇文章，这样一来每一个平台都要上传图片。

为了解决这些问题，作法是把图片统一上传到一个在线的第三方静态资源库中，咱们把这个资源库称为图床。其返回一个图片的URL，使用markdown+图片url的方式写做文章，而后就能够直接使用连接引入图片。而后整篇文章复制便可，不再用担忧图片的问题了。

介绍

PicX，基于 GitHub API 开发的图床管理神器，图片外链使用 jsDelivr 进行全球 CDN 加速。免费、稳定、高效。免下载、免安装，只需一个 GitHub 帐号，打开网站便可进行配置使用，轻松解决图床难题。

一共3个步骤就完成设置了

1. 建立 GitHub 仓库
2. 获取 GitHub Token
3. 配置图床

做者：@XPoet

网站：picx.xpoet.cn/

仓库：github.com/XPoet/picx

文档：github.com/XPoet/picx/…

1. 建立 GitHub 仓库

这建立仓库相信你们都会了啊，那就直接上图了。

2. 获取 GitHub Token

建立一个有 repo 权限的 GitHub Token

这里咱们填完名称和勾选上repo选项以后呢，而后直接点击 Generate token 按钮，便可生成一个token，以下图：

注意 那个英文的意思是：

确保当即复制您的我的访问令牌。 你将没法再看到它！

那万一没了从新生成一个就行。

3. 配置图床

进行图床配置（绑定 GitHub Token、存储图片的仓库和目录）

1. 这里咱们先登陆一下,点击右上角的未登陆，而后填入刚刚在Github生成的Token，点击确认Token。会自动获取该用户下的仓库

2. 在仓库的下拉列表中，选择一个做为图床的仓库

3. 选择一种目录方式（目录即仓库里存放图片的文件夹）

• 新建目录：需手动输入一个新目录。
• 根目录：图片将直接存储在仓库根目录下。
• 自动目录：自动生成日期格式 YYYYMMDD 的目录。例如：20200909
• 选择仓库目录：自动获取仓库下全部目录，选择一个便可。

若是想对图片进行一个分类怎么办呢？

这个也很简单，新建一个文件夹而后再上传，等到下次还要上传到这个文件夹，咱们在目录方式中勾选选择仓库目录，就会展现你建立的全部文件夹。而后进行选择。

好比我这里选择vue3这个啊，而后点击完成配置。

上传图片

点击左侧菜单栏的上传图片，咱们能够看到目录以及变成咱们刚刚选的vue3知识点了

上传是能够多选的

上传前能够设置图片的名字，哈希或者重命名，若是都不勾选就是你本来图片的名字。

图床管理

点击左侧菜单栏的图床管理，咱们能够看到当前目录是咱们选择的vue3知识点

点击切换目录能够切换图片目录，点击图片下面的Github和CDN能够复制相对应的连接

点击图片下面的MD按钮所复制的连接能够直接使用在MD文件中。不然就是默认连接。

例：

1. 点击MD以后的连接

2. 默认连接(仅仅是一条连接，在MD文件中不生效)

结语

总得来讲操做简单，咱们使用的时候尽可能使用CDN的连接，这样访问会快不少。

以为不错的话，欢迎收藏点赞喔~