github README.md插入图片,图片尺寸设置,图片无法显示解决

github README.md插入图片无法显示问题解决

      • 排查原因
      • 图片引入
      • 设置图片尺寸
      • 解决方法

排查原因

今日在使用github .md在插入图片时引自己仓库里图片不能正常显示, 搜集排查原因主要是:

  • dns污染
  • host设置错误
  • 官方更新了dns,但是dns缓存没有被更新,导致错误解析。

图片引入

网络资源图片引入方式 ``

 ![]()  //[]中可选填图片文字说明,()*填写图片的url地址

git仓库中的图片引入方式

 ![](https://github.com/仓库名/项目名/blob/master/image/img.png)  //[]中可选填图片文字说明,()*填写图片的url地址, 如果图片放在了项目的根目录image可以省略, 根据你的项目决定

设置图片尺寸

.md 中可以是标签样式设置图片大小, 具体方法

<img src="https://github.com/仓库名/项目名/blob/master/m/20200424230936851.png" width="200" height="200" alt="抖音小程序"/><br/>
<img src="https://github.com/仓库名/项目名/blob/master/m/20200424230237910.jpg" width="200" height="200" alt="微信小程序"/><br/>
<img src="https://github.com/仓库名/项目名/blob/master/m/20200424225428179.jpg" width="200"  alt="支付宝小程序"/><br/>
//其他样式的设置雷同...

解决方法

通过修改hosts文件, 对网站进行域名解析, 域名解析直接指向IP地址来绕过DNS的解析, 一般的DNS , github的CDN域名被污染问题都可以有效解决 。
在线域名解析ip
github README.md插入图片,图片尺寸设置,图片无法显示解决_第1张图片
将在线域名解析的ip 在本地hosts 文件中最下方添加并且保存

你可能感兴趣的:(github README.md插入图片,图片尺寸设置,图片无法显示解决)