GitHub图床

server/2024/9/20 7:26:46/ 标签: github, 图床

GitHub图床

文章目录

  • GitHub图床
    • 图床介绍
    • Github
      • 访问GitHub
      • 加速器
      • 创建账户
      • 创建仓库
      • 创建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_42">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会根据设置自动上传, 这个期间可能会卡顿 [^有的图片可能先是显示的链接, 图片不是马上就呈现出来了, 需要耐心的等待]

http://www.ppmy.cn/server/117774.html

相关文章

TS - tsconfig.json 和 tsconfig.node.json 的关系,如何在TS 中使用 JS 不报错

目录 1,前言2,二者关系2.1,使用 3,遇到的问题3.1,TS 中使用 JS 1,前言 通过 Vite 创建的 Vue3 TS 项目,根目录下会有 tsconfig.json 和 tsconfig.node.json 文件,并且存在引用关系…

51单片机+proteus+实验(I2C和蜂鸣器)

目录 1.蜂鸣器 1.1基本概念 1.1.1蜂鸣器的简介 1.1.2蜂鸣器的硬件原理 1.1.3蜂鸣器的音色 1.2代码 1.2.1不同音色驱动 1.2.2使用Music Encode1软件来生成音乐 1.3proteus仿真 2.I2C 2.1基本概念 2.1.1 I2C的基本概念 2.1.2 I2C的通讯时序 2.1.3AT24C02数据帧 ​编…

Qt_显示类控件

目录 一、QLabel 1、QLabel属性介绍 2、textFormat文本格式 3、pixmap标签图片 3.1 resizeEvent 4、QFrame边框 5、alignment文本对齐 6、wordWrap自动换行 7、indent设置缩进 8、margin设置边距 9、buddy设置伙伴 二、QLCDNumber 1、QLCDNumber属性介绍 2、实…

【AI大模型】ChatGPT模型原理介绍(下)

目录 🍔 GPT-3介绍 1.1 GPT-3模型架构 1.2 GPT-3训练核心思想 1.3 GPT-3数据集 1.4 GPT-3模型的特点 1.5 GPT-3模型总结 🍔 ChatGPT介绍 2.1 ChatGPT原理 2.2 什么是强化学习 2.3 ChatGPT强化学习步骤 2.4 监督调优模型 2.5 训练奖励模型 2.…

上海亚商投顾:沪指探底回升 华为产业链午后爆发

上海亚商投顾前言:无惧大盘涨跌,解密龙虎榜资金,跟踪一线游资和机构资金动向,识别短期热点和强势个股。 一.市场情绪 沪指昨日探底回升,深成指、创业板指盘中跌逾1%,午后集体拉升翻红。华为产业链午后走强…

朴朴超市 签到 任务脚本

脚本主要用于自动化处理朴朴超市APP的签到和组队任务。以下是对脚本中主要方法的作用解析: 初始化和登录 - __init__: - 初始化类对象,设置用户信息和请求头,尝试获取并设置随机位置。 - get_AccessToken: - 使用`refresh_token`刷新并获取`access_token`,用于后续的A…

安卓玩机工具-----ADB与 FASTBOOT模式 图形化 多功能玩机刷机工具

工具说明 这款工具是英文版。易于使用的工具提供了用于运行 ADB 和 Fastboot 命令的图形用户界面。ADB 功能包括旁加载、安装和卸载应用程序、测试设备以及重新启动到不同的模式。可以使用 fastboot 命令进行设备管理;其中包括检查 Antirollback 和 active slots 等变…

Nginx:高性能的Web服务器与反向代理

在当今的互联网世界中,Web服务器的选择对于网站的性能、稳定性和安全性至关重要。Nginx(发音为“engine X”)凭借其卓越的性能、丰富的功能集和灵活的配置选项,成为了众多网站和应用程序的首选Web服务器和反向代理。本文将深入探讨…

Canal+RabbitMQ数据同步环境配置

Canal 是阿里巴巴开发的开源工具,主要用于解析 MySQL 的 binlog 日志,从而实现数据同步。Canal 会模拟 MySQL 从库的协议,订阅主库的 binlog,从而获取数据库的变更信息。 将 Canal 解析到的 MySQL 数据库变更消息通过 RabbitMQ 分…

