图床搭建GitHub+PicGo+jsdelivr(CDN)+Typora(内附加速工具)

2024-05-02 07:04

本文主要是介绍图床搭建GitHub+PicGo+jsdelivr(CDN)+Typora(内附加速工具),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

目录

安装PicGo

GitHub配置与加速器

配置PicGo 

使用typroa 


安装PicGo

PicGo是一个用于上传图片的客户端,支持拖拽上传、剪贴板上传,功能十分方便。

下载地址: https://github.com/Molunerfinn/PicGo/releases

个人网盘自取版本2.4.0:链接:https://pan.baidu.com/s/1OAym3QPhZnN4J1RVgJWgDQ?pwd=c1ws 
提取码:c1ws

安装PicGo——双击安装包

这样就安装成功啦。 


GitHub配置与加速器

这里可能大多数会访问慢或加载不出来这里提供一个免费加速github工具,不用翻墙,安装即可使用,网盘自取当前时间最新版本v3.0.0-rc.8,也可以官网下载Watt Toolkit

链接:https://pan.baidu.com/s/1s1I1n2HL0hXTCRtU0ox_tw?pwd=hfe1 
提取码:hfe1

浏览器进入github网站,注册并登录自己的账户。(推荐用可以中文翻译的浏览器,便于理解操作)

GitHub: Let’s build from here · GitHub

在库中新建一个文件夹专门用来存放图片 , github点击创建填写的默认是文件的名字,创建文件夹需要在名字后加上 /  这样才表示创建的是文件夹,且不可以存在空文件夹,在创建文件夹的时候还在创建一个文件,一般起名为README.md的自述文件即可。

 

这是我是创建了一个用于存放图片的问价夹,并在里又创建一个问价夹用来细分图片用途,这里根据个人需求即可。原理都是一样的。 

下滑找到开发人员设置  ,英文看不懂记得翻译中文页面找

 

这里一定不能选别的 

 在创建页面,填写 Note 为“图床”,Expiration(过期时间)为 No expiration(永久),也可以自定义过期时间,在下面的Select scopes(选择权限范围)如下图我翻译后的展示 。最后点击 generate token 生成令牌即可。

中文翻译意思 

 

一定将令牌保存起来,放在一个安全的地方,页面关掉后就找不到啦。

配置PicGo 

打开picgo

 
仓库名:GitHub用户名/GitHub仓库地址
分支名:GitHub的分支名称
Token:GitHub中 生成的令牌

存储路径: 填你的分支名现在github默认就是main
自定义域名需要配置为:https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名,这样就才可以通过cdn加速图片,这里你就复制我的地址,然后把用户名和仓库名改成你的就可以拉,这里原理就是使用jsdelivr作为cdn加速。改变域名即可,不需要任何其他配置,仅用来解决访问慢的问题。
jsDelivr - A free, fast, and reliable CDN for JS and open source 

说明: ZZDICT是我的用户名,elk是我的库名, my_gallery/study_pictures/是我库下用来存放图片的文件夹,看着我的格式填写。

这里存储路径是my_gallery/study_pictures/  在最后一个文件夹名后一定要加上/ 否则图片就存到my_gallery文件夹下啦,这里的路径位置关系要注意。

下一步配置:

这里路径选择的就是安装的路径里的PicGo.exe 

这样就ok啦,点击 验证图片上传选项测试一下把

使用typroa 

没有软件的话网盘自取绿色免激活免安装,打开即用。

链接:https://pan.baidu.com/s/1JgQ9zqkBgBxMQPcCU5DFJQ?pwd=io59 
提取码:io59

打开typroa,上传一个测试图

这个成功提示因windows差异,可能会弹出提示,不同纠结这个,只要图片正常上传到github即可。 

这样在写文章测试时,图片就方便多啦,文件的容量也变小啦

缺点就是图片存在github上,部分人群访问需要加速等 

