Question

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

除其他外，我还有以下目录：数据/公共，数据/文件，公共（包括我的所有CSS文件），视图（包括我的所有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图片。我可能真的很难失败，因为这看起来非常简单直接，但是...任何帮助，我们都感激不尽！如果答案完全显而易见且该帖子毫无价值，我将删除该帖子。

Answer 1

假设您的图标位于public文件夹中的images文件夹中。如果您已如前所述定义公用文件夹，则如下所示：

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

然后，您可以通过这种方式轻松显示图标：

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

使用html / ejs的页面标题旁边有一个图标

1 个答案: