GitHub与PicGo搭建免费稳定图床并实现Typora内复制自动上传

news2024/11/26 4:24:07

  本文介绍基于Github平台与PicGo工具,构建免费、稳定的图床,并实现在Typora内撰写Markdown文档时,粘贴图片就可以将这一图片自动上传到搭建好的图床中的方法。

1 配置GitHub

  首先,我们需要配置Github,创建一个仓库从而保存我们的图片。

  进入Github平台的官方网站。注册或登录账号后,点击屏幕左侧的“New”按钮,从而新建一个仓库(Repository),如下图所示。这个Repository就是我们后期图片的保存位置。

在这里插入图片描述

  随后,在如下图所示的Repository配置界面中,配置Repository的信息。其中,下图两个紫色框内的内容是大家Repository名称与简介,因为我们是配置图床,所以就可以写一些和图片有关的名称与简介即可(但要注意名称中不要含有空格或特殊字符)。随后,要确保在下图所示的红色框内选择”Public“,否则之后我们在外部访问我们图床中的图片,就会由于没有权限导致失败。此外,其他的信息大家就随意选择即可,建议保持默认。

在这里插入图片描述

  随后,选择”Creat repository“即可。接下来,在页面右上角,点开我们的头像,并选择”Settings“,如下图所示。

在这里插入图片描述

  随后,选择其中左下角的”Developer settings“选项,如下图所示。

  随后,选择”Personal access tokens“,并选择其中下方的”Tokens (classic)”;随后,选择右上角”Generate new token“,并再选择”Generate new token (classic)“。如下图所示。

  随后,在弹出的配置界面中,首先填写”Note“,这个是当前token注释,也用一个和图片有关的名称来填写即可;随后,配置token的有效期。其实我们可以将有效期选择为永久,但是GitHub官方强烈不推荐这种永久期限的token,因此可以选择90天,之后过期了我们继续来设置新的有效期就好。随后,配置勾选项,我这里是将全部的勾选项都选中了,但是其实只要保证repo开头的勾选项选中即可。

  接下来,即可看到此时token序号已经获取了,如下图所示。这里大家一定需要保存一下当前的序号,之后就看不到这个序号了。

  至此,我们就完成了GitHub上的配置操作。

2 配置PicGo

  接下来,我们需要配置PicGoPicGo是一个工具,从而将我们的图片上传到GitHub中。

  同样的,我们还是直接进入PicGo的官方网站,如下图所示。

  随后,下拉找到其下载地址,并选择一个进行下载。

在这里插入图片描述

  例如,我这里就在GitHub进行下载。由于我是Windows操作系统的电脑,因此选择下图紫色框内所示的安装包即可。


  随后,安装PicGo并打开,如下图所示。其中,我们需要在”图床设置“中找到”GitHub“,并配置各项信息。其中,仓库名就是我们前面创建的Repository的名称,分支名很多博主是用的master,如下图所示,但是我这里这么设置有问题(下文会提到);随后的Token就是前面我们获取的token序号,存储路径这里我们可以空着,如果大家需要指定将图片存储到仓库中的某个路径下,就在这里设置即可。随后的自定义域名,大家可以填写https://cdn.jsdelivr.net/gh/Chutj/Pictures@master,这样可以在使用图床时获取一定加速,但需要注意将其中的仓库名部分修改为大家自己的仓库名称。

在这里插入图片描述

  前面提到我们分支名的填写,这里应该是由于GitHub网站的调整,仓库的默认分支名称修改为了main,如下图所示。

在这里插入图片描述

  因此,我这里也需要在PicGo中调整分支名为main,如下图所示。大家在设置时,可以到GitHub中确认一下再填写。

  随后,在”PicGo设置“中,可以对快速上传图片的快捷键加以编辑。例如,我将第一个默认的快捷键加以调整,这一快捷键可以使得我们将剪切板中第一张图片自动上传到图床中。

  接下来,我们可以上传图片来试一下我们配置。注意,如果出现如下图所示的”上传失败“报错,证明我们的配置等可能有问题。

在这里插入图片描述

  针对这一情况,我们可以打开”设置日志文件“,并在此打开日志。

  随后,找到刚刚失败的记录,查看其中具体报错的内容。例如,我这里是因为一开始没有意识到GitHub的分支名称有所修改,所以导致的上传失败。

