使用 html / ejs 在页面标题旁边有一个图标答案

【问题标题】：Have an icon next to page title using html / ejs使用 html / ejs 在页面标题旁边有一个图标
【发布时间】：2019-08-23 01:53:38
【问题描述】：

我想在我的页面标题旁边放一个图标。我在互联网上阅读了很多文章和类似的问题，但我仍然无法在页面标题旁边看到我的小图标。我真的不知道我的代码有什么问题。

我有以下目录：data/public、data/files、public（包括我所有的 css 文件）、views（包括我所有的 ejs 文件）。在 /views 文件夹中，我有一些文件夹和一些文件负责我在使用我正在构建的 Web 应用程序时的查看体验。现在在 /views/includes 目录中，我有一个名为 head.ejs 的文件，其中包含我将在几乎所有其他 ejs 文件中使用的所有头代码。所以我只有 head.ejs 文件，我可以将它包含在我想要的每个 ejs 文件中。 head.ejs 文件如下所示：

<!DOCTYPE html>
<html lang="en">

<head>
    <!-- <link rel="shortcut icon" href="/data/public/boxTitle.jpg" type="image/jpg" /> -->
    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title><%= pageTitle %></title>
    <link rel="stylesheet" href="/css/main.css">

我希望在上面看到图标，但还没有看到。我试图在不同的目录中移动我的 favicon.ico 图像，并在路径上进行一些操作。对我来说最好的是图像位于 /data/public/ 目录中。而 head.ejs 在 /views/includes/ 目录中。图像为 16x16，黑白。也尝试使用 jpg 图像。我可能真的很难失败，因为它看起来很简单直接但是......感谢任何帮助！如果答案很明显并且帖子毫无价值，我将删除该帖子。

【问题讨论】：

标签： html node.js ejs

【解决方案1】：

假设您的图标位于 public 文件夹中的 images 文件夹中。如果您已经定义了您提到的公用文件夹，则使用如下内容：

app.use(express.static(path.join(__dirname, 'public')));

那么您可以通过这种方式轻松显示您的图标：

<link rel="icon" href="/images/your-icon" type="image/x-icon" />

【讨论】：