详细分析Uniapp中的轮播图基本知识(附Demo)

目录 前言1. 基本知识2. Demo2.1 基本2.2 自定义分页2.3 自定义动画 3. 扩展 前言 先看代码示例&#xff1a; 实现了一个带有分页指示器的轮播图组件 <template><view class"work-container"><!-- 轮播图 --><uni-swiper-dot class"uni…

flask框架

Flask 1 flask简介 我们之所以在浏览器中输入localhost:8080然后就可以把webapps下面的项目文件以浏览器的方式打开&#xff0c;功臣在与tomcat。python语言写的项目&#xff0c;转换为web&#xff0c;Flask框架 轻量级web应用框架。 环境准备&#xff1a; pip install fl…

SSHamble:一款针对SSH技术安全的研究与分析工具

关于SSHamble SSHamble是一款功能强大的SSH技术安全分析与研究工具&#xff0c;该工具基于Go语言开发&#xff0c;可以帮助广大研究人员更好地分析SSH相关的安全技术与缺陷问题。 功能介绍 SSHamble 是用于 SSH 实现的研究工具&#xff0c;其中包含下列功能&#xff1a; 1、针…

React源码学习(一):如何学习React源码

本系列源码学习&#xff0c;是基于 v16.13.1&#xff0c;v17.x与v16.x区别并不太大&#xff01; 一、如何正确的学习React源码&#xff1f; 找到Github&#xff0c;转到React仓库&#xff0c;fork / clone源码&#xff1a;React 查看Readme&#xff0c;在Documentation中有Cont…

Gateway学习笔记

目录 介绍&#xff1a; 核心概念 依赖 路由 断言 基本的断言工厂 自定义断言 过滤器 路由过滤器 过滤器工厂 自定义路由过滤器 全局过滤器 其他 过滤器执行顺序 前置后置&#xff08;&#xff1f;&#xff09; 跨域问题 yaml 解决 配置类解决 介绍&#x…

鸿蒙 ArkUI组件一

ArkUI组件 布局 布局指用特定的组件或者属性来管理用户页面所放置UI组件的大小和位置。在实际的开发过程中&#xff0c;需要遵守以下流程保证整体的布局效果&#xff1a; 确定页面的布局结构。分析页面中的元素构成。选用适合的布局容器组件或属性控制页面中各个元素的位置和大…

适合博客的组件库

在选择适合博客的组件库时&#xff0c;需要考虑博客的主题、内容类型以及预期的用户体验。以下是一些推荐的组件库&#xff0c;它们各自具有独特的特点和优势&#xff0c;能够帮助你提升博客的视觉效果和用户体验&#xff1a; React Markdown&#xff1a;非常适合技术博客和教…

亚信软件测试实习面试记录

一、面试问题记录 1、首先是自我介绍&#xff0c;不用多说 2、技术问题 问得不深&#xff0c;简单来说几乎等于没问&#xff0c;只问了一句会不会***。 会Linux嘛&#xff08;应该可以自己回答的时候适当拓展的&#xff0c;但是我只老老实实说了会&#xff09;&#xff1b; 会…

个人电脑可以当服务器用吗?

服务器和普通电脑的主要区别体现在以下几个方面&#xff1a; 1.CPU处理性能 服务器的CPU配置通常是多核的&#xff0c;普通电脑的CPU往往只包含单个核心&#xff0c;因此在数据处理能力上远远不如服务器。 2.安全性能 服务器具备更高的可靠性、安全性、容错能力和安全保护能…

Sui与3DOS合作推动3D打印网络的去中心化

制造业创新者3DOS宣布将其庞大的3D打印网络与Sui集成。这一集成使用户、3D打印机和制造商能够连接到全球可访问的去中心化网络。 解锁去中心化3D打印的全部潜力依赖于精确的实时协调。Sui作为通用协调层&#xff0c;将用户、3D打印机和制造商同步到一个高效、统一的网络中。通…

jmeter

Jmeter快速入门 1.安装Jmeter Jmeter依赖于JDK&#xff0c;所以必须确保当前计算机上已经安装了JDK&#xff0c;并且配置了环境变量。 1.1.下载 可以Apache Jmeter官网下载&#xff0c;地址&#xff1a;http://jmeter.apache.org/download_jmeter.cgi 1.2.解压 因为下载的…