这篇关于图床搭建GitHub+PicGo+jsdelivr(CDN)+Typora(内附加速工具)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/953654

相关文章

vite搭建vue3项目的搭建步骤

《vite搭建vue3项目的搭建步骤》本文主要介绍了vite搭建vue3项目的搭建步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录1.确保Nodejs环境2.使用vite-cli工具3.进入项目安装依赖1.确保Nodejs环境

Nginx搭建前端本地预览环境的完整步骤教学

《Nginx搭建前端本地预览环境的完整步骤教学》这篇文章主要为大家详细介绍了Nginx搭建前端本地预览环境的完整步骤教学,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录项目目录结构核心配置文件:nginx.conf脚本化操作:nginx.shnpm 脚本集成总结:对前端的意义很多

基于Python开发Windows自动更新控制工具

《基于Python开发Windows自动更新控制工具》在当今数字化时代,操作系统更新已成为计算机维护的重要组成部分,本文介绍一款基于Python和PyQt5的Windows自动更新控制工具,有需要的可... 目录设计原理与技术实现系统架构概述数学建模工具界面完整代码实现技术深度分析多层级控制理论服务层控制注

idea+spring boot创建项目的搭建全过程

《idea+springboot创建项目的搭建全过程》SpringBoot是Spring社区发布的一个开源项目,旨在帮助开发者快速并且更简单的构建项目,:本文主要介绍idea+springb... 目录一.idea四种搭建方式1.Javaidea命名规范2JavaWebTomcat的安装一.明确tomcat

在Ubuntu上打不开GitHub的完整解决方法

《在Ubuntu上打不开GitHub的完整解决方法》当你满心欢喜打开Ubuntu准备推送代码时,突然发现终端里的gitpush卡成狗,浏览器里的GitHub页面直接变成Whoathere!警告页面... 目录一、那些年我们遇到的"红色惊叹号"二、三大症状快速诊断症状1:浏览器直接无法访问症状2:终端操作异常

k8s搭建nfs共享存储实践

《k8s搭建nfs共享存储实践》本文介绍NFS服务端搭建与客户端配置,涵盖安装工具、目录设置及服务启动,随后讲解K8S中NFS动态存储部署,包括创建命名空间、ServiceAccount、RBAC权限... 目录1. NFS搭建1.1 部署NFS服务端1.1.1 下载nfs-utils和rpcbind1.1

基于Go语言开发一个 IP 归属地查询接口工具

《基于Go语言开发一个IP归属地查询接口工具》在日常开发中,IP地址归属地查询是一个常见需求,本文将带大家使用Go语言快速开发一个IP归属地查询接口服务,有需要的小伙伴可以了解下... 目录功能目标技术栈项目结构核心代码(main.go)使用方法扩展功能总结在日常开发中,IP 地址归属地查询是一个常见需求:

使用python制作一款文件粉碎工具

《使用python制作一款文件粉碎工具》这篇文章主要为大家详细介绍了如何使用python制作一款文件粉碎工具,能够有效粉碎密码文件和机密Excel表格等,感兴趣的小伙伴可以了解一下... 文件粉碎工具:适用于粉碎密码文件和机密的escel表格等等,主要作用就是防止 别人用数据恢复大师把你刚删除的机密的文件恢

使用docker搭建嵌入式Linux开发环境

《使用docker搭建嵌入式Linux开发环境》本文主要介绍了使用docker搭建嵌入式Linux开发环境,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录1、前言2、安装docker3、编写容器管理脚本4、创建容器1、前言在日常开发全志、rk等不同

Python实战之SEO优化自动化工具开发指南

《Python实战之SEO优化自动化工具开发指南》在数字化营销时代,搜索引擎优化(SEO)已成为网站获取流量的重要手段,本文将带您使用Python开发一套完整的SEO自动化工具,需要的可以了解下... 目录前言项目概述技术栈选择核心模块实现1. 关键词研究模块2. 网站技术seo检测模块3. 内容优化分析模