利用Picgo+github建立图床
利用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建立图床相关推荐
- 从零开始免费搭建自己的博客(五)——Typora + PicGo + GitHub/Gitee图床
本文是博客搭建系列文章第五篇,其他文章链接: 从零开始免费搭建自己的博客(一)--本地搭建 Hexo 框架 从零开始免费搭建自己的博客(二)--基于 GitHub pages 建站 从零开始免费搭 ...
- Gitee 不能用了,使用 PicGo + GitHub 打造图床
文章目录 使用 PicGo + GitHub 打造图床 一. PicGo 下载安装 二. GitHub图床 1. 创建 GitHub 图床之前,需要注册/登陆 GitHub 账号 2. 创建 Repo ...
- Hexo博客搭建之PicGo+Github免费图床使用指南
Hexo 博客站点搭建完成之后,需要考虑如何在文章中添加图片或视频.创建图床的目的是为本地图片等资源生成一个超链,然后将此连接嵌入到 markdown 编写的博客文章中,以此来解决博客中图片等资源的显 ...
- 群晖+picgo搭建私有图床
群晖+picgo搭建私有图床 一.前言 前些天整理了一篇picgo+github搭建图床的教程,可以看这里:如何在Markdown中插入图片并顺利共享 但后续使用的时候遇到了两个问题,一是之前使用的M ...
- github+picGo+jsDelivr构建图床
文章目录 前言 七牛云图床吐槽 配置 github 图床 PicGo 配置 jsDelivr 其他 Imagine staticaly 与 githack staticaly githack 前言 ...
- 使用Github和PicGO搭建免费图床
使用Github和PicGO搭建免费图床 一.新建Github仓库和安装PicGo 二.设置PicGo 三.设置Typora 文章目录 使用Github和PicGO搭建免费图床 前言 一.新建Gith ...
- 七牛云和Github如何使用PicGo设置免费图床
七牛云和Github如何使用PicGo设置免费图床 为了使图片在博客中能够不需要本地存储,直接用云盘存储 图床 很好的解决了这一问题! 免费的图床有很多,如七牛云\又拍云\SM.MS\github等, ...
- Github+PicGo+Jsdelivr 免费图床
Github+PicGo+Jsdelivr 免费图床 文章目录 Github+PicGo+Jsdelivr 免费图床 解决github 访问慢的问题 Host s 的简介 Hosts 的作用 Host ...
- 如何用github搭建图床(亲测有效)
这里是公众号:自学编程村,关注后,回复"书籍",领取1000多本计算机书籍,涵盖语言语法.数据结构算法.AI相关书籍.开发相关等等各种书籍,应有尽有,你总会用到. . . 关注方式 ...
最新文章
- 1.4. Rosegarden
- redis单机版安装
- MySql遇到字段中有空格
- 一种JPG/PNG在线转EPS/PDF的方法
- BLE-NRF51822教程1-常用概念
- .NET Core 3.0之深入源码理解Host(二)
- 如何开始ChickTech章节
- Alpha冲刺(2/10)——2019.4.24
- 如何阻止事件冒泡和默认事件
- 这个“达芬奇”不一般!它是美国医生的好帮手
- burpsuite工具抓取Https数据包
- Android控件介绍及用法
- 【简单的小技巧】如何从网页上下载内嵌的PDF文件?
- win10修改C盘Users底下的账号名字
- 《沟通的方法》笔记十:激励
- python定义一个有长度的列表
- html版心宽度怎么设置,Word中版心尺寸是什么意思?怎样设置版心尺寸?
- git worktree 的使用
- 电脑桌面云便签怎么设置分类宽度?
- 嵌入式开发常见通信协议