❌

阅读视图

发现新文章，点击刷新页面。
↗️

零成本加速 “个人图床服务”

✇ZERO开发
作者 北桥苏

前言

上次简单分享了一下通过 Github Pages 方式搭建图床，但是国内对 github 资源的加载普遍不太稳定，多数情况下很慢甚至打不开。而这次我要推荐两个解决方法，一种是助力方案，使用 CDN 加速；另一种是代替方案，换成真正的图床或其他托管服务（先卖个关子）。

img

方案一

方案一提供助力，github 上的仓库和资源保持不变，只需要对其进行 CDN 加速就可以了。那么，好用的 jsDelivr 就上场了，这是一个免费、开源的加速 CDN 公共服务，托管了许多大大小小的项目，可加速访问托管的项目目录或图片资源。

并且他同时对 github、npm、wordpress 提供支持，无需安装或搭建什么就能使用，下面就简单介绍一下使用方法。前提是比如你已经创建了 github 仓库，这次无需开启 github pages，只要是一个 public 的仓库就可以。

img

访问 github

1
https://cdn.jsdelivr.net/gh/用户名称/仓库名称@版本号/目录

img

访问 npm

1
https://cdn.jsdelivr.net/npm/包名@版本号/目录

访问 wordpress

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
// 加载任何插件从WordPress.org插件SVN repo

https://cdn.jsdelivr.net/wp/plugins/project/tags/version/file

// 加载精确版本

https://cdn.jsdelivr.net/wp/plugins/wp-slimstat/tags/4.6.5/wp-slimstat.js


// 加载最新版本

// 你不应该在生产中使用这个

https://cdn.jsdelivr.net/wp/plugins/wp-slimstat/trunk/wp-slimstat.js


// 从WordPress.org的主题SVN repo加载任何主题

https://cdn.jsdelivr.net/wp/themes/project/version/file


// 加载精确版本

https://cdn.jsdelivr.net/wp/themes/twenty-eightteen/1.7/assets/js/html5.js

方案二

方案二是替代方法，就是找其他免费的做图床服务的网站或平台。但是以我自己体验过的几个做图床的平台，个人感觉还是很不好。比如他们可能是出于监管或业务原因，对图片内容做了识别，稍微有点敏感的或者是有二维码的都无法上传，而且有的对单位时间内上传个数做了限制等等。

毕竟是人家免费提供的图床服务，每天的流量消耗也很大，都要生存，所以限制之类的也很正常。那用付费的图床服务不就行了吗，这当然也是很不错的，但是我这里写的是零成本，所以就把目光转移到了其他提供托管服务的平台。

没错就用国内的 Gitee，图片和视频放上去绝对比在 Github 上访问要稳定，而且使用方法也是一样。创建一个 public 仓库，通过 git 工具提交后，参考我下面的访问链接就能使用了。

1
https://gitee.com/gaoxingqufuhchao/bqs-toolsbox-uniapp/raw/master/static/images/componentBg.png

img

写在后面

关于零成本可能要做成一个系列了，因为作为独立开发者，在自己的产品还没有经过市场检验，降低成本绝对是首选。尽管开发方面不用支出，但是面向 C 端至少要有个云服务器和数据库吧，需要数据炼丹总得要部署个爬虫吧，现在都进入 AI 时代了，给产品加上 AI 功能也得要吧。

这些其实都可以通过 Github 和零零散散的小众平台来实现零成本，比如用某云文档做数据库，Github 来定时跑爬虫，某平台的 GPTs 也提供了带有限制的 API 服务。别看人家平台的 api 每天就 1000 次的调用限制，要知道很多情况下，自己刚做的小程序和什么应用每天有几百的访问就很不错了，所以能用一些免费 api 来给自己应用增加有用性就先用着，量起来了可以选择付费或自研。

那么，后面我再慢慢分享怎么零成本玩上面我提到的几个东西吧。

img

↗️

零成本搭建个人图床服务器

✇ZERO开发
作者 北桥苏

前言

图床服务器是一种用于存储和管理图片的服务器，可以给我们提供将图片上传后能外部访问浏览的服务。这样我们在写文章时插入的说明图片，就可以集中放到图床里，既方便多平台文章发布，又能统一管理和备份。

当然下面通过在GitHub上搭建的图床，不光不用成本，而且还能上传视频或音乐。操作方法和以前在GitHub上搭建静态博客类似，但是中间会多一些一些工具介绍和技巧。

流程

  • 创建仓库
  • 设置仓库
  • 连接仓库
  • 应用Typora

创建仓库

创建仓库和平时的代码托管一样，添加一个public权限仓库，用默认的main分支。当然也可以提前创建一个目录，但是根目录最好有一个index.html。

image-20240608131742136

设置仓库

设置仓库主要是添加提交Token，和配置GitHub Pages参数。而这两小步的设置，在前面文章 “Hexo博客搭建” 有比较详细介绍，所以这里就稍微文字带过了。

