如何在快递中设置自定义图标?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (20)

我最近开始在Node.js中工作,在app.js文件中有以下一行:

app.use(express.favicon());

现在,我该如何建立自己的习惯呢?

提问于
用户回答回答于

在Express 4中

安装favicon中间件,然后执行:

var favicon = require('serve-favicon');

app.use(favicon(__dirname + '/public/images/favicon.ico'));

或者更好的是,使用path模块:

app.use(favicon(path.join(__dirname,'public','images','favicon.ico')));

(请注意,该解决方案也可用于快速3应用程序)

在Express 3中

根据API,.favicon接受一个位置参数:

app.use(express.favicon("public/images/favicon.ico")); 

大多数情况下,您可能需要这样做(与建议的vsync一样):

app.use(express.favicon(__dirname + '/public/images/favicon.ico'));

或者更好的是,使用path模块(如Druska建议的):

app.use(express.favicon(path.join(__dirname, 'public','images','favicon.ico'))); 
用户回答回答于

笑脸图标,以防止错误:

 //const fs = require('fs'); 
 //const favicon = fs.readFileSync(__dirname+'/public/favicon.ico'); // read file
 const favicon = new Buffer('AAABAAEAEBAQAAAAAAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAA/4QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEREQAAAAAAEAAAEAAAAAEAAAABAAAAEAAAAAAQAAAQAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAEAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//wAA//8AAP//AAD8HwAA++8AAPf3AADv+wAA7/sAAP//AAD//wAA+98AAP//AAD//wAA//8AAP//AAD//wAA', 'base64'); 
 app.get("/favicon.ico", function(req, res) {
  res.statusCode = 200;
  res.setHeader('Content-Length', favicon.length);
  res.setHeader('Content-Type', 'image/x-icon');
  res.setHeader("Cache-Control", "public, max-age=2592000");                // expiers after a month
  res.setHeader("Expires", new Date(Date.now() + 2592000000).toUTCString());
  res.end(favicon);
 });

在上面的代码中更改图标

也许在这里做一个图标:http//www.favicon.cc/或者这里:http : //favicon-generator.org

将其转换为base64也许在这里:http : //base64converter.com/

然后替换图标基础值64

一般信息如何创建个性化的偏好图标

图标是使用Photoshop或Inkscape制作的,也可以是Inkscape,然后使用Photoshop进行色彩校正(在图像 - >调整菜单中)。

快速图标转到http://www.clker.com/并选择一些矢量剪贴画,并下载为svg。然后将其带到inkscape(https://inkscape.org/)并更改颜色或删除部分,或者从其他矢量剪贴画图像中添加内容,然后导出选择要导出的部分,然后单击文件>导出,选择大小为16x16 favicon或32x32。进一步编辑128x128或256x256。ico包内可以有几个图标大小。它可以与16x16像素favicon一起为网站链接提供高质量的图标。

那么也许可以在photoshop中增强图像。像vibrance,斜角效果,圆形面具,任何东西。

然后将此图片上传到生成图标的网站之一。也有用于编辑像https://sourceforge.net/projects/variicons/这样的图标的窗口程序。

将favicon添加到网站。只需将favicon.ico作为文件放入域的根文件夹即可。例如在包含静态文件的公用文件夹中的node.js中。它不必像上面的代码那样只是一个简单的文件。

扫码关注云+社区