当前位置: 首页 > news >正文

GitHub图床

GitHub图床

文章目录

  • GitHub图床
    • 图床介绍
    • Github
      • 访问GitHub
        • 手动修改hosts
        • github520
      • 加速器
      • 创建账户
      • 创建仓库
      • 创建token
    • PicGo
    • Typora

图床介绍

  • 图床
    • 存放图片的地方
  • 为什么设置图床呢
    • 在我认识图床之前, 有一个问题 [^放在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

  • PicGo下载(ctrl+鼠标左键进入)

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会根据设置自动上传, 这个期间可能会卡顿 [^有的图片可能先是显示的链接, 图片不是马上就呈现出来了, 需要耐心的等待]

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • pytorch pyro 贝叶斯神经网络 bnn beyesean neure network svi ​定制SVI目标和培训循环,变更推理
  • 经验笔记:前端堆栈分配
  • 批量下载,控制并发(利用promise 做需求池队列)
  • 如何理解基于架构的软件设计(ABSD)
  • TMS320F28335芯片及使用介绍
  • 不到200行代码,一键写出简单贪吃蛇网页游戏!附详细代码!快来看看吧!
  • QML学习二:Qt启用qml文件实时预览编辑,以及打印日志到控制台
  • 【开源大模型生态5】解放大脑
  • 1034. 边界着色(JAVA)
  • SpringCloud之CircuitBreaker
  • 面试场景题
  • 使用 uni-app 开发微信小程序:深入教程与技巧
  • SpringCloud:Gateway
  • (Charles)如何抓取手机http的报文
  • Python Flask_APScheduler定时任务的正确(最佳)使用
  • 网络传输文件的问题
  • Google 是如何开发 Web 框架的
  • 收藏网友的 源程序下载网
  • C# 免费离线人脸识别 2.0 Demo
  • cookie和session
  • Electron入门介绍
  • github指令
  • IE报vuex requires a Promise polyfill in this browser问题解决
  • Java面向对象及其三大特征
  • JWT究竟是什么呢?
  • PhantomJS 安装
  • Python学习笔记 字符串拼接
  • 产品三维模型在线预览
  • 排序(1):冒泡排序
  • 前端技术周刊 2019-01-14:客户端存储
  • 腾讯视频格式如何转换成mp4 将下载的qlv文件转换成mp4的方法
  • 一个完整Java Web项目背后的密码
  • 没有任何编程基础可以直接学习python语言吗?学会后能够做什么? ...
  • #### golang中【堆】的使用及底层 ####
  • #我与Java虚拟机的故事#连载06:收获颇多的经典之作
  • (2024)docker-compose实战 (9)部署多项目环境(LAMP+react+vue+redis+mysql+nginx)
  • (4)Elastix图像配准:3D图像
  • (javascript)再说document.body.scrollTop的使用问题
  • (Note)C++中的继承方式
  • (二十九)STL map容器(映射)与STL pair容器(值对)
  • (附源码)spring boot网络空间安全实验教学示范中心网站 毕业设计 111454
  • (附源码)spring boot智能服药提醒app 毕业设计 102151
  • (机器学习的矩阵)(向量、矩阵与多元线性回归)
  • (剑指Offer)面试题41:和为s的连续正数序列
  • (十二)springboot实战——SSE服务推送事件案例实现
  • (算法)前K大的和
  • (提供数据集下载)基于大语言模型LangChain与ChatGLM3-6B本地知识库调优:数据集优化、参数调整、Prompt提示词优化实战
  • (原創) X61用戶,小心你的上蓋!! (NB) (ThinkPad) (X61)
  • (转)菜鸟学数据库(三)——存储过程
  • (转载)Google Chrome调试JS
  • (轉貼) 蒼井そら挑戰筋肉擂台 (Misc)
  • **《Linux/Unix系统编程手册》读书笔记24章**
  • .NET/C# 阻止屏幕关闭,阻止系统进入睡眠状态
  • @NoArgsConstructor和@AllArgsConstructor,@Builder
  • @RequestMapping 的作用是什么?