Responsive design 如何修复github页面的响应性设计和损坏的图像?

Responsive design 如何修复github页面的响应性设计和损坏的图像?,responsive-design,jekyll,github-pages,Responsive Design,Jekyll,Github Pages,我在github页面上部署了一个公文包站点,我使用了jekyll来创建它。我遇到的问题:1)移动设备的响应性设计不正确,我也看不到页脚;2)我破坏了无法加载的图像我更改了几次路径,但仍然无法工作我想我已经没有选择了?有什么建议可以解决这些问题吗我的站点:和我的回复:。要确保找到图像URL,您可以在处理之前使用链接标记告诉Jekyll图像在哪里。Jekyll将在处理前后跟踪图像的链接,因此您可以依赖回购协议的当前结构,而不是处理后的结构 <img src="{% link images/CS

我在github页面上部署了一个公文包站点,我使用了jekyll来创建它。我遇到的问题:1)移动设备的响应性设计不正确,我也看不到页脚;2)我破坏了无法加载的图像我更改了几次路径,但仍然无法工作我想我已经没有选择了?有什么建议可以解决这些问题吗我的站点和我的回复:。

要确保找到图像URL,您可以在处理之前使用
链接
标记告诉Jekyll图像在哪里。Jekyll将在处理前后跟踪图像的链接,因此您可以依赖回购协议的当前结构,而不是处理后的结构

<img src="{% link images/CSS_3.png %}" class="background-image-right"/>


当我在本地运行您的回购协议并使浏览器移动响应时,图像不会缩小。但是,我可以看到你的页脚。不过,我不熟悉您使用的framekworks。

为了确保找到图像URL,您可以在使用
链接处理图像之前告诉Jekyll图像在哪里。Jekyll将在处理前后跟踪图像的链接,因此您可以依赖回购协议的当前结构,而不是处理后的结构

<img src="{% link images/CSS_3.png %}" class="background-image-right"/>


当我在本地运行您的回购协议并使浏览器移动响应时,图像不会缩小。但是,我可以看到你的页脚。不过,我不熟悉您使用的framekworks。

除了使用
链接,您还可以执行以下操作:

<img src="{{ '/images/CSS_3.png' | prepend: site.baseurl }}" class="background-image-right"/>

您也可以这样做,而不是使用
链接:

<img src="{{ '/images/CSS_3.png' | prepend: site.baseurl }}" class="background-image-right"/>


gitignore的工作原理以前从未使用过它。我已经更改了img src,正如您向我展示的,并等待缓存清除,以便我可以看到更改
。gitignore
是一个告诉git忽略而不是跟踪版本控制中特定文件或文件夹的文件。这对于缓存之类的临时或生成的东西很有用。Jekyll制作了一个不需要跟踪的
\u站点
文件夹。下面是关于
.gitignore
的git文档:这是GitHub为Jekyll提供的一个示例
.gitignore
:我遵循了JoostS的答案,结果成功了,我的基本URL出错,这就是我破坏图像的原因。但我仍然存在的问题是移动设备的响应性设计。我有一个问题,你可以检查一下。我将如何解决这个问题?gitignore如何工作?以前从未使用过它。我已经更改了img src,正如您向我展示的,并等待缓存清除,以便我可以看到更改
。gitignore
是一个告诉git忽略而不是跟踪版本控制中特定文件或文件夹的文件。这对于缓存之类的临时或生成的东西很有用。Jekyll制作了一个不需要跟踪的
\u站点
文件夹。下面是关于
.gitignore
的git文档:这是GitHub为Jekyll提供的一个示例
.gitignore
:我遵循了JoostS的答案,结果成功了,我的基本URL出错,这就是我破坏图像的原因。但我仍然存在的问题是手机的响应性设计我有一个问题,你可以检查一下。我将如何解决这个问题?我如何解决手机的响应性设计,因为我没有收到我的引导主题的最佳响应性?我如何解决手机的响应性设计,因为我没有收到我的引导主题的最佳响应性引导主题?