Token生成

登陆GitHub -> Settings -> Developer settings -> Personal access tokens -> Tokens(classic)，然后点击 “Generate new token”，填写备注和过期时间，权限主要勾选 “repo”、“workflow”、“user”。最后生成 “ghp_” 前缀的字符串就是Token了，复制并保存下来。

GitHub Pages配置

进入仓库页 -> Settings -> Pages，设置Branch，指定仓库的分支和分支根目录，Source选择 “Deploy from a branch”，最后刷新或者重新进入，把访问链接地址复制保存下来。

image-20240608134712059

连接仓库

连接可以除了API方式，也可以用第三方的工具，比如 “PicGo”。工具位置自行搜索哈，下面以他为例，演示工具的连接配置、文件上传和访问测试。

连接配置

找到 “图床设置” -> “GitHub”，下面主要填写仓库名（需带上账户名），分支名（默认main即可），Token（上面生成保存下来的），存储路径（后带斜杠）可以填写已存在，如果不存在则在仓库根目录下新建。

image-20240608140418396

文件上传

文件格式除了下面指定的如Markdown、HTML、URL外，还能上传图片音乐视频等（亲测有效）。点击 “上传区”，将文件直接拖动到该窗口，提示上传成功后，进入GitHub仓库下查看是否存在。

image-20240608141234199

访问测试

访问就是能将仓库里的图片或视频以外链的方式展示，就像将文件放在云平台的存储桶一样。将前面GitHub Pages开启的链接复制下来，然后拼接存储路径和文件名就可以访问了。

image-20240608144141950

image-20240608144227453

应用Typora

Typora通过PicGo软件自动上传图片到GitHub仓库中。打开Typora的文件 ->偏好设置 -> 图像 -> 上传图片 -> 配置PicGo路径，然后指定一下PicGo的安装位置。

image-20240608145919367

开始使用

可以点击 “验证图片上传选项”，验证成功就代表已经将Typora的图标上传到仓库，也可以直接将图片复制到当前md文档位置。

image-20240608150003173

