GitHub图床

GitHub图床

图床介绍

  • 图床
    • 存放图片的地方
  • 为什么设置图床呢
    • 在我认识图床之前, 有一个问题 [^放在typora上面的图片, 其实是一个链接, 并且将图片存放在本地, 如果你本地的图片挪动了位置或者把图片删除, 那么这个链接也就没用了. 而且想要把自己写的博客发给别人或者上传到博客站点上, 其他人通过这个本地链接是无法访问的, 因为这些图片都存放在了本地] 让我苦恼了很久, 但是我就是找不到什么妙招, 突然有一天, 我无意间看到了一篇博客, 里面正是讲的图床, 后来我搜了一下, 这个东东果然很好用.
    • 图床就刚好是解决这个问题的, 原本图片是存放在本地的[^只能自己访问], 而配置了图床之后, 图片就会存放在互联网上[^公共的]
  • 图床分类
    • GitHub[^此博客采用的图床]
    • 阿里云
    • 腾讯云
    • 七牛云
  • 配置图床要使用到的工具
    • GitHub
      • 图床
    • SwitchHosts
      • 为了能够访问GitHub
    • PicGo
      • 抓手
    • Typora
      • 写博客

Github

访问GitHub

手动修改hosts
  • 使用**ip查询工具[^直接在浏览器上搜索]**获取github网站的真实地址
    在这里插入图片描述

  • 先找到 hosts 文件的位置,不同操作系统,hosts 文件的存储位置也不同:

    • Windows 系统:C:\Windows\System32\drivers\etc\hosts
    • Linux 系统:/etc/hosts
    • Mac(苹果电脑)系统:/etc/hosts
    • Android(安卓)系统:/system/etc/hosts
    • iPhone(iOS)系统:/etc/hosts
  • 打开 hosts 文件,添加一行,将 xx 替换为你查询到的解析地址即可:

xx.xx.xx.xx www.github.com

github520
  • 在访问这个项目前, 必须得先能访问github才行, 所以得先把第一种方法配好, 确保能够访问github.
  • github520(ctrl+鼠标左键进入)是一个帮助我们访问github的项目, 本质上也是通过修改hosts来实现的
  • 使用SwitchHosts定时自动更新hosts, 配置一次, 高枕无忧.

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

在这里插入图片描述
https://raw.hellogithub.com/hosts
在这里插入图片描述
这样每次 hosts 有更新都能及时进行更新,免去手动更新。

加速器

  • 也可以使用加速器访问github, 直接下载一个软件 [^我用过steam++] , 然后点击加速即可, 这里不多赘述

创建账户

在这里插入图片描述

输入邮箱, 密码, 用户名, 输入邮箱内收到的验证码, 即可创建成功

在这里插入图片描述

登录, 填写用户名和密码, 点击登录.

在这里插入图片描述

登录完成界面如下:

在这里插入图片描述

创建仓库

image-20240904203259752

image-20240906165037711

image-20240904203316064

image-20240904203421681

image-20240904203448786

创建token

image-20240904203545250

image-20240904203619367

image-20240904203640136

image-20240904203839733

image-20240904203857155

image-20240904204037320

PicGo

image-20240904202553296

image-20240904202649743

image-20240904202711310

image-20240904202732989

image-20240906162007270

  • PicGo上面的配置

image-20240906161917091

image-20240905221253712

https://cdn.jsdelivr.net/gh/bianchengyyds/images@main

上传图片的时候要确保网络通畅, 并且保证PicGo能访问到github[^我当时就是卡在了这里很长时间, 因为我一直用的是加速器steam++访问的github, 我本身可以访问到, 但是PicGo就不一定了, 所以我就修改了一下访问github时的手段, 我把hosts改了一下, 还真的是这样, 所以还是建议使用SwitchHosts修改hosts的方式来访问github]

image-20240905221701323

image-20240906162536762

image-20240906162601962

image-20240906162623394

Typora

  • 快捷键ctrl+,或者在左上角文件中点击偏好设置

    • 点击图像

    image-20240906145607632

    image-20240906151524976

    • 将想要使用在Typora上的图片粘贴上来, PicGo就会通过那个cdn加速自动帮你把图片上传到git-hub仓库里面, 这样就可以避免只能在本地看到图片的问题. 这个链接的前半部分就是刚才设置的访问链接, 后面是图片的名称
    • 注意: 粘贴上来的图片Typora会根据设置自动上传, 这个期间可能会卡顿 [^有的图片可能先是显示的链接, 图片不是马上就呈现出来了, 需要耐心的等待]
### GitHub 使用方法 GitHub 可以作为一个高效的工具来托管片,尤其适合开发者和技术爱好者。以下是具体的操作流程: #### 创建新的 GitHub 仓库 为了存储片,首先需要创建一个新的 GitHub 仓库用于存放这些资源文件[^1]。可以通过访问 GitHub 的官网并登录账号后,在页面右上角找到“New Repository”选项完成新建操作。 #### 配置 Token 访问权限 当仓库建立完成后,需生成一个 Personal Access Tokens (PAT),这是用来授权第三方应用访问你私人数据的一种方式[^3]。此 token 应妥善保存以便后续配置软件时调用。 #### 安装与设置 PicGo 工具 PicGo 是一款支持多种云储存平台的截上传客户端,能够很好地配合 GitHub 实现自动化上传功能。下载安装好该程序之后按照如下步骤进行初始化设定: - **插件管理**:通过点击界面右上方的小齿轮标打开菜单栏中的「Plugins」项;接着浏览至目标位置选取 `picgo-plugin-github` 插件包加载入环境当中[^4]。 ```bash npm install picgo-plugin-github --save-dev ``` - **填写必要参数**:进入 Settings 页面下 General 分支里指定刚才所建好的远程 repository 地址以及先前获取到 personal access tokens 值填充对应字段处。 #### 自动化上传过程 一切准备就绪以后每次截取下来的像都会自动同步推送至关联起来的那个特定分支下面去形成公开链接供外部抓取引用[^2]。 ```javascript const uploadImageToGithub = async () => { const options = { repo: 'your-repo-name', path: '/images/', branch: 'main', // or your default branch name token: process.env.GITHUB_TOKEN, message: 'Add new image' }; try { let result = await github.upload(options); console.log('Uploaded URL:', result.url); } catch(error){ console.error('Error uploading to GitHub:', error.message); } }; ``` ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值