如何在流星 1.3（铁路由器）中添加标题和网站图标答案

【问题标题】：How to add title and favicon in meteor 1.3 (iron router)如何在流星 1.3（铁路由器）中添加标题和网站图标
【发布时间】：2017-02-13 21:01:11
【问题描述】：

如何在meteor 1.3中添加title和favicon，使用iron router和blaze？

【问题讨论】：

【解决方案1】：

在js中你可以随时设置页面标题：

document.title = "Foo";

这比在<head> 部分中包含静态标题要灵活得多，因为您通常希望标题在逐个路由的基础上进行更改。

在 i-r 中，您可以在 onAfterAction hook ex 中执行此操作：

onAfterAction() {
  document.title = 'mySiteName:' + Router.current().route.getName();
}

图标也可以动态设置，见this question

【讨论】：

【解决方案2】：

对于 favicon，在你的 main.html 页面的 head 标签中添加以下代码

<link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />

对于每页的标题，您可以在每个 html 模板中添加以下代码

{{documentTitle 'Document Title'}}

并在一个js文件中添加如下代码

//global template helper

Template.registerHelper('documentTitle', function(title){
    document.title = title;
});

【讨论】：

【解决方案3】：

在 Iron router 的默认布局模板中，在 html 文件的开头添加以下行。

<head> <link rel='icon' sizes="16x16 32x32" href='/favicon.ico' > </head>

将/favicon.ico 保存在流星根应用程序的公共目录中。不要忘记/favicon.ico中的/

【讨论】：

【解决方案4】：

您可以在 client/main.html 文件中使用 head 标签。

这将允许您添加标题和网站图标。

<head>
  <meta charset="utf-8" />
  <title>MY Title</title>
  <link rel='shortcut icon' href='favicon.ico' type='image/x-icon'/ >
</head>

【讨论】：