在这里插入图片描述

  上传成功图片后,我们就可以在GitHub指定的仓库中找到我们上传的图片。

  至此,我们就搭建好了自己免费、稳定的图床。如果大家只是需要构建图床,那么看到这里就完成全部的操作了。

3 配置Typora

  但是,我还希望在Typora软件中,复制剪切板的图片,或者上传本地的图片后,自动将图片上传至前面配置好的图床中。因此,还需要配置一下Typora软件。

  首先,如果是第一次使用,我们需要下载一个Typora软件。可以选择下载正版软件,也可以用网上一些可以直接使用的版本的安装包。下载软件后安装并打开,在”文件“中选择”偏好设置…“,随后选择”图像“,并按照如下图所示的配置方式来加以设置。

  随后,选择上图中的”验证图片上传选项“,如果出现如下图所示的窗口,则表明我们已经成功配置完毕。

在这里插入图片描述

  此时,如果我们在Typora内添加了图片,那么这张图片将自动通过PicGo,上传到我们前面建立好的图床中。

  至此,大功告成。

欢迎关注:疯狂学习GIS

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/403159.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

mysql 查询一个表的数据,并修改部分数据,再插回原来的表中,复制某个用户的数据给另一个用户

mysql 查询一个表的数据,并修改部分数据,再插回原来的表中,复制某个用户的数据给另一个用户 一、需求 我有一表日记的表,表中盛放着所有用户的日记数据。 在做演示项目的时候,我需要将一个用户的数据复制给另一个用户…

PlotNeuralNet + ChatGPT创建专业的神经网络的可视化图形

PlotNeuralNet:可以创建任何神经网络的可视化图表,并且这个LaTeX包有Python接口,我们可以方便的调用。 但是他的最大问题是需要我们手动的编写网络的结构,这是一个很麻烦的事情,这时 ChatGPT 就出来了,它可…

JavaScript学习笔记(3.0)

数组是一种特殊类型的对象。在JavaScript中对数组使用typeof运算符会返回“object”。 但是&#xff0c;JavaScript数组最好以数组来描述。 数组使用数字来访问其“元素”。比如person[0]访问person数组中的第一个元素。 <!DOCTYPE html> <html> <body>&l…

【JavaEE进阶】——第一节.Maven国内源配置

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 前言 操作步骤 1.打开项目配置界面&#xff08;当前项目配置&#xff09; 2.检查并配置国内源 3.再次打开项目配置界面&#xff08;新项目配置&#xff09; 4…

Android RecyclerView的notify方法和动画的刷新详解

前些天发现了一个蛮有意思的人工智能学习网站,8个字形容一下"通俗易懂&#xff0c;风趣幽默"&#xff0c;感觉非常有意思,忍不住分享一下给大家。 &#x1f449;点击跳转到教程 前言&#xff1a; 本篇讲解了RecyclerView关于通知列表刷新的常用的notify方法。和Recy…

综合练习7 摄氏度转华氏温度(“\t“的使用,循环语句)

综合练习7 摄氏度转华氏温度 使用do…while循环&#xff0c;在控制台输入摄氏温度与华氏温度的对照表。 对照表从摄氏温度-30℃到50℃&#xff0c;每行间隔10℃&#xff0c;运行如下&#xff1a; 摄氏温度&#xff1a;-30℃ 华氏温度&#xff1a;-22.0℉ 摄氏温度&#xff1a;…

【专项训练】动态规划-3

动态规划:状态转移方程、找重复性和最优子结构 分治 + 记忆化搜索,可以过度到动态规划(动态递推) function DP():# DP状态定义# 需要经验,需把现实问题定义为一个数组,一维、二维、三维……dp =[][] # 二维情况for i = 0...M:

自动化测试的定位及一些思考

大家对自动化的理解&#xff0c;首先是想到Web UI自动化&#xff0c;这就为什么我一说自动化&#xff0c;公司一般就会有很多人反对&#xff0c;因为自动化的成本实在太高了&#xff0c;其实自动化是分为三个层面的&#xff08;UI层自动化、接口自动化、单元测试&#xff09;&a…

井字棋--课后程序(Python程序开发案例教程-黑马程序员编著-第7章-课后作业)

实例2&#xff1a;井字棋 井字棋是一种在3 * 3格子上进行的连珠游戏&#xff0c;又称井字游戏。井字棋的游戏有两名玩家&#xff0c;其中一个玩家画圈&#xff0c;另一个玩家画叉&#xff0c;轮流在3 * 3格子上画上自己的符号&#xff0c;最先在横向、纵向、或斜线方向连成一条…

