Jekyll 具有多个图像目录的静态博客生成器

Jekyll 具有多个图像目录的静态博客生成器,jekyll,static-site,Jekyll,Static Site,问题:我应该使用什么软件来实现如下所述的静态站点生成器 我正在寻找一个静态博客生成器,它。。。当然,生成静态博客:)。然而,我需要更多的东西,比如一组好的主题供选择,更重要的是,需要一种管理资产的特定方式 当我写文章/帖子/文本时,我会创建一个新目录。然后在里面有一个文件,比如article.md,或者article.textile。我还有代码、图片、图表等文件。所有内容都在这个目录中。然后我运行一个工具将其转换为html,并将html复制到一个网站进行发布。然而,图像总是有问题。我必须将图片复

问题:我应该使用什么软件来实现如下所述的静态站点生成器

我正在寻找一个静态博客生成器,它。。。当然,生成静态博客:)。然而,我需要更多的东西,比如一组好的主题供选择,更重要的是,需要一种管理资产的特定方式

当我写文章/帖子/文本时,我会创建一个新目录。然后在里面有一个文件,比如
article.md
,或者
article.textile
。我还有代码、图片、图表等文件。所有内容都在这个目录中。然后我运行一个工具将其转换为html,并将html复制到一个网站进行发布。然而,图像总是有问题。我必须将图片复制到某个地方,例如Wordpress,然后更改html中的图片URL。这不是最好的方法

我希望有一个静态博客生成器,它可以让我保持我的正常结构:每个帖子一个目录,并将目录中的所有图像保持在生成的结构中,这样我就可以拥有图像的相对路径

我真的不喜欢将所有文章都保存在一个全局目录中,而将所有图像保存在另一个全局目录中的想法

到目前为止,我已经检查了杰基尔和鹈鹕,并阅读了另外两个,但我还没有找到任何解决这个问题的方法。我知道,像往常一样,你会有很多好主意要核对

当然,我知道这篇文章很可能是“封闭的,没有建设性的”,或者有任何其他有趣的解释,但也许有人会设法在这之前发布任何解决方案。

可以做到这一点
cd
清空您选择的文件夹,然后 :

之后,您可以在
内容中,例如:

content post alpha index.md 1.jpg 2.jpg bravo index.md 1.jpg 2.jpg 结果在
public
文件夹中生成:

public post alpha index.html 1.jpg 2.jpg bravo index.html 1.jpg 2.jpg 公众的 邮递 阿尔法 index.html 1.jpg 2.jpg 好极了 index.html 1.jpg 2.jpg 我能做到这一点
cd
清空您选择的文件夹,然后 :

之后,您可以在
内容中,例如:

content post alpha index.md 1.jpg 2.jpg bravo index.md 1.jpg 2.jpg 结果在
public
文件夹中生成:

public post alpha index.html 1.jpg 2.jpg bravo index.html 1.jpg 2.jpg 公众的 邮递 阿尔法 index.html 1.jpg 2.jpg 好极了 index.html 1.jpg 2.jpg 我能做到这一点
cd
清空您选择的文件夹,然后 :

之后,您可以在
内容中,例如:

content post alpha index.md 1.jpg 2.jpg bravo index.md 1.jpg 2.jpg 结果在
public
文件夹中生成:

public post alpha index.html 1.jpg 2.jpg bravo index.html 1.jpg 2.jpg 公众的 邮递 阿尔法 index.html 1.jpg 2.jpg 好极了 index.html 1.jpg 2.jpg 我能做到这一点
cd
清空您选择的文件夹,然后 :

之后,您可以在
内容中,例如:

content post alpha index.md 1.jpg 2.jpg bravo index.md 1.jpg 2.jpg 结果在
public
文件夹中生成:

public post alpha index.html 1.jpg 2.jpg bravo index.html 1.jpg 2.jpg 公众的 邮递 阿尔法 index.html 1.jpg 2.jpg 好极了 index.html 1.jpg 2.jpg
我还希望我的文章是“独立的”,文本内容和图像资产在一个文件夹中。我在用杰基尔

我已经使这成为可能

然后,我可以使用简单的
{%picture my-image.png%}
语法在我的文章中显示同一文件夹中的图像


这里有一个例子:

我也希望我的文章是“独立的”,文本内容和图像资产都在一个文件夹中。我在用杰基尔

我已经使这成为可能

然后,我可以使用简单的
{%picture my-image.png%}
语法在我的文章中显示同一文件夹中的图像


这里有一个例子:

我也希望我的文章是“独立的”,文本内容和图像资产都在一个文件夹中。我在用杰基尔

我已经使这成为可能

然后,我可以使用简单的
{%picture my-image.png%}
语法在我的文章中显示同一文件夹中的图像


这里有一个例子:

我也希望我的文章是“独立的”,文本内容和图像资产都在一个文件夹中。我在用杰基尔

我已经使这成为可能

然后,我可以使用简单的
{%picture my-image.png%}
语法在我的文章中显示同一文件夹中的图像


以下是一个示例:

Jekyll没有明确强制执行有关将资产(如图像)放置在何处的规则,但Jekyll不会直接将文件复制到以下划线开头的文件夹中。虽然一般做法是将所有图像放在
\assets\
目录中,但您可以将其放在
\u posts\
目录之外的任何其他位置,这正是您所需要的

这是默认行为,但有一些方法可以避免:

  • 将您的帖子放在
    \u posts
    目录之外
  • 将所有帖子与图片一起放在默认的
    \u posts
    文件夹之外(这将复制所有没有任何YAML frontmatter的文件,并使用YAML frontmatter预处理所有文件)。然而,在Jekyll中自动处理帖子的任何其他功能都将不再有效。这可能是问题,也可能不是问题

  • 插件

    • 专门为使Jekyll复制post目录中的文件而编写。如果你真的使用了它,你完全可以写下下面的标记,它将按照应该的方式链接到文章:

      • ![图像标题](my\u Image\u filename.png)
    • 是另一个健壮的插件,它做了一些类似的事情,但并没有将您的图像保存在一个目录中,但它确实链接了与您的文章标题相关的图像

    • 是另一个处理CSS和JS的插件,这可能是您希望与插件1结合使用的东西

  • 但是请注意,GitHub页面站点生成不支持使用第三方插件,这意味着您必须在