使用Github + PicGo搭建个人图床,并使用CDN加速

这篇具有很好参考价值的文章主要介绍了使用Github + PicGo搭建个人图床,并使用CDN加速。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

  • 在写博客的时候,常常需要为博客配图,于是一个好用稳定的图床的重要性不言而喻。本文主要介绍如何使用GitHub + PicGo的方式快速搭建一个个人使用的图床。该方式方便快捷,还免费hh,唯一的不足是图片存放在GitHub公有仓库中,但是应该不会有人在图床里上传私密的图片吧,不会吧。所以这种方法已经满足大部分人的需求了,以下是配置步骤。

创建仓库

  1. 在GitHub里创建一个公有仓库,用来存放我们上传的图片。注意,这里的仓库要设置为public,不然怎么进行外部访问呢。(什么?你还没有GitHub账号,赶紧注册一个吧喂)
    使用Github + PicGo搭建个人图床,并使用CDN加速,后端,github

  2. 接下来我们要获取token给到PicGo。

    1. 点击setting,进入设置页:
      使用Github + PicGo搭建个人图床,并使用CDN加速,后端,github

    2. 往下划,找到< >Developer settings,点击进入页面:
      使用Github + PicGo搭建个人图床,并使用CDN加速,后端,github

    3. 点击 Personal access tokens,再点 Generate new token 新建 token。
      使用Github + PicGo搭建个人图床,并使用CDN加速,后端,github

    4. 填写下方的notes信息,设置token过期时间,不太建议设置为永久哦,因为不安全。底下复选框的内容repos要全选上,其他的看情况选,我是全选了。
      使用Github + PicGo搭建个人图床,并使用CDN加速,后端,github

    5. 配置完毕后,点击下方的generate token 即可创建完成。记得复制下面的token信息,我们下面需要用到。
      使用Github + PicGo搭建个人图床,并使用CDN加速,后端,github

配置PicGo

  1. 第一步当然是下载PicGo,快捷下载地址:PicGo:一个用于快速上传图片并获取图片 URL 链接的工具

  2. 下载后,点击安装。
    使用Github + PicGo搭建个人图床,并使用CDN加速,后端,github

  3. 打开PicGo,在图床设置里,选择GitHub设置。
    使用Github + PicGo搭建个人图床,并使用CDN加速,后端,github

    设定仓库名:填入刚刚创建用来存放图片的仓库名。
    设定分支名:就是刚刚仓库的分支名了。
    设定token:还记得刚刚忙活后得到的那个token吧。
    设定自定义域名:这里使用CDN对图片的访问速度进行加速,这里使用jsDelivr来构建我们的cdn。具体只需要写入https://cdn.jsdelivr.net/gh/ + 仓库名 即可。文章来源地址https://www.toymoban.com/news/detail-800132.html

如何使用

  • 将图片文件拖到上传区即可上传,也可以复制图片url上传,上传后即可在Github仓库和PicGo相册中看到上传后的图片文件。我们可以在相册中复制外链,粘贴到我们的文章内容里了,到此我们的图床就搭建完成了。
    使用Github + PicGo搭建个人图床,并使用CDN加速,后端,github

