Question

我曾尝试在ApostropheCMS网站中设置撇号资产图标图标，但我无法做到这一点。我已经找到了解决方案：

<link rel="shortcut icon" type="image/png" href="{{ apos.attachments.url(image, { size: 'one-sixth' }) }}"

但是，我并不热衷于获取图像对象。预先感谢您的回答。

Answer 1

为了设置并访问您在上面的代码中引用的图像对象，您将必须将收藏夹图像添加到项目中某个对象的模式之一。如果您希望图标在整个站点上都相同，则可以使用Global对象作为保留它的好地方-在单个网站上只能创建一个全局对象，因此它应该可以很好地工作。 >

为了将图像添加到全局模式，您将想要在lib / modules / apostrophe-global / index.js中创建文件（如果尚未创建）。在该文件的内部，您需要添加以下代码：

json = File.read('fixtures/my_json.json')
json_parsed = JSON.parse(json)
@result = HTTParty.post('https://test.com/search',:body => json_parsed.to_json)

这将在名为Site Favicon的Global对象上添加一个新字段。您可以登录到站点并单击Apostrophe工具栏上的“全局”按钮，然后为“站点Favicon”属性选择一个文件，以选择用作站点图标的图像。为了获得正确的对象并将其添加到上面指定的链接标记中，您将使用以下方法：

module.exports = {
  addFields: [
    {
      type: 'attachment',
      name: 'favicon',
      label: 'Site Favicon'
    }
  ]
};

这将找到在Global对象中指定的附件的URL。为全局对象选择图像后，文件的URL应该自动插入链接标记中。

有关Apostrophe全局对象以及如何通过此URL访问模板中的字段的更多信息： https://apostrophecms.org/docs/tutorials/getting-started/settings.html

Answer 2

您还可以使用易于编辑的模块apostrophe-favicons，该模块将从您中提取部分工作内容，并允许编辑者通过撇号界面更新收藏夹图标。

npm i apostrophe-favicons

https://github.com/apostrophecms/apostrophe-favicons

如何在ApostropheCMS中设置图标

2 个答案: