奇怪的 img src 路径，在本地主机上不起作用

strange img src path, not working on localhost

本文关键字：主机 不起作用 img src 路径      更新时间：2023-09-26

首先对不起这个愚蠢的标题。我发现通过flexbox解决了，我将其克隆到本地主机，该网站对我来说只是废话。它以一种非常奇怪的方式工作，索引中没有标题，图像没有显示：

<img class="Feature-image" alt="Better, Simpler Grids" src="{{ '/images/grids.jpg' | absolute }}">

这是一个非常愚蠢的问题，但是这个回购是用什么技术编写的？

它是一个 Liquid 模板引擎。杰基尔使用它。

基本上，它是Ruby解释器的代码。

它采用字符串'/images/grids.jpg'并应用absolute筛选器。它返回该图像的绝对(在生产模式下预置域名(URL。

要查看该站点，您应该安装 Ruby 和 Jekyll。然后运行：

$ jekyll serve
# => Now browse to http://localhost:4000

或者，您可以运行$ jekyll build，然后从_site文件夹中观看站点的静态版本。尽管它可能会在 _config.yml 之前附加 url 到所有链接。我不记得它的行为了。

引自 http://jekyllrb.com/docs/home/：

Jekyll 是一个简单的、博客感知的静态站点生成器。它采用一个包含各种格式的原始文本文件的模板目录，通过 Markdown(或 Textile(和 Liquid 转换器运行它，并吐出一个完整的、随时可以发布的静态网站，适合与您最喜欢的 Web 服务器一起服务。Jekyll 也恰好是 GitHub Pages 背后的引擎，这意味着您可以使用 Jekyll 从 GitHub 的服务器免费托管项目的页面、博客或网站。

我在阅读有关 ember.js 中的模板时看到了类似的语法。见 http://emberjs.com/guides/templates/handlebars-basics/模板基于车把。见 http://handlebarsjs.com/

相关文章：