node.js - 向Apostrophe CMS添加Bootstrap和徽标png

我只是想将一个bootstrap.min.css文件及其相应的bootstrap.min.js文件添加到Apostrophe CMS项目中。我不知道如何简单地添加静态资源。我的app.js中有以下内容

'apostrophe-assets': {
    stylesheets: [
        {
            name: 'bootstrap.min',
            minify: false
        },
        {
            name: 'site'
        }
    ],
    scripts: [
        {
            name: 'bootstrap.min',
            minify: false
        }
    ]
}

但是a，它什么也没做。我也删除了.min版本，并尝试了这些版本，仍然一无所获。

关于这一点，我需要能够链接到导航栏中将使用的.png，但是我不知道该网站的任何静态资源存储在哪里。

我是否可以放一个我不想将其作为apostrophe-assets推送的静态文件，以便正确渲染和使用这些文件？

最佳答案

我是P'unk Avenue的Apostrophe的首席开发人员。

为此，Apostrophe需要将文件放在以下位置：

lib/modules/apostrophe-assets/public/css/bootstrap.min.css

和：

lib/modules/apostrophe-assets/public/js/bootstrap.min.js

在您的项目中（不要将它们复制到node_modules中）。您可以在自己的项目中创建自己的lib/modules/apostrophe-assets文件夹，以与撇号npm模块中的文件夹平行。

这是as documented here in the tutorials on pushing assets。

（如果您在推送CSS文件时遇到问题，请尝试使用.less扩展名重命名它，并告诉我您必须这样做。不过，这应该是不必要的。）

当然，也没有什么可以阻止您覆盖自己模板中outerLayoutBase.html中的任何块以插入脚本和链接标签，但这不是必须的。如果您遵循这种做法，建议您将文件与生产中的所有其他文件一起缩小。

关于node.js - 向Apostrophe CMS添加Bootstrap和徽标png，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41667129/