利用Picgo+github建立图床

我们在日常的写博客的过程中往往会出现以下的问题,在本地的markdown编辑器中的图片可以正常显示,但是将写好的markdown文件上传至博客平台中时,图片因无法读取而显示失败,这时我们需要使用图床来解决这个问题,原理就是你把图片上传至云端,随后在markdown中读取url中的链接来显示图片,这样就可以直接上传markdown文件而不用一步步地再手动上传失效的图片了,特别是配合上Typora,能够使我们的效率得到很大程度的提升。

1.在github上建立仓库

首先我们要在github上建立一个公开的仓库用来存储这些上传的图片,点击your repositories选项。

随后创建一个新的仓库

按照要求进行创建,这里自己取好名字,然后类型一定要选择public,这样才可以看到你的图片。

创建好仓库后如图所示

接下来我们需要设置外部接入的token,首先先来到github的主页面,点击Settings

打开设置界面后,点击Developer settings

在develpoer settings选项下,选择Personal access Tokens-Tokens-Generate new token

在创建token界面中,我们可以简单地描述下用途,注意这里的期限选择无期限,这样你的token就不会过期,下面的那个scope选择第一个repo。

创建好token之后,一定要妥善保管,因为到后面就不会再出现了,这里一定要复制好。

到此为止,我们已经在github上建立好了一个可以和第三方连接到一个仓库,可以作为我们的图床。

2.配置好Picgo

首先我们要下载好picgo,这里给出picgo的官网https://picgo.github.io/PicGo-Doc/zh/,可以在官网上根据自己电脑的型号选择不同的下载源进行下载。

打开下载好的Picgo后,我们在图床设置选项下的Github下进行设置,仓库名称格式是==[github用户名]/[仓库名]==,一定不要写错,分支名填入main(如果不行的话打开github仓库界面看看是main还是master),Token就是当时保管好的Token,存储路径是可选的,不填写的话存储在仓库下,填写的话会保存在img/这个子文件夹下。

最后的域名可填可不填,这个cdn的作用是来加速github图片显示的,因为有时图像加载很慢,格式为https://cdn.jsdelivr.net/gh/[github用户名]/[仓库名],这样最后点击确定就可以了。

3.在Typora端设置好picgo

打开Typora的偏好设置

在偏好设置下的图像选项下,选择在插入图片时上传图片,图片语法偏好下选择自动转义图片url,上传服务设定中选择PicGo.app,这样在插入图片时会自动上传至github图床,这样的话发博客的话写好的md文件便可以直接上传至网页,而不用再逐个上传图片,省去了不少麻烦。

利用Picgo+github建立图床相关推荐

  1. 从零开始免费搭建自己的博客(五)——Typora + PicGo + GitHub/Gitee图床

    ​ 本文是博客搭建系列文章第五篇,其他文章链接: 从零开始免费搭建自己的博客(一)--本地搭建 Hexo 框架 从零开始免费搭建自己的博客(二)--基于 GitHub pages 建站 从零开始免费搭 ...

  2. Gitee 不能用了,使用 PicGo + GitHub 打造图床

    文章目录 使用 PicGo + GitHub 打造图床 一. PicGo 下载安装 二. GitHub图床 1. 创建 GitHub 图床之前,需要注册/登陆 GitHub 账号 2. 创建 Repo ...

  3. Hexo博客搭建之PicGo+Github免费图床使用指南

    Hexo 博客站点搭建完成之后,需要考虑如何在文章中添加图片或视频.创建图床的目的是为本地图片等资源生成一个超链,然后将此连接嵌入到 markdown 编写的博客文章中,以此来解决博客中图片等资源的显 ...

  4. 群晖+picgo搭建私有图床

    群晖+picgo搭建私有图床 一.前言 前些天整理了一篇picgo+github搭建图床的教程,可以看这里:如何在Markdown中插入图片并顺利共享 但后续使用的时候遇到了两个问题,一是之前使用的M ...

  5. github+picGo+jsDelivr构建图床

    文章目录 前言 七牛云图床吐槽 配置 github 图床 PicGo 配置 jsDelivr 其他 Imagine staticaly 与 githack staticaly githack 前言   ...

  6. 使用Github和PicGO搭建免费图床

    使用Github和PicGO搭建免费图床 一.新建Github仓库和安装PicGo 二.设置PicGo 三.设置Typora 文章目录 使用Github和PicGO搭建免费图床 前言 一.新建Gith ...

  7. 七牛云和Github如何使用PicGo设置免费图床

    七牛云和Github如何使用PicGo设置免费图床 为了使图片在博客中能够不需要本地存储,直接用云盘存储 图床 很好的解决了这一问题! 免费的图床有很多,如七牛云\又拍云\SM.MS\github等, ...

  8. Github+PicGo+Jsdelivr 免费图床

    Github+PicGo+Jsdelivr 免费图床 文章目录 Github+PicGo+Jsdelivr 免费图床 解决github 访问慢的问题 Host s 的简介 Hosts 的作用 Host ...

  9. 如何用github搭建图床(亲测有效)

    这里是公众号:自学编程村,关注后,回复"书籍",领取1000多本计算机书籍,涵盖语言语法.数据结构算法.AI相关书籍.开发相关等等各种书籍,应有尽有,你总会用到. . . 关注方式 ...

最新文章

  1. 1.4. Rosegarden
  2. redis单机版安装
  3. MySql遇到字段中有空格
  4. 一种JPG/PNG在线转EPS/PDF的方法
  5. BLE-NRF51822教程1-常用概念
  6. .NET Core 3.0之深入源码理解Host(二)
  7. 如何开始ChickTech章节
  8. Alpha冲刺(2/10)——2019.4.24
  9. 如何阻止事件冒泡和默认事件
  10. 这个“达芬奇”不一般!它是美国医生的好帮手
  11. burpsuite工具抓取Https数据包
  12. Android控件介绍及用法
  13. 【简单的小技巧】如何从网页上下载内嵌的PDF文件?
  14. win10修改C盘Users底下的账号名字
  15. 《沟通的方法》笔记十:激励
  16. python定义一个有长度的列表
  17. html版心宽度怎么设置,Word中版心尺寸是什么意思?怎样设置版心尺寸?
  18. git worktree 的使用
  19. 电脑桌面云便签怎么设置分类宽度?
  20. 嵌入式开发常见通信协议

热门文章

  1. 图扑数字孪生水利工程,助力水资源合理利用
  2. java架构师学历要求_java架构师多少薪资?如何成为java架构师大神?
  3. STM32CubMX_MQ135检测空气质量
  4. MYSQL一揽子方案汇总
  5. 蓝桥杯-2021年省赛-时间显示
  6. <计算机网络>网络分析仪分析协议
  7. Linux操作系统编程基础
  8. matlab图像处理图像的几种输出方法
  9. 景区门票预约系统——抢票软件定制开发,抢票神器 【故宫博物院(旅行社大门票)】
  10. [励志][思想]《活法》 -- 稻盛和夫(日)