【Leetcode】【简单】35. 搜索插入位置

给定一个排序数组和一个目标值&#xff0c;在数组中找到目标值&#xff0c;并返回其索引。如果目标值不存在于数组中&#xff0c;返回它将会被按顺序插入的位置。 请必须使用时间复杂度为 O(log n) 的算法。 示例 1: 输入: nums [1,3,5,6], target 5 输出: 2 示例 2: 输入:…

MSP430F5529单片机入门学习笔记1

本笔记整理自B站教程MSP430F5529单片机学习视频汇总基于库函数的开发—GPIO库函数右边部分写错了&#xff0c;看的时候注意基于库函数的开发—GPIO实践操作LED交替闪烁#include <msp430.h> /** EXP-GPIO-01.C** Created on: 2023年3月10日* Author: ASUS*/#include…

webRtc概念

webRtc概念 以下的文档整理来自此链接 文档整理了一系列实现web通用接口的ECMAScript APIs &#xff0c;这些接口是为了支持浏览器或者一些其他实现了实时交换协议的设备进行媒体信息和程序数据交换。 1、实现点对点通信的规范&#xff1a; NAT穿透实现与远端节点链接比如&a…

WebRTC开源库内部调用abort函数引发程序发生闪退问题的排查

目录 1、初始问题描述 2、使用Process Explorer工具查看到处理音视频业务的rtcmpdll.dll模块没有加载起来 3、使用Dependency Walker工具查看到rtcmpdll.dll依赖的库有问题 4、更新库之后Debug程序启动时就发生异常&#xff0c;程序闪退 5、VS调试时看不到有效的函数调用堆…

hashmap存储方式 hash碰撞及其解决方式

1.Map的存储特点 在Map这个结构中&#xff0c;数据是以键值对&#xff08;key-value&#xff09;的形式进行存储的&#xff0c;每一个存储进map的数据都是一一对应的。 创建一个Map结构可以使用new HashMap()以及new TreeMap()两种方式&#xff0c;两者之间的区别是&#xff1a…

TVS和稳压管的相同点和不同点

大家好,我是记得诚。 文章目录 介绍相同点不同点介绍 TVS和稳压管都是电路中很常用的电子元器件,都是二极管的一个种类。 TVS二极管全称是Transient voltage suppression diode,也叫瞬态电压抑制二极管。 稳压二极管英文名字Zener diode,又叫齐纳二极管。 关于稳压二极…

Jenkins从下载到部署项目的流程

Jenkins安装配置1.1 Jenkins介绍Jenkins 是一款流行的开源持续集成&#xff08;Continuous Integration&#xff09;工具&#xff0c;广泛用于项目开发&#xff0c;具有自动化构建、测试和部署等功能。官网&#xff1a; http://jenkins-ci.org/。Jenkins的特征&#xff1a;开源…

谷粒学院开发(三):统一日志、异常及前端准备工作

特定异常处理 ControllerAdvice public class GlobalExceptionHandler {ExceptionHandler(Exception.class) // 指定出现什么异常会被处理ResponseBody // 为了能够返回数据public R error(Exception e) {e.printStackTrace();return R.error().message("执行了全局异常…

Linux--磁盘存储管理 分区工具 fdisk 分区实操 详解~

上一篇文章介绍了 fdisk 的各个菜单功能&#xff0c;这篇&#xff0c;我们直接实操 管理磁盘 fdisk :分区 &#xff1a; 我们上一篇文章里讲过&#xff0c;上篇文章的 磁盘 /dev/nvme0n1 空间已经满了因此 &#xff0c; 又重新添加了一块儿硬盘~&#xff01;&#xff01;>&g…

传统图像处理之颜色特征

博主简介 博主是一名大二学生&#xff0c;主攻人工智能研究。感谢让我们在CSDN相遇&#xff0c;博主致力于在这里分享关于人工智能&#xff0c;c&#xff0c;Python&#xff0c;爬虫等方面知识的分享。 如果有需要的小伙伴可以关注博主&#xff0c;博主会继续更新的&#xff0c…

UML时序图速查——架构设计必备技能

目录 一、时序图概述 二、时序图元素 1. Actor&#xff08;角色&#xff09;& Object&#xff08;对象&#xff09; 2. Lifeline&#xff08;生命线&#xff09; 3. Message&#xff08;消息&#xff09; 4. Combined Fragment&#xff08;组合片段&#xff09; 5. …