GitHub 图床搭建

介绍

  • 搭建图床，便于 Markdown 文档、博客文档中的图片同步

搭建方式

GitHub + PicGo

  • 参考：使用Github+picGo搭建图床，保姆级教程来了 - 知乎

  • 搭建步骤：

    • 在 GitHub 上创建存储上传图片的仓库（该仓库状态需是公开的），并生成 token，用于 PicGo 访问 GitHub
    • 下载 PicGo 软件，配置 GitHub 图床：设定仓库名、分支名、Token、存储路径、自定义域名
1
2
# 自定义域名可以是 CDN 加速形式的 URL
https://cdn.jsdelivr.net/gh/username/repo
  • PicGo 其他设置：
    • 禁用 Ctrl + P 快捷键
    • 自定义链接格式 $fileName-$date$extName（无效果？）
    • 打开 “时间戳重命名”

应用

  • Obsidian：安装 Image Auto Upload Plugin 插件，进行相关设置

  • Typora：偏好设置 – 图片 – 上传服务，建议选择 PicGo app（而非 PicGo-Core，相关设置更简单一些）；选择 PicGo 路径；验证图片上传选项

  • VSCode：安装 PicGo 插件；填写 GitHub 图床设置

1
2
3
4
5
6
7
8
9
10
11
{
    // VSCode PicGo 设置
    "picgo.customUploadName": "${fileName}-${date}${extName}",
    "picgo.picBed.current": "github",
    "picgo.picBed.uploader": "github",
    "picgo.picBed.github.repo": "",
    "picgo.picBed.github.branch": "master",
    "picgo.picBed.github.token": "",
    "picgo.picBed.github.path": "",
    "picgo.picBed.github.customUrl": "",
}
1
2
3
4
# VSCode 相关快捷键
Ctrl + Alt + U      # 从剪贴板上传图像
Ctrl + Alt + E      # 从资源管理器上传图像
Ctrl + Alt + O      # 从输入框上传图像

其他

1
2
# 填入 PicGo/PicList 中的 GitHub 自定义域名格式
https://<your_domain>/<GitHub_repo>/<repo_branch>

相关问题