到了这里,关于使用Github + PicGo搭建个人图床,并使用CDN加速的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Typora + PicGo + GitHub搭建图床

    这一步自行百度 PicGo is Here | PicGo 自行下载安即可 gitHub注册略过,如果不能访问请科学上网 创建仓库 生成访问token 点击右上角头像 - setting - 点击左边最下面Developer settings - Personal access tokens - Tokens(classic) -Generate new token(classic) 点击最下面生成token **设置仓库名:**用户名 + 刚

    2024年01月22日
    浏览(43)
  • CDN+GitHub搭建图床

    前期搭建博客的时候,老是遇到图片无法加载、加载出错等等问题,很是烦恼。于是想搭建一个图床,进行个人博客图片的存储、显示使用。 ​ 利用GitHub+jsDelivr+PicGo搭建免费图床,CDN图床就是这么朴实无华,是基于免费CDN与免费开源网站制作的免费CDN图床。 用 markdown 写博客

    2024年02月10日
    浏览(47)
  • 使用Typora+PicGo+阿里云搭建图床

    不知道大家有没有遇到过这样的问题? 在使用Typora的时候,我们传到typora上面的图片,在转到其他地方时,总是加载不出来,造成图片丢失现象或者是在将markdown笔记上传到博客时,总是需要一张一张上传图片,这难免太浪费时间,如果可以将图片转成url链接就可以在随处访

    2024年02月08日
    浏览(63)
  • Picgo使用Gitee平台搭建图床照片无法显示

    使用Hexo框架搭建个人博客,发现博客中图片无法显示 查看图床,发现相册中图片无法显示 查阅多方网站,发现Gitee与Picgo配合使用时,图片文件不能大于1M。 这主要因为Gitee查阅超过1M的文件需要登录的权限 。而该图片大小为3M,因此无法显示 1. 更换图床源 2. 安装插件(没

    2024年02月16日
    浏览(38)
  • 在PicGo上使用github图床解决typora上传csdn图片不显示问题(保姆级教程)

    原因:采用电脑截图的方式粘贴到 typora 上的图片形式只能在自己电脑上看到,在 csdn 上显示不了,因为这个图片形式是用的图片的 绝对路径 ,在你电脑上可以找得到,上传到 csdn 后,在 csdn 服务器中就找不到你这个路径。 解决办法:在 PicGo 上使用 github 图床( gitee 图床也

    2024年02月08日
    浏览(49)
  • GitHub图床&Typora&PicGo相关配置

    本文作者: slience_me 关于Typora旧版的百度网盘下载路径 链接:https://pan.baidu.com/s/12mq-dMqWnRRoreGo4MTbKg?pwd=oq22 提取码:oq22 如果有不妥,请及时联系我,电子邮件:slienceme520@gmail.com 我将下载链接删除 创建一个图片仓库 进入设置 点击开发者设置 点击Token 用新出的这个 设置部分内

    2024年01月24日
    浏览(42)
  • 利于搭建国内网站的免费CDN加速github和npm方式

    记录下常用的免费cdn,以下链接可直接访问我部署的数据,那么根据这个格式可替换为你对应的数据仓库格式。 建议有回源选回源。 npm 可用来加速访问npm包内资源 aliyun https://npm.elemecdn.com/hexo-theme-a4@latest/source/css/markdown.css https://github.elemecdn.com/hexo-theme-a4@latest/source/css/markdo

    2024年02月11日
    浏览(48)
  • PicGo搭建Gitee图床

    1、填写仓库名字 2、公开 3、语言随意 4、勾选使用Readme文件初始化这个仓库 5、点击创建 3.1、点击个人设置 3.2、点击私人令牌 3.3、生成新令牌 随意填写描述提交即可 3.4、密码验证 3.5、记录个人令牌 注意: 只在默认生成的时候出现一次,记得妥善保存 4.1、插件设置,安装

    2024年02月15日
    浏览(45)
  • gitee+picgo+typora图床搭建

    gitee+picgo+typora图床搭建 1.安装typora 官网下载直接安装:https://www.typora.io/#download 2.编辑typora图像设置 打开 文件 - 偏好设置 - 图像 设置 插入图片时 选择 上传图片 设置 上传服务 为 PicGo-Core(command line) 3.为typora安装PicGo-Core 点击按钮 下载或更新 , PicGo-Core 会自动安装到 Typora 安

    2024年02月03日
    浏览(43)
  • 如何使用jsDelivr+Github 实现免费CDN加速?

    目录 序言 1 cdn简介 2 cdn请求分发原理 3 jsDelivr简介 4.jsDelivr 的简单使用 5 jsDelivr + Github 的具体实现 5.1 新建Github仓库 5.2 使用git clone 命令将仓库克隆到本地 5.3 将需要cdn加速的资源上传到github仓库 5.4 点击release 发布版本 5.5 通过jsDelivr引用资源 6 将hexo中用到静态资源的地方换成

    2024年02月03日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包