吴志勇的博客 吴志勇的博客
  • h5

    • HTML5&CSS3
  • scss

    • css预处理语言
  • JavaScript

    • JavaScript教程
    • Ajax
    • ES6教程
    • NodeJS
    • Typescript
  • 框架

    • Jquery
    • VUE
    • React
  • Swing专题
  • java基础
  • javaweb
  • 框架
  • 数据库
  • netty
  • 设计模式
  • 微服务及架构
  • 云原生
  • maven
  • 单元测试
工具
我的
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

吴志勇

......
  • h5

    • HTML5&CSS3
  • scss

    • css预处理语言
  • JavaScript

    • JavaScript教程
    • Ajax
    • ES6教程
    • NodeJS
    • Typescript
  • 框架

    • Jquery
    • VUE
    • React
  • Swing专题
  • java基础
  • javaweb
  • 框架
  • 数据库
  • netty
  • 设计模式
  • 微服务及架构
  • 云原生
  • maven
  • 单元测试
工具
我的
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 运维

    • linux&shell
    • Docker教程
    • git
    • Jenkins教程
    • 正则表达式
    • 一键打包到linux环境
    • vmvare安装虚拟机集群
    • kubesphere部署nacos
    • Vmware安装centos7后网络配置
    • Certbot与Nginx配置SSL证书及自动续签指南
  • VSCode的使用
  • idea热部署
  • vscode+github图床
  • 旧笔记本安装pve+黑群晖
  • 使用阿里云容器镜像服务
  • nvm管理nodejs
  • ollma
  • 虚拟机挂载CentOS挂载本地目录
  • 老毛子Padavan安装应用
  • docker安装firecrawl并使用
  • Python使用UV指南
  • huggingface部署n8n
  • n8n使用飞书作为数据存储
  • frp内网穿透以及服务化
  • 工具
wuzhiyong
2024-09-11

vscode+github图床

# github图床配置

  • github上新建公开仓库 20240503200501

# vscode安装picgo插件

20240503201025

插件配置github和cdn

  1. 获取github上的token
  • 点击"Settings"按钮:
  • 进入页面后,点击"Developer settings"按钮
  • 点击"Personal access tokens"按钮,然后点击Generate token:
  • 填写描述,选择"repo"权限,然后拉到下面点击"Generate token"按钮
  1. 插件配置 vscode文件->首选项->设置->找到picgo的配置

配置如下: 20240503201959

# 过程中遇到的问题

  • 需要注意的是github要求仓库大小不超过1G,否则会被检测到做图床,可以快到1G时另外建一个库
  • github图片显示不了 解析不到这个域名raw.githubusercontent.com,将ip加到本地hosts

参考GitHub图片显示失败 (opens new window)

  • cdn失效 去掉custom url

20240503204528

  • github的访问不是很好的话可以用七牛云代替

20240503211911

20240503212419

  • vscode不能显示http链接的图片

ctrl+shift+p->预览安全->允许不安全内容

vscode+github图床-2024-05-04-09-35-05

上次更新: 2024-09-19 12:23:21

← idea热部署 旧笔记本安装pve+黑群晖→

Copyright © 2020-2025 wuzhiyong
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式