前言

通过NPM + Github的方式来搭建一个NPM图床，这种方式是不需要服务器的

存储的图片总大小建议不要超过 1G，否则Github会有人工审核仓库内容，如果发现用来做图床，轻则删库，重则封号。因此为了安全起见，建议在 1G 之前就换个仓库，反正可以创建无数个仓库嘛

步骤

在 Github官网 上创建一个仓库，用来存储本地上传来的图片

在本地任选一个文件路径，克隆所选仓库的文件

1
git clone git@github.com:blhorizon/BlogImages.git

输入如下指令。根据指示验证完邮箱后就会跳转到如下页面

1
2
3
4
5
6
7
8
# 切换回原生源，否则需要你输入账号密码
npm config set registry https://registry.npmjs.org

# 仅第一次使用需要添加用户
npm adduser

# 非第一次使用直接登录即可
npm login

执行如下指令会生成package.json文件。需要注意的是，事先需要通过搜索确认你的包名是否唯一。同时 git repository 填写的是仓库的 HTTPS，而不是 SSH

1
npm init

依次输入如下指令将本地路径中的文件分别上传到 Github 和 NPM 中

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# 将更改提交到暂存区中
git add .

# 将暂存区内容添加到本地仓库中
git commit -m "npm publish"

# 更新package版本号，每次会在末尾版本号 +1。例如 0.0.1 => 0.0.2
# 大版本需要在 package.json 手动更改 version，即从 1.0.0 => 2.0.0
npm version patch

# 推送至Github上
git push

# 推送到npm上
npm publish

这时你就可以通过链接在网上访问你的图片了。由于在国内访问会很慢，建议使用 CDN 进行加速。

目前我正在使用的CDN是 渺软公益 CDN，访问速度很快。其链接为：https://jsd.onmicrosoft.cn/npm/【文件路径】