Typora结合PicGo + 使用Github搭建个人免费图床 |
您所在的位置:网站首页 › 这个床怎么安装 › Typora结合PicGo + 使用Github搭建个人免费图床 |
文章目录
一、国内图床比较二、使用Github搭建图床三、PicGo整合Github图床1、下载并安装PicGo2、设置图床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 设定存储路径:需要放到仓库中的哪个文件夹下。 如果直接放到仓库的根目录下就不需要填写这一栏 如果需要放到某个目录下,直接写目录名就行,不需要在目录名前加 / 。 建议在路径后面统一都加个 ’ / ',否则PicGo会在test后再拼接上本地的文件名然后一起作为远程仓库存储图片的图片名 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中插入一张图片试试吧! |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |