首页 > 其他分享 >《Typora+PicGo +Github + jsDelivr + TinyPNG打造稳定快速、高效免费图床》的体验

《Typora+PicGo +Github + jsDelivr + TinyPNG打造稳定快速、高效免费图床》的体验

时间:2023-05-17 21:03:26浏览次数:43  
标签:Github CDN Typora TinyPNG 图床 jsDelivr PicGo 图片


《Typora+PicGo +Github + jsDelivr + TinyPNG打造稳定快速、高效免费图床》

前言

我目前已完成Typora+PicGo图床配置以及PicGo上传失败的解决办法。不过看了Evan Xu的这个图床后,发现还可以改进。原先我用的typora+PicGo+Gitter打造图床,而Evan Xu的方法是用GItHub做仓库,用jsDelivr做CDN来加速,用TinyPNG来压缩图片,用PicGo上传图片。他这里有两个亮点,一个是TinyPNG压缩图片,另一个是CDN加速。值得借鉴

Q:为什么要使用图床呢?什么是图床?

A:写博客文章时,图片的上传和存放是一个问题,有的朋友可能会把图片放到和博客同一个仓库当中,使用相对路径来引用,这样后期维护起来会比较麻烦。还有的朋友会在不同的平台发布同一篇文章,这样一来每个平台都要上传图片,为了解决这些问题,比较推荐的做法是把图片统一上传到一个在线的第三方静态资源库中,我们把这个资源库称为图床,其返回一个图片的URL,使用markdown+图片url的方式写作文章,一次编写,到处使用~

Q:图床的选择

A:推荐使用GitHub作为图床,特点是免费、稳定,有一个小缺点是国内访问速度慢,不过没关系,可以使用jsDelivr免费CDN加速。

Q:jsDelivr是什么?

A:jsDelivr是国外的一家优秀的公共 CDN 服务提供商,该平台是首个「打通中国大陆与海外的免费CDN服务」,无须担心中国防火墙问题而影响使用。官网:http://www.jsdelivr.com/

思路

步骤1:新建GitHub仓库,设置为公开

步骤2:获得私人令牌、jsDelivr的CDN加速地址、TinyPNG

步骤3:配置图床

步骤4:配置typora

阻碍和解决方法

TinyPNG的使用

Evan Xu的教程中没讲如何使用TinyPNG;需要根据官方文档配置。

通过TinyPNG官网的介绍,我猜测是使用API,但是在哪用这个API?

我好想了解Evan Xu说的使用TinyPNG的方法了,他的意思好想就是单纯把图片拖拽到官网,然后得到的压缩图片再去上传。

这就有点尴尬了,我还以为我上传就直接压缩了。

jsDelivr的使用

通过jsDelivr官网,我大概明白使用方法了。格式:https://cdn.jsdelivr.net/gh/<用户名>/<仓库名>。就可以CDN加速了。

正式开始教程

步骤1:新建GitHub仓库,设置为公开

《Typora+PicGo +Github + jsDelivr + TinyPNG打造稳定快速、高效免费图床》的体验_github

步骤2:获得私人令牌;GitHub教程

进入GitHub用户的settings-developer settings,按照图片的箭头新建私人令牌。注意这个令牌只出现一次,注意保存。

《Typora+PicGo +Github + jsDelivr + TinyPNG打造稳定快速、高效免费图床》的体验_上传_02

e98f1585f5f12ea0f0dbb7ba107182ca8386ae9b

步骤3:配置图床;参考Typora+PicGo图床配置以及PicGo上传失败的解决办法。

《Typora+PicGo +Github + jsDelivr + TinyPNG打造稳定快速、高效免费图床》的体验_官网_03

wsdchong/image

https://cdn.jsdelivr.net/ghwsdchong/image

步骤4:配置typora

《Typora+PicGo +Github + jsDelivr + TinyPNG打造稳定快速、高效免费图床》的体验_github_04

体验

使用过程,首先把snipaste(超好用F1截图,Ctrl+C复制,爽的一批)截个图,然后把图上传到TinyPNG(效果还可以,50K边15K,不过我有些嫌麻烦),最后把压缩好的图片放入typora中,右键上传图片即可(我好想出现了问题,图片能上传,但是CDN不靠谱,图片不显示,GitHub的图片也不显示(暂时不深究)。

最后我还是typora+picGo+gitter做图床。TinyPNG我嫌麻烦;GitHub的图床好像不能使用,暂时没去找原因。

不过还是有收获的,至少了解了TinyPNG、和CDN。

今天就写到这了。



标签:Github,CDN,Typora,TinyPNG,图床,jsDelivr,PicGo,图片
From: https://blog.51cto.com/u_15847108/6293724

相关文章

  • Github 新手够用指南
    https://zhuanlan.zhihu.com/p/372512096本文略长但详细,一篇解决你的问题。一、必备少量知识二、安装教程三、从github往下扒项目四、你的项目要上传一、必备少量知识——————人工分割线——————小秘密:Git和Github都是些什么?Git-->一个软件(下载安装即可......
  • Typora+PicGo+gitHub搭建自己的免费图床
    相信很多程序员都有记录笔记或写博客的习惯,而要说到好用的写作软件,非Typora莫属,虽然他现在已开始收费了,但大家还可以下载它的旧版,而且也不会强制你更新,但是使用它在编辑的时候,它的图片默认都是保存在本地相对路径。那么就有个问题,当我要把笔记复制到博客或者其他平台的时候,图片......
  • MacOS能够ping通github.com但是chrome浏览器却打不开网址
    1关闭所有代理软件2可以取网络设置里面新建位置  3确定/etc/hosts文件配置了域名和ip的地址映射 4后面解决问题 ......
  • 腾讯开源的 3 个 GitHub 项目,足够良心!
    1、系统清理工具去年腾讯开源了一个系统清理工具:腾讯柠檬清理,该软件可以系统性解决macOS设备空间问题。重点聚焦清理功能,对上百款软件提供定制化的清理方案,提供专业的清理建议,帮助用户轻松完成一键式的清理。主要功能包括:深度扫描清理、大文件清理、重复文件清理、相似照片清......
  • CentOS7中使用Git从github上克隆一个仓库
     1.显示git的版本信息(验证是否安装Git)git--version或者yuminfogit 2.查看git的配置gitconfiguser.namegitconfiguser.email如果没有配置git的用户名和用户的邮箱(名字可以任意指定),可以使用一下命令配置。--global的作用是全局有效,也就是对当前的linu......
  • GitHub使用
    生成本地项目并上传[url]http://bach-dream.iteye.com/blog/1325159[/url]从代码库下载代码到本地[url]http://bach-dream.iteye.com/blog/1333278[/url]以gerrit-trigger-plugin为例,下面的链接都是从相应页面上直接拷贝的。法一:不用github的账号,打开这......
  • Python_报错:curl: (7) Failed to connect to raw.githubusercontent.com port 443: Op
    解决:https://blog.csdn.net/Jimmmyking/article/details/126105788作为mac的用户,如果你还没安装Homebrew那真的就太遗憾了,应为其真的很好用,然后安装Homebrew有时候有不是那么简单,会出现很多奇奇怪怪的错误,如下是我本人第一次安装就成功,其重要用的是中科大的brew主体,使用这个只需......
  • Gitee、Github上星星数获取到一个图片里,用于MD文档
    记录一下Gitee用这个链接当图片地址即可https://gitee.com/daenmax/myadmin/badge/star.svg?theme=white例如Github......
  • doget高速下载 github release
    平常下载githubrelease或者国外文件时,可能遇到下载速度慢,不能下载等情况。第一步打开高速下载网站:https://doget.nocsdn.com第二步将文件地址输入进去,然后回车。下方会出现加速地址。第三步复制生成的结果,用idm或者fdm这类软件,不推荐用浏览器自带的下载器......
  • MISC刷题心得 与百度,谷歌,github语法总结
    MISC介绍:MISC,中文即杂项,包括隐写,数据还原,脑洞、社会工程、压缩包解密、流量分析取证、与信息安全相关的大数据等。竞赛过程中解MISC时会涉及到各种脑洞,各种花式技巧,主要考察选手的快速理解、学习能力以及日常知识积累的广度、深度。misc几种常见格式文件头:png:89504E47jpg:FFD......