本文主要是介绍Typora结合PicGo + 使用Github搭建个人免费图床,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
文章目录
- 一、国内图床比较
- 二、使用Github搭建图床
- 三、PicGo整合Github图床
- 1、下载并安装PicGo
- 2、设置图床
- 3、整合jsDelivr
- 具体配置介绍
- 4、测试
- 5、附录
- 四、Typora整合PicGo实现自动上传
每次写博客时,我都会习惯在Typora写好,然后再复制粘贴到对应的网站上。但是难免会遇到一些问题:Typora里的图片是无法直接赋值粘贴到网上的,因为图片存储在本地,网站上写博客的地方是读取不到本地图片的!
这个时候,图床的用途就体现出来了。使用Typora的自带功能,当我们在Typora里插入图片时,能自动的上传至网络,并且得到图片的url连接!
一、国内图床比较
图床:储存图片的服务器,有国内和国外之分。
结合网上的资料在这里举几个例子
-
公共图床:这类图床一般可以直接上传图片,会返回一个链接,供你使用
-
SM.MS图床:无需注册,没有广告,直接上传
-
路过图床:有点广告,需要注册
-
-
代码托管平台:这类图床一般是建立在代码托管平台的仓库中,使用时要公开仓库
-
GitHub:全球最大代码托管平台,目前除了国内速度慢,几乎没啥缺陷
-
Gitee:国内仿GitHub代码托管平台,但免费的各种容量上的限制,优点是国内速度快
-
七牛云:速度快,缺点是要点小钱,免费的各种限制
-
-
服务器图床:
各大云服务器:阿里云,百度云,华为云,或者私人服务器 。除了费用高,没啥缺点,全是优点
但是作为一个学生党,当然白嫖最香!
在gitee和github上纠结很久,最终选择github + jsDelivr(加速),因为gitee的免费个人的空间太小了,并且上传文件的大小限制 < 1M。
二、使用Github搭建图床
新建仓库
点击右上角用户头像 => settings
生成token令牌,往下拉,直到左侧到底,选择Developer settings
按图点击
验证选择密码验证
可以给令牌(token)做个Note(标记),然后选择令牌(token)截止时间。这里不建议选永久,因为不安全。基本是该图床你用到多久就选多久即可。
选择 repo 权限,然后拉到底部,选择创建就行了。
创建完毕之后,生成的Token是你的账户下的github服务器的令牌,最好用记事本记录下来,后面会用到。
三、PicGo整合Github图床
PicGo是一款优秀的图床工具,能够自动把本地图片上传至网络,并转换成可访问的链接。
1、下载并安装PicGo
下载地址:https://github.com/Molunerfinn/PicGo/releases
根据自己的操作系统(Win/Linux/Mac)来下载安装包
2、设置图床
图床设置 => Github
3、整合jsDelivr
想要知道jsDelivr的作用,首先就需要了解CDN是什么
CDN的全称是Content Delivery Network,即内容分发网络。CDN是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。
由于Github的资源在国内加载速度比较慢,因此需要使用CDN加速来优化网站打开速度,jsDelivr + Github便是免费且好用的CDN,非常适合博客网站使用。
进行图床配置:
具体配置介绍
-
图床配置名:自己取
-
设定仓库名:用户名+仓库名
-
设定分支名:
-
设定Token:就是上面我们刚刚在Github上获取的token
-
设定存储路径:需要放到仓库中的哪个文件夹下。
-
如果直接放到仓库的根目录下就不需要填写这一栏
-
如果需要放到某个目录下,直接写目录名就行,不需要在目录名前加 / 。
eg:test
-
当有多级目录时,也是直接写路径。
eg:test/test1/test2
-
当填写的目录不存在时,PicGo会自动帮你在Github上创建目录,这个不用担心!
-
-
设定自定义域名:此时就需要结合jsDelivr来加速了
打开jsDelivr官网,了解它的使用方法:https://www.jsdelivr.com
# https://cdn.jsdelivr.net/gh/:固定的前缀,相当于替换掉了Github地址中的https://github.com/ # user:Github上的用户名 # repo:仓库名 # @version:版本号(这里我们可以不管) # file:文件名(这里我们也不需要加上,因为上传完图片后,它会自动将上传的图片的名字作为存储的文件名) https://cdn.jsdelivr.net/gh/user/repo@version/file
例如我的自定义域名就为:https://cdn.jsdelivr.net/gh/Epiphany6666/Picture
这里值得注意的是,如果需要指定上传到哪个分支,此时需要在自定义域名后面使用@ + 分支名,如果是仓库默认的分支,可以省略指定分支这一步。
eg:我需要上传到test分支上,此时自定义域名就变成了:https://cdn.jsdelivr.net/gh/Epiphany6666/Picture@test
4、测试
配置完成后,切换到刚刚配置好的图床,然后手动上传图片试试:可以点击’点击上传’,也可以通过拖拽的方式进行上传
PS:上传的过程中需要关闭steam++
然后,我们能够在相册中看到我们已经上传的图片,可以查看、复制已经上传的图片的URL,同时也可以将上传的图片删除。
5、附录
可以在PicGo设置中开启 时间戳重命名 ,这样同时上传相同的图片就不会被覆盖了。
四、Typora整合PicGo实现自动上传
PS:使用Typora上传的时候同样需要关闭steam++
在Typora中配合PicGo,就可以实现在文章中插入图片时自动上传。
按如图所示配置。
插入图片时选择上传图片。在上传服务内选择PicGo,并选择PicGo.exe的路径。
大功告成!快去在Typora中插入一张图片试试吧!
这篇关于Typora结合PicGo + 使用Github搭建个人免费图床的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!