当前位置: 首页 > article >正文

用PicGo向Github图床上传图片,然后通过markdown语言显示图片

目录

  • 下载PicGo软件
  • 图床GitHub设置
  • 在Markdown中使用图片

下载PicGo软件

先进入Pic官网,然后点击下图中的免费下载在这里插入图片描述
然后点击下载下图中PicGo-Setup-2.4.0-beta.9.exe这个可执行软件在这里插入图片描述

图床GitHub设置

点击PicGo中的图床设置,再点击其中的Github
在这里插入图片描述
然后再点击设置下面那里进入编辑页面。
在这里插入图片描述
在编辑页面中要对配置名、仓库名、分支名和Token这四部分进行必要的配置。其中配置可以随便起,仓库名是你的github用户名再加上你创建的仓库名称,分支名固定为main,Token的配置如下:
在这里插入图片描述
点击GitHub头像,再点击其中的Settings,如下图:
在这里插入图片描述
再下拉点击Developer settings
在这里插入图片描述
进入之后再点击Personal access tokens下的Tokens(classic)
在这里插入图片描述

然后生成新的token,注意点击下面的Generate new token(classic)
在这里插入图片描述
在生成token页面,Note这里可以随便起个名字,下面repo这个选项要勾中,然后点击最下面的Generate token,然后将生成的token复制到PicGo中的设定Token这里。到这里我们就配置完成了
在这里插入图片描述
之后就能在PicGo的上传区上传图片,如果上传失败再检查下前面的配置过程
在这里插入图片描述

在Markdown中使用图片

浏览器上复制的图片地址是这样的
https://github.com/用户名/仓库名/blob/main/2023_2_22_2.png
,但是当我们使用时要把blob改成raw就能进行正常显示了。
在md文件的img代码块中,
src=“https://github.com/用户名/仓库名/raw/main/屏幕截图%202024-12-28%20194234.png”
就能正常显示,自己可以在浏览器访问src地址看显示的是否是自己需要的照片。


http://www.kler.cn/a/463109.html

相关文章:

  • 一文讲清楚HTTP常见的请求头和应用
  • RocketMQ面试题:进阶部分
  • Ubuntu 安装英伟达显卡驱动问题记录
  • openbmc sdk09.03 适配(一)
  • 【51单片机零基础-chapter6:LCD1602调试工具】
  • TP8 前后端跨域访问请求API接口解决办法
  • Qt天气预报系统设计界面布局第四部分左边
  • 基于单片机中药存放环境监测系统的实现
  • 第三讲 比特币的早期发展
  • overscroll-behavior-解决H5在ios上过度滚动的默认行为
  • 茶叶连锁店管理系统(源码+文档+部署+讲解)
  • MySQL三大日志(binlog、redo log和undo log)详解
  • 职场常用Excel基础01-数据验证
  • LVGL部件篇: 开关部件(lv_switch)
  • 电商数据API接口的稳定性保障与性能优化策略
  • AI as a Platform (AIaaP) for Enterprises — 发展与转型
  • Go信号处理:如何优雅地关闭你的应用
  • 论文略读: Scaling laws with vocabulary: larger model deserve larger vocabularies
  • 科伦川宁生物:绿色科技引领,双翼齐飞筑梦未来
  • 深入聊聊typescript、ES6和JavaScript的关系与前瞻技术发展
  • 数据仓库中的指标体系模型介绍
  • nginx学习之路-windows系统安装nginx
  • 自学记录:学习HarmonyOS Location Kit构建智能定位服务
  • 【开源免费】基于SpringBoot+Vue.JS精准扶贫管理系统(JAVA毕业设计)
  • windows文件夹自定义右键调用powershell完成7zip加密打包
  • Mediatek Android13 ROM定制