github 页上的页面布局呈现不同
Page layout rendered differently on github-pages
我在 github 页上创建了一个用户站点。对于布局,我使用 yui to specify proportions. The layout seems to render correctly when viewed locally (opening index.html in a browser) but incorrectly when opened from the deployed github-pages.
例如,我指定第一部分应该使用 class="yui-gc"
,分别是 2/3 到 1/3 的比例。在同一浏览器中本地(左)与部署(右)
然后我指定剩下的部分应该使用class="yui-gf"
,分别是1/4到3/4的比例。本地(左)与部署(右)同样的浏览器
知道为什么在部署到 github 页时布局会发生变化吗?我可以在 css 中指定一些内容来使它们保持一致,最好是在本地呈现的方式吗?
供参考source html and source css
当您在 GitHub 页面上加载您的网站时打开控制台,它显示:
The page at 'https://cory-kramer.github.io/' was loaded over HTTPS, but requested an insecure stylesheet 'http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css'. This request has been blocked; the content must be served over HTTPS.
您正在请求通过 HTTP 提供的文件,而您的网站(GitHub 页面)正在使用 HTTPS。出于安全目的,浏览器不允许这样做。
因此,yui CSS 文件未加载,布局中断。
据我所知,yahooapis(您正在使用的)不提供其 CDN 的 HTTPS 版本,复制文件并将其添加到您的 GitHub 存储库应该更容易,然后相对地引用它(就像你对 resume.css
文件所做的那样)
附带说明:当您在您的机器上测试时它在本地工作,因为当您打开它时,它不使用 http 协议(url 应该以 file://
开头而不是 http://
),因此您可以请求 non-secured 个 http 文件。
我在 github 页上创建了一个用户站点。对于布局,我使用 yui to specify proportions. The layout seems to render correctly when viewed locally (opening index.html in a browser) but incorrectly when opened from the deployed github-pages.
例如,我指定第一部分应该使用 class="yui-gc"
,分别是 2/3 到 1/3 的比例。在同一浏览器中本地(左)与部署(右)
然后我指定剩下的部分应该使用class="yui-gf"
,分别是1/4到3/4的比例。本地(左)与部署(右)同样的浏览器
知道为什么在部署到 github 页时布局会发生变化吗?我可以在 css 中指定一些内容来使它们保持一致,最好是在本地呈现的方式吗?
供参考source html and source css
当您在 GitHub 页面上加载您的网站时打开控制台,它显示:
The page at 'https://cory-kramer.github.io/' was loaded over HTTPS, but requested an insecure stylesheet 'http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css'. This request has been blocked; the content must be served over HTTPS.
您正在请求通过 HTTP 提供的文件,而您的网站(GitHub 页面)正在使用 HTTPS。出于安全目的,浏览器不允许这样做。
因此,yui CSS 文件未加载,布局中断。
据我所知,yahooapis(您正在使用的)不提供其 CDN 的 HTTPS 版本,复制文件并将其添加到您的 GitHub 存储库应该更容易,然后相对地引用它(就像你对 resume.css
文件所做的那样)
附带说明:当您在您的机器上测试时它在本地工作,因为当您打开它时,它不使用 http 协议(url 应该以 file://
开头而不是 http://
),因此您可以请求 non-secured 个 http 文件。