您能解释一下为什么在 html 中使用标签 {{ , }} 吗？
Could you explain why using tags {{ , }} in html?
我想在 Github 上使用 jekyll 主题。所以我克隆了 this repository，但它不包含 css 个文件。
一些代码如下所示：
<link href="{{ "/assets/css/style.css" | prepend: site.baseurl }}" rel="stylesheet">
这些 {{ 和 }} 是什么？
这些给我的编辑器带来了错误。消息是 'Tag start is not closed'.
我已经尝试了以下方法：
<link href="assets/css/style.css" rel="stylesheet">
但是我想知道为什么我要这样写。
它们是 Jekyll 用于在构建时插入必要值的扩展点。将它们视为 C/C++ 预处理器宏。您收到这些错误的原因是：
<link href="{{ '/assets/css/style.css' | prepend: site.baseurl }}"
rel="stylesheet"> <!-- Use single quotes when put inside double quotes -->
这些 {{ 和 }} 是 HTML 代码中的流动语法。 Liquid 是 Jekyll 中用于制作动态内容的特定语言。您可以将其视为 PHP.
的替代方案
在这里，您的示例 {{ "/assets/css/style.css" | prepend: site.baseurl }} 表示 insert the string "/assets/css/style.css" prepended with the value of site.baseurl (this variable should be declared in your _confil.yml)。
但是表达式中的双引号与HTML代码中的双引号冲突。尝试：
<link href="{{ '/assets/css/style.css' | prepend: site.baseurl }}" rel="stylesheet">
一旦被 Jekyll 引擎解释，这可能会生成以下 HTML 代码：
<link href="http:/www.baseurl.of.mysite.com/assets/css/style.css" rel="stylesheet">
液体简介here。
因此，您必须 运行 使用适当的命令在克隆的存储库中安装 Jekyll 引擎：
jekyll build
这将在 ./_site 中生成 HTML 个页面。或者：
jekyll serve
这将启动测试服务器，并激活 HTML 页面的自动重新生成，从而在 http://localhost:4000/ 的导航器中提供预览。
更多关于 jekyll 命令的信息 here。
我假设您首先在 the documentation.
之后在您的机器上安装了 jekyll
一旦您对预览感到满意，请将您的存储库推送到您的 github 帐户。 GitHub 将 运行 jekyll 引擎并在其服务器中生成 HTML 页面。
鉴于您在 github 上的用户名是 "popcorn"，您可以将您的 jekyll 文件推送到：
- 一个名为 "popcorn.github.io" 的存储库：这是您的用户站点，位于
https://popcorn.github.io/。
- 如果您有现有项目 "foo"，请将此存储库推送到名为 "gh-pages" 的分支中（这是 github 页面的默认分支；您可以使用其他分支，但您必须将其标记为 github 页：请参阅下面的教程）：这是您的项目站点，位于
https://popcorn.github.io/foo/.
参见 GitHub tutorial。
我想在 Github 上使用 jekyll 主题。所以我克隆了 this repository，但它不包含 css 个文件。
一些代码如下所示：
<link href="{{ "/assets/css/style.css" | prepend: site.baseurl }}" rel="stylesheet">
这些 {{ 和 }} 是什么？
这些给我的编辑器带来了错误。消息是 'Tag start is not closed'.
我已经尝试了以下方法：
<link href="assets/css/style.css" rel="stylesheet">
但是我想知道为什么我要这样写。
它们是 Jekyll 用于在构建时插入必要值的扩展点。将它们视为 C/C++ 预处理器宏。您收到这些错误的原因是：
<link href="{{ '/assets/css/style.css' | prepend: site.baseurl }}"
rel="stylesheet"> <!-- Use single quotes when put inside double quotes -->
这些 {{ 和 }} 是 HTML 代码中的流动语法。 Liquid 是 Jekyll 中用于制作动态内容的特定语言。您可以将其视为 PHP.
在这里，您的示例 {{ "/assets/css/style.css" | prepend: site.baseurl }} 表示 insert the string "/assets/css/style.css" prepended with the value of site.baseurl (this variable should be declared in your _confil.yml)。
但是表达式中的双引号与HTML代码中的双引号冲突。尝试：
<link href="{{ '/assets/css/style.css' | prepend: site.baseurl }}" rel="stylesheet">
一旦被 Jekyll 引擎解释，这可能会生成以下 HTML 代码：
<link href="http:/www.baseurl.of.mysite.com/assets/css/style.css" rel="stylesheet">
液体简介here。
因此，您必须 运行 使用适当的命令在克隆的存储库中安装 Jekyll 引擎：
jekyll build
这将在 ./_site 中生成 HTML 个页面。或者：
jekyll serve
这将启动测试服务器，并激活 HTML 页面的自动重新生成，从而在 http://localhost:4000/ 的导航器中提供预览。
更多关于 jekyll 命令的信息 here。
我假设您首先在 the documentation.
之后在您的机器上安装了 jekyll一旦您对预览感到满意，请将您的存储库推送到您的 github 帐户。 GitHub 将 运行 jekyll 引擎并在其服务器中生成 HTML 页面。
鉴于您在 github 上的用户名是 "popcorn"，您可以将您的 jekyll 文件推送到：
- 一个名为 "popcorn.github.io" 的存储库：这是您的用户站点，位于
https://popcorn.github.io/。 - 如果您有现有项目 "foo"，请将此存储库推送到名为 "gh-pages" 的分支中（这是 github 页面的默认分支；您可以使用其他分支，但您必须将其标记为 github 页：请参阅下面的教程）：这是您的项目站点，位于
https://popcorn.github.io/foo/.
参见 GitHub tutorial。