为 Jekyll 博客移动 dart 项目的资产目录 post

Move the asset directory for a dart project for a Jekyll blog post

我有一个简单的 Angular-Dart 网页,可以很好地离线使用 pub-serve。我想将该页面添加为 Jekyll 上的博客-post。

问题是 Dart 想要资产(包文件夹)与调用它的 HTML 文件位于同一目录中。 Jekyll 在单独的目录中生成 HTML 文件,所以这是不可能的。

基本上我有:

_post/blabla.html <----- the html file/blog entry which will be built in another directory still
assets/main.js <----- the js-transformed script
assets/packages/.... <----- all the libs

但是每当我打开 blabla.html 时,jsfied Dart 不会尝试在 assets 文件夹中找到 packages 文件夹,而是在 _post 文件夹中。我如何让它在不同的目录中查找?

解决方案 1

尝试将您的页面添加为站点根目录下的页面,而不是将其用作 post。

blabla.html 将位于 yourdomain.tld/blabla.html,然后将 assets/script.js 称为 yourdomain.tld/assets/script.js

解决方案 2

使用 _config.yml 中的 baseurl variable

使用 <script src="{{ site.baseurl }}/assets/main.js"></script> 指向您的资产。这将针对相对于您网站根目录的资产。

找到了!

Angular 可以使用以下 html 代码重定向:

<base href="{{ site.baseurl }}/assets/">

它在 angularjs 中有记录,但在 angular dart 中没有,这使得它很难找到!

我将其作为 _include 添加到 jekyll post 中,一切都很好