利用valaxy+github+PicGo搭建github图床问题

NEW CDN!!!

https://gcore.jsdelivr.net/gh/ {{owner}}/{{repo}}@{{branch}}/{{path}}

已失效解决方法
  1. 利用valaxy+github搭建个人博客图片不显示?
  • 使用图床传输图片
    • 问题:使用牛七、Gitee图床均有问题
  1. 2023使用picgo + github搭建图床(typora),解决jsdelivr问题

一、图床是什么

图床一般是指储存图片的服务器

有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。

  • 说人话: 就是把你博客,或者笔记中的图片存到云端上去,这样文本里面只留存图片链接

  • 举个例子:

    • 写markdown笔记时,图片存储在本地,用相对路径或者绝对路径加载图片,如果要同步笔记或者迁移笔记的话,那么是不是要把图片也进行迁移,很麻烦。
    • 有人会说可以直接复制整个目录结构,也麻烦不了太多。但是这样是不是将来在两个设备写markdown时,就需要总是同步图片,特别是如果本地写好博客,去发布时,图片链接又该如何让去解决,一张一张处理,效率显然太慢了。
  • 图床有什么效果:例子中那些问题,图床就可以很好的解决

    • 同步笔记时,利用iCloud,或者其他云盘,就可以直接同步markdown纯文本文件,不需要再考虑图片问题,笔记的体积还小,只需要存储markdown文本文件,去处理图片的体积。

    • 博客也只需要,将markdown全选 + 复制 + 粘贴 + 发布就好了

二、怎么搭建

方法有很多,但是说到底还是选择用什么样的云存储,可以是自己用服务器写API来搭建,也可以使用大厂商提供的对象存储,还有就是本文的白嫖,白嫖GitHub

picgo只是一个图床管理工具,帮助我们上传图片到图床。同样的应用还有upic,以及其他,都是同样的功能,但图床的方便一定少不了图床管理工具。picgo则是可以配合typora使用。

1、配置GitHub

  • (1)创建仓库
img
  • (2)生成token私钥
img
img
img
img

ps: 得到的私钥要保存下来,后面github上无法查看

2、配置picgo

picgo下载

还需要配置node.js环境才可以使用。node.js安装及环境配置

img
名称填写
设定仓库名用户名/仓库名
设定分支名分支名,用户main就可以
设定Token这个就是GitHub配置的token私钥
设定存储路径相对于仓库来说,自定义填写
设定自定义域名重要!!!解决jsdelivr CDN加速问题 如下填写.

解决jsdelivr CDN加速问题这个现在失效了https://gcore.jsdelivr.net/gh/[github用户名]/[仓库名]@main

改成:

https://gcore.jsdelivr.net/gh/[github用户名]/[仓库名]@main @后面跟的是填写的分支名,一定要一致

3、配置typora

打开:文件 -> 偏好设置 -> 图像

img

使用:

img

效果:

img

从昨天开始Staticaly就提示过期了,导致我的一些站点中图片无法加载,索性今天就替换下

由于我的图床都是在github中,所以链接替换上还是比较容易的,以下是我找的几个可以替换的免费CDN:

官方:https://cdnjs.shssedu.ac.cn/github 【CDNJSCN 是一项免费开源 CDN (国内)搜索服务,CDNJS受到超过 全球 12.5% 网站的信任, 多达 2000 亿请求/月, 由 Cloudflare、loli.net、onmicrosoft.cn、cdn.chuqis.com、cdn.staticfile.org提供服务支持。】

替换:

https://cdn.chuqis.com/

https://gcore.jsdelivr.net/

还有一个国内的套Cloudflare的Staticaly:https://gcore.jsdelivr.net

如果你跟我一样图片是在github上的则替换格式为

http
https://cdn.chuqis.com/gh/ {{owner}}/{{repo}}@{{branch}}/{{path}}

Q.E.D.
Java面试专题 - 基础篇
Valaxy+github-pages部署问题