(已解决) Github无法显示图像问题

最新推荐文章于 2024-06-21 22:38:48 发布
最新推荐文章于 2024-06-21 22:38:48 发布
阅读量391 收藏 8
点赞数 3
文章标签： github error
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52836217/article/details/139797172
版权

Github无法显示图像的问题

问题描述

今天打开github，创建了一个仓库，想从本地把一些最近做的东西传上来(git add . => git commit -m “xxx” => git push)，结果发现东西是成功传上来了，但是图片没有显示出来，如下图所示：
在这里插入图片描述

这就让我很迷惑，于是有了以下初步尝试

初次尝试

首先我寻思着可能是路径错了？，然后分别尝试了相对路径和绝对路径，结果发现并么有什么用，然后我说打开控制台(F12)看看会不会有什么报错，结果你猜怎么着：
在这里插入图片描述
真就是报错了，然后经过我一系列度娘大法——
参考一：【小技巧】(超详细！)解决Github无法显示图片以及README无法显示图片
参考二：解决Github上网页图片显示失败的问题
参考三：github上的图片看不了，教你解决

最终解决

综合了上面三篇参考的博客，我把解决步骤简单的总结为了以下三步：
1、使用ipaddress查询raw.githubusercontent.com当前的ip地址(注意：这个ip是会变化的，需要根据查询结果自行选择)
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
任选其一即可

2、然后将其复制在电脑的hosts注册表中：我的文件在——C:\Windows\System32\drivers\etc下(Notepad++管理员打开)，添加内容为两行，分别是：


185.199.108.133 githubusercontent.com
185.199.108.133 raw.githubusercontent.com

在这里插入图片描述

3、然后刷新ip映射 => cmd => 输入 ipconfig/flush
在这里插入图片描述
最后打开github，大功告成！！！
在这里插入图片描述

