README

内联资源

寻找维护者：由于我最近没有使用Statamic，也没有时间维护这个包，我正在寻找愿意接管它的人！您可以通过me@octoper.me发邮件联系我。

Statamic的内联资源

使用Composer安装它。

composer require octoper/statamic-inline-assets

内联资源会将您的CSS或JS文件内联到HTML中，或者内联一个以base64编码的文件。

内联资源可以帮助您提高Statamic网站的加载速度，通过内联关键CSS，您可以阅读这篇文章了解更多信息：提取关键CSS

从公共目录传递文件路径到inline_assets标签。

<style>
{{ inline_assets:css src="css/site.css" }}
</style>

或

<script>
{{ inline_assets:js src="js/site.js" }}
</script>

您还可以压缩您的JS或CSS资源。

<script>
{{ inline_assets:js minify="true" src="js/site.js" }}
</script>

您通常会有一个“先有鸡还是先有蛋”的问题与关键CSS相关，所以如果缺失可以忽略。

<script>
{{ inline_assets:css ignore-missing="true" src="css/site.css" }}
</script>

您还可以将文件内联为base64编码的数据流，例如将您的favicon内联。

<link rel="icon" type="image/x-icon" href="data:image/x-icon;base64,{{ inline_assets:base64 src="favicon.ico" }}"/>

您通常会有一个“先有鸡还是先有蛋”的问题与关键CSS相关，所以如果缺失可以忽略。

<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;base64,{{ inline_assets:base64 ignore-missing="true" src="favicons/favicon.svg" }}">

如果您发现任何与安全相关的问题，请通过me@octoper.me发邮件，而不是使用问题跟踪器。

MIT许可证（MIT）。有关更多信息，请参阅许可证文件。