奇怪的img src路径，不在localhost上工作

Question

首先抱歉这个愚蠢的头衔。 我发现solved by flexbox，我将它克隆到localhost，该网站对我来说只是垃圾。它的工作方式非常奇怪，索引中没有标题，图片未显示：

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

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

Answer 1

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

Answer 2

这是一个Liquid模板引擎。 Jekyll使用它。

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

它需要字符串'/images/grids.jpg'并应用absolute过滤器。它返回该图像的绝对值（在生产模式下预置域名）URL。

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

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

或者，您可以运行$ jekyll build，然后从_site文件夹中观看该网站的静态版本。虽然它可能会将_config.yml的网址添加到所有链接中。我不记得它的行为。

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

  

Jekyll是一个简单的，支持博客的静态网站生成器。它需要一个模板目录，其中包含各种格式的原始文本文件，通过Markdown（或Textile）和Liquid转换器运行它，并吐出一个完整的，准备发布的静态网站，适合与您喜欢的Web服务器一起提供服务。 Jekyll恰好也是GitHub Pages的引擎，这意味着您可以使用Jekyll免费从GitHub的服务器托管您的项目页面，博客或网站。