Liuyc-Code boy
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
readme-ascii:将文本转换为GitHub自述文件的ASCII艺术图像
05-28
ASCII艺术是一种简单的徽标解决方案，但在不同的屏幕尺寸上往往无法很好地显示。 这就是为什么我进行此项目的目的，是将ASCII文本转换为可以按预期调整大小的图像。 到目前为止，此项目的最大警告是，在较长的字符...
subhajit：仅在我的Github主页上显示内容
02-15
作为SDE-1职位，解决过去1年以上的问题。 我正在使用的技术：HTML5，CSS3，SCSS，BootStrap，JavaScript，React JS，Redux，Next JS，Express，HandleBars。 另外，我曾与（以前的职位）一起工作过：Angular JS，...
openhtmltopdf 解决中文字体和A4显示模板
10-26
https://github.com/danfickle/openhtmltopdf Open HTML to PDF是一个纯java库，用于使用CSS 2.1(及以后的标准)进行布局和格式化，输出为PDF或图像，呈现格式良好的XML/XHTML(甚至一些HTML5)的合理子集。 使用这个...
MATLAB显示图像空白代码-Mobile-Target-Tracking:移动目标跟踪
05-28
MATLAB显示图像空白代码移动目标跟踪 动机 该代码（主要在Python中）可用于计划跟踪移动目标的卫星的连续低推力演习，尤其是，它已用于和中的跟踪飓风。 低推力三相机动的解析解决方案可以实现这一点。 这段代码的...
详解如何解决canvas图片getImageData,toDataURL跨域问题
09-22
在Web开发中，Canvas是一个非常重要的工具，它允许开发者在网页上动态绘制图像。然而，涉及到跨域操作时，如使用`getImageData()`和`toDataURL()`方法，就会遇到一些安全限制。本文将深入探讨如何解决Canvas图片在...
Github 2024-06-16 php开源项目日报 Top10
老孙正经胡说
06-16 768
根据Github Trendings的统计，今日(2024-06-16统计)共有10个项目上榜。
每月 GitHub 探索｜10 款引领科技趋势的开源项目
2301_76571514的博客
06-21 844
仓库名称：CorentinTh/it-tools 截止发稿星数: 16842 (近一个月新增:5744) 仓库语言: Vue 仓库开源协议：GNU General Public License v3.0 引言 项目作用 采用响应式设计，可在各种设备上使用 具有简约的界面和直观的导航 使用 Vue.js 和 TypeScript 构建“一套适用于开发者的实用工具，具有出色的用户体验。立刻体验！(it-tools.tech)”• 开发人员可以使用代码格式化工具来保持代码的一致性。 • 网站管理员可以使
02 Shell编程之条件语句
qq_51678989的博客
06-21 850
Shell环境根据命令执行后的返回状态值（$?）来判断是否执行成功，当返回值为0时表示成功，否则（）非0值表示失败或异常。使用专门的测试工具——test命令，可以对特定条件进行测试，并根据返回值来判断条件是否成立（放回值为0表示条件成立）。使用test测试命令时，包括以下两种形式。test 条件表达式[ 条件表达式 ]这两种方式的作用完全相同，但通常后一种形式更为常用，也更贴近编程习惯。需要注意的是，方括号“[或]"与条件表达式之间需要至少一个空格进行分隔。
github如何删除仓库？
qq_52804277的博客
06-14 261
如何删除github仓库
Github 2024-06-15Rust开源项目日报Top10
老孙正经胡说
06-15 1072
根据Github Trendings的统计，今日(2024-06-15统计)共有10个项目上榜。
GitHub的基本使用方法
zx__200526的博客
06-21 294
创建仓库（Repository）：登录后，在页面右上角的"+"菜单中选择"New repository"，填写仓库的名称、描述等信息，选择仓库的可见性（公开或私有），然后点击"Create repository"按钮创建一个新的仓库。以上是GitHub的基本使用方法，涵盖了仓库的创建和管理、文件的添加和提交、分支的创建和合并以及协作和Pull Request等功能。注册完成后，使用账号登录。复制仓库：每个仓库都有一个唯一的仓库地址（repository URL），可以在仓库的页面中找到。
Jenkins教程-3-github自动化测试任务构建
米兔软件测试
06-18 483
上一小节我们学习了Jenkins在windows和mac系统上安装搭建环境的方法，本小节我们讲解一下Jenkins构建github自动化测试任务的方法。
Github 2024-06-21 开源项目日报 Top10
老孙正经胡说
06-21 1009
创建周期：354 天开发语言：TypeScript, JavaScript协议类型：MIT LicenseStar数量：7277 个Fork数量：1269 次关注人数：7277 人贡献人数：75 人Open Issues数量：61 个Github地址：https://github.com/danny-avila/LibreChat.git项目首页: https://docs.librechat.ai/
brotlipy-0.5.1-cp34-cp34m-manylinux1_i686.whl
06-21
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
基于ArcEngine的栅格计算器开发仿照ArcMap的栅格计算器，
06-21
基于ArcEngine的栅格计算器开发仿照ArcMap的栅格计算器，通过comboBox选择栅格图层，button1到button11为0-10以及一个小数点，button12到button27为计算符号，如等，排列顺序与ArcMap中一样。
pyzmq-14.6.0-py2.7-win-amd64.egg
最新发布
06-21
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
51单片机倒车雷达控制系统程序设计
06-21
贰壹贰叁零51单片机倒车雷达控制系统程序设计；基于51单片机来实现一个倒车雷达系统，可通过按键来调整雷达预警的阈值。也可以调节报警范围，代码也比较简单，可靠性强，可转换为实物，也可用于设计，仿真Proteus如图。
000互联网上网白名单上报&历史收集情况-简单去重-发奇安信.xlsx
06-21
000互联网上网白名单上报&历史收集情况-简单去重-发奇安信.xlsx
pyzmq-14.6.0-py2.7-win32.egg
06-21
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
非常非常非常详细地教我用基于c++的Qt（version：5.14.2）制作一个函数图像绘制器.要求如下：1.有一个函数输入框，用户可以自行输入函数表达式。2.有一个确认键，点击后生成此时函数输入框中的函数的图像在widget中，图像可以叠加，如果输入的函数格式不对，将不会生成图像。3.图像显示在widget控件内，要有坐标轴，大小合适。4.有一个清除键，点击后可以清除widget生成的所有函数图像。5.有一个保存键，点击后可以保存此时widget上的图像为jpg格式，并且可以自行选择保存地址。6.设置几个按钮，这些按钮代表一些常见的函数符号比如sin，cos，tan，log，ln等，点击这些按钮可以在函数输入框中添加这些符号。7.代码一定要完整且可用。8.在每个文件下要写上什么代码，完整清楚地告诉我（包括头文件），以便我复制粘贴就能用。9.如果要用到一些Qt（version：5.14.2）不自带的库，一定要告诉我且告诉我下载地址。10.这些库的添加或者使用方法也要清楚准确地告诉我。11代码写完后告诉我函数输入框内支持的函数格式。12.我是新手，请清楚完整告诉每一步要干嘛。拜托你了。
05-24
好的，我将尽力帮助你完成这个项目。首先，我们需要了解一些基础知识。 Qt是一个跨平台的C++图形用户界面应用程序开发框架，它提供了一套完整的GUI编程解决方案。在本项目中，我们将使用Qt来创建一个图像绘制器。 功能概述： 1.输入函数表达式：用户可以在输入框中输入函数表达式。 2.确认键：点击后生成此时函数输入框中的函数的图像在widget中，图像可以叠加，如果输入的函数格式不对，将不会生成图像。 3.图像显示：图像显示在widget控件内，要有坐标轴，大小合适。 4.清除键：点击后可以清除widget生成的所有函数图像。 5.保存键：点击后可以保存此时widget上的图像为jpg格式，并且可以自行选择保存地址。 6.按钮：设置几个按钮，这些按钮代表一些常见的函数符号比如sin，cos，tan，log，ln等，点击这些按钮可以在函数输入框中添加这些符号。 步骤： 1.创建一个Qt Widgets Application，并命名为“FunctionGraphDrawer”。 2.在Qt Creator的菜单栏中，选择“File”->“New File or Project”->“C++”->“C++ Source File”，命名为“functionparser.cpp”。 3.在functionparser.cpp中编写一个函数解析器，用于将字符串转换为可计算的函数。我们可以使用第三方库“ExprTk”来帮助我们完成这个任务。ExprTk是一个快速的C++数学表达式解析库，具有高度可定制性和灵活性。你可以在此处下载ExprTk库：https://github.com/ArashPartow/exprtk。将库文件解压缩后，将其复制到FunctionGraphDrawer文件夹中。然后，在Qt Creator的“Projects”面板中，为项目添加ExprTk库，方法是右键单击项目，选择“Add library”，然后选择“External Library”，并选择ExprTk库的路径。 4.在FunctionGraphDrawer的mainwindow.cpp文件中，添加一个QLineEdit组件，并为其添加一个QValidator，以确保用户输入的函数表达式是有效的。代码如下： ```cpp #include "mainwindow.h" #include "ui_mainwindow.h" #include "functionparser.h" // 引入functionparser头文件 #include <QLineEdit> #include <QRegExpValidator> MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) , ui(new Ui::MainWindow) { ui->setupUi(this); // 创建 QLineEdit 组件 QLineEdit* functionEdit = new QLineEdit(this); functionEdit->setPlaceholderText("Input a function here"); // 为 QLineEdit 组件添加 QRegExpValidator QRegExpValidator* validator = new QRegExpValidator(QRegExp("^[a-zA-Z0-9+\\-*/()\\^\\. ]*$"), functionEdit); functionEdit->setValidator(validator); // 将 QLineEdit 组件添加到 UI 中 ui->verticalLayout->addWidget(functionEdit); } ``` 5.在FunctionGraphDrawer的mainwindow.ui文件中，将QLineEdit组件放置在垂直布局中。 6.在mainwindow.cpp文件中添加一个QPushButton组件，并将其与一个槽函数相连，该槽函数将解析用户输入的函数表达式，并将其绘制到widget上。代码如下： ```cpp void MainWindow::on_drawButton_clicked() { QString function = ui->functionEdit->text(); // 使用 functionparser 解析函数表达式 FunctionParser parser; parser.Parse(function.toStdString()); // 绘制函数图像 DrawFunction(parser); } void MainWindow::DrawFunction(const FunctionParser& parser) { // 在widget上绘制函数图像 // ... } ``` 7.我们需要在widget上绘制函数图像。我们可以使用Qt的绘图功能来实现这一点。在MainWindow类中添加一个QPainter组件，并重写paintEvent函数以绘制坐标轴和函数图像。代码如下： ```cpp void MainWindow::paintEvent(QPaintEvent* event) { QMainWindow::paintEvent(event); QPainter painter(this); painter.setRenderHint(QPainter::Antialiasing, true); // 绘制坐标轴 DrawCoordinateSystem(painter); // 绘制函数图像 // ... } void MainWindow::DrawCoordinateSystem(QPainter& painter) { painter.setPen(Qt::black); painter.drawLine(50, height() - 50, width() - 50, height() - 50); // x 轴 painter.drawLine(50, height() - 50, 50, 50); // y 轴 // 绘制坐标轴刻度 int xInterval = (width() - 100) / 10; int yInterval = (height() - 100) / 10; for (int i = 1; i < 10; i++) { painter.drawLine(50 + i * xInterval, height() - 45, 50 + i * xInterval, height() - 55); // x 轴刻度 painter.drawLine(45, height() - 50 - i * yInterval, 55, height() - 50 - i * yInterval); // y 轴刻度 } } ``` 8.在DrawFunction函数中，我们需要计算函数在每个x坐标处的值，并将结果绘制到widget上。代码如下： ```cpp void MainWindow::DrawFunction(const FunctionParser& parser) { QPainter painter(this); painter.setRenderHint(QPainter::Antialiasing, true); // 计算函数在每个x坐标处的值 QVector<QPointF> points; double xMin = 0; double xMax = width() - 100; for (double x = xMin; x <= xMax; x += 0.5) { double y = parser.Eval(x); points.append(QPointF(50 + x, height() - 50 - y)); } // 绘制函数图像 painter.setPen(Qt::red); painter.drawPolyline(points); } ``` 9.添加清除按钮。在mainwindow.cpp中添加一个QPushButton组件，并将其与一个槽函数相连，该槽函数将清除widget上的所有函数图像。代码如下： ```cpp void MainWindow::on_clearButton_clicked() { // 清除widget上的所有函数图像 // ... } ``` ```cpp void MainWindow::ClearFunctions() { // 清除widget上的所有函数图像 // ... } ``` 10.添加保存按钮。在mainwindow.cpp中添加一个QPushButton组件，并将其与一个槽函数相连，该槽函数将保存widget上的图像为jpg格式，并允许用户选择保存路径。代码如下： ```cpp void MainWindow::on_saveButton_clicked() { QString fileName = QFileDialog::getSaveFileName(this, "Save Image", "", "JPEG (*.jpg)"); if (!fileName.isNull()) { QPixmap pixmap = this->grab(); pixmap.save(fileName); } } ``` 11.添加常见函数按钮。在mainwindow.cpp中添加多个QPushButton组件，并将其与一个槽函数相连，该槽函数将在函数输入框中添加相应的函数符号。代码如下： ```cpp void MainWindow::on_sinButton_clicked() { ui->functionEdit->insert("sin()"); } void MainWindow::on_cosButton_clicked() { ui->functionEdit->insert("cos()"); } void MainWindow::on_tanButton_clicked() { ui->functionEdit->insert("tan()"); } void MainWindow::on_logButton_clicked() { ui->functionEdit->insert("log()"); } void MainWindow::on_lnButton_clicked() { ui->functionEdit->insert("ln()"); } ``` 12.最后，我们需要告诉用户函数输入框内支持的函数格式。在UI中添加一个QLabel组件，并将其放置在函数输入框下方。代码如下： ```cpp MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) , ui(new Ui::MainWindow) { ui->setupUi(this); // 创建 QLineEdit 组件 QLineEdit* functionEdit = new QLineEdit(this); functionEdit->setPlaceholderText("Input a function here"); // 为 QLineEdit 组件添加 QRegExpValidator QRegExpValidator* validator = new QRegExpValidator(QRegExp("^[a-zA-Z0-9+\\-*/()\\^\\. ]*$"), functionEdit); functionEdit->setValidator(validator); // 将 QLineEdit 组件添加到 UI 中 ui->verticalLayout->addWidget(functionEdit); // 创建 QLabel 组件 QLabel* formatLabel = new QLabel(this); formatLabel->setText("Supported formats: sin(), cos(), tan(), log(), ln(), +, -, *, /, ^, (, )"); formatLabel->setAlignment(Qt::AlignCenter); // 将 QLabel 组件添加到 UI 中 ui->verticalLayout->addWidget(formatLabel); } ``` 至此，我们已经完成了这个项目。完整的代码如下：

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Liuyc-Code boy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值