1
![image-20240608145607117](https://raw.githubusercontent.com/z11r00/zd_image_bed/main/img/image-20240608145607117.png)

上传成功后会将返回一个如上面的远程链接，并且无法打开和显示，这是就要在PicGo工具的图床设置中。将自己GitHUb上的域名设定为自定义域名，格式 “域名/仓库名”, 在Typora上传图片后重启就可展示了。

image-20240612104856943

↗️

零成本加速 “个人图床服务”

✇ZERO开发
作者 北桥苏

前言

上次简单分享了一下通过 Github Pages 方式搭建图床，但是国内对 github 资源的加载普遍不太稳定，多数情况下很慢甚至打不开。而这次我要推荐两个解决方法，一种是助力方案，使用 CDN 加速；另一种是代替方案，换成真正的图床或其他托管服务（先卖个关子）。

img

方案一

方案一提供助力，github 上的仓库和资源保持不变，只需要对其进行 CDN 加速就可以了。那么，好用的 jsDelivr 就上场了，这是一个免费、开源的加速 CDN 公共服务，托管了许多大大小小的项目，可加速访问托管的项目目录或图片资源。

并且他同时对 github、npm、wordpress 提供支持，无需安装或搭建什么就能使用，下面就简单介绍一下使用方法。前提是比如你已经创建了 github 仓库，这次无需开启 github pages，只要是一个 public 的仓库就可以。

img

访问 github

1
https://cdn.jsdelivr.net/gh/用户名称/仓库名称@版本号/目录

img

访问 npm

1
https://cdn.jsdelivr.net/npm/包名@版本号/目录

访问 wordpress

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
// 加载任何插件从WordPress.org插件SVN repo

https://cdn.jsdelivr.net/wp/plugins/project/tags/version/file

// 加载精确版本

https://cdn.jsdelivr.net/wp/plugins/wp-slimstat/tags/4.6.5/wp-slimstat.js


// 加载最新版本

// 你不应该在生产中使用这个

https://cdn.jsdelivr.net/wp/plugins/wp-slimstat/trunk/wp-slimstat.js


// 从WordPress.org的主题SVN repo加载任何主题

https://cdn.jsdelivr.net/wp/themes/project/version/file


// 加载精确版本

https://cdn.jsdelivr.net/wp/themes/twenty-eightteen/1.7/assets/js/html5.js

方案二

方案二是替代方法，就是找其他免费的做图床服务的网站或平台。但是以我自己体验过的几个做图床的平台，个人感觉还是很不好。比如他们可能是出于监管或业务原因，对图片内容做了识别，稍微有点敏感的或者是有二维码的都无法上传，而且有的对单位时间内上传个数做了限制等等。

毕竟是人家免费提供的图床服务，每天的流量消耗也很大，都要生存，所以限制之类的也很正常。那用付费的图床服务不就行了吗，这当然也是很不错的，但是我这里写的是零成本，所以就把目光转移到了其他提供托管服务的平台。

没错就用国内的 Gitee，图片和视频放上去绝对比在 Github 上访问要稳定，而且使用方法也是一样。创建一个 public 仓库，通过 git 工具提交后，参考我下面的访问链接就能使用了。

1
https://gitee.com/gaoxingqufuhchao/bqs-toolsbox-uniapp/raw/master/static/images/componentBg.png

img

写在后面

关于零成本可能要做成一个系列了，因为作为独立开发者，在自己的产品还没有经过市场检验，降低成本绝对是首选。尽管开发方面不用支出，但是面向 C 端至少要有个云服务器和数据库吧，需要数据炼丹总得要部署个爬虫吧，现在都进入 AI 时代了，给产品加上 AI 功能也得要吧。

这些其实都可以通过 Github 和零零散散的小众平台来实现零成本，比如用某云文档做数据库，Github 来定时跑爬虫，某平台的 GPTs 也提供了带有限制的 API 服务。别看人家平台的 api 每天就 1000 次的调用限制，要知道很多情况下，自己刚做的小程序和什么应用每天有几百的访问就很不错了，所以能用一些免费 api 来给自己应用增加有用性就先用着，量起来了可以选择付费或自研。

那么，后面我再慢慢分享怎么零成本玩上面我提到的几个东西吧。

img

↗️

零成本搭建个人图床服务器

✇ZERO开发
作者 北桥苏

前言

图床服务器是一种用于存储和管理图片的服务器，可以给我们提供将图片上传后能外部访问浏览的服务。这样我们在写文章时插入的说明图片，就可以集中放到图床里，既方便多平台文章发布，又能统一管理和备份。

当然下面通过在GitHub上搭建的图床，不光不用成本，而且还能上传视频或音乐。操作方法和以前在GitHub上搭建静态博客类似，但是中间会多一些一些工具介绍和技巧。

流程

  • 创建仓库
  • 设置仓库
  • 连接仓库
  • 应用Typora

创建仓库

创建仓库和平时的代码托管一样，添加一个public权限仓库，用默认的main分支。当然也可以提前创建一个目录，但是根目录最好有一个index.html。

image-20240608131742136

设置仓库

设置仓库主要是添加提交Token，和配置GitHub Pages参数。而这两小步的设置，在前面文章 “Hexo博客搭建” 有比较详细介绍，所以这里就稍微文字带过了。

Token生成

登陆GitHub -> Settings -> Developer settings -> Personal access tokens -> Tokens(classic)，然后点击 “Generate new token”，填写备注和过期时间，权限主要勾选 “repo”、“workflow”、“user”。最后生成 “ghp_” 前缀的字符串就是Token了，复制并保存下来。

GitHub Pages配置

进入仓库页 -> Settings -> Pages，设置Branch，指定仓库的分支和分支根目录，Source选择 “Deploy from a branch”，最后刷新或者重新进入，把访问链接地址复制保存下来。

image-20240608134712059

连接仓库

连接可以除了API方式，也可以用第三方的工具，比如 “PicGo”。工具位置自行搜索哈，下面以他为例，演示工具的连接配置、文件上传和访问测试。

连接配置

找到 “图床设置” -> “GitHub”，下面主要填写仓库名（需带上账户名），分支名（默认main即可），Token（上面生成保存下来的），存储路径（后带斜杠）可以填写已存在，如果不存在则在仓库根目录下新建。

image-20240608140418396

文件上传

文件格式除了下面指定的如Markdown、HTML、URL外，还能上传图片音乐视频等（亲测有效）。点击 “上传区”，将文件直接拖动到该窗口，提示上传成功后，进入GitHub仓库下查看是否存在。

image-20240608141234199

访问测试

访问就是能将仓库里的图片或视频以外链的方式展示，就像将文件放在云平台的存储桶一样。将前面GitHub Pages开启的链接复制下来，然后拼接存储路径和文件名就可以访问了。

image-20240608144141950

image-20240608144227453

应用Typora

Typora通过PicGo软件自动上传图片到GitHub仓库中。打开Typora的文件 ->偏好设置 -> 图像 -> 上传图片 -> 配置PicGo路径，然后指定一下PicGo的安装位置。

image-20240608145919367

开始使用

可以点击 “验证图片上传选项”，验证成功就代表已经将Typora的图标上传到仓库，也可以直接将图片复制到当前md文档位置。

image-20240608150003173

1
![image-20240608145607117](https://raw.githubusercontent.com/z11r00/zd_image_bed/main/img/image-20240608145607117.png)

上传成功后会将返回一个如上面的远程链接，并且无法打开和显示，这是就要在PicGo工具的图床设置中。将自己GitHUb上的域名设定为自定义域名，格式 “域名/仓库名”, 在Typora上传图片后重启就可展示了。

image-20240612104856943

❌