nginx 前端小图标配置

cat /etc/nginx/conf.d/tg-t1.conf

server {

    listen 8099;

    server_name localhost;

    location / {

    root /opt/nginx/tg-t1;

    index index.htm index.html;

配置文件：

图标：images/favicon.ico

前端页面：index.html

[root@tg01 tg-t1]# cat index.html

<html>

<head>

<link rel="Shortcut Icon" href="images/favicon.ico" >

<link rel="Bookmark" href="images/favicon.ico" >

<title> TG-T1 </title>

</head>

<body>

TG-T1 test

</body>

</html>

总结：前端添加小图标

在index.html同级目录下创建二级目录images，将图标文件置于images下

在index.html的<head>标签下加入

标签页显示图标：<link rel="Shortcut Icon" href="images/favicon.ico" >

收藏栏显示图标：<link rel="Bookmark" href="images/favicon.ico" >

PS：图标若是与index.html同级，无法显示，原因未知。

nginx 前端小图标配置相关推荐

nginx前端网页小图标配置（favicon.ico not found问题）
问题我们自己搭建nginx服务并挂上前端静态资源,按F12会看到有个当前ip和端口下的favicon.ico资源get请求返回404,在nginx后台日志里也能看到CreateFile()的错误.这 ...
配置Nginx前端Apache后端服务器LNMPA-与LNMP,HHVM性能比拼
文章目录 LNMPA一键安装 LNMPA性能比较 HHVM性能比拼 Nginx前端小结文章目录 LNMPA一键安装 LNMPA性能比较 HHVM性能比拼 Nginx前端小结 Apache和Nginx ...
active server pages 错误 asp 0126_微信小程序全栈开发课程【视频版】2.1 小程序前端页面初始配置、ESlint格式错误...
点击观看视频 ↓↓↓ 小程序前端页面初始配置.ESlinthttps://www.zhihu.com/video/1195030595196223488 课程文字版 1.修改src/pages文件夹 ...
前端如何设置浏览器网页标签页前的小图标favicon.ico
前端如何设置浏览器网页标签页前的小图标favicon.ico 步骤1: 将小图标favicon.ico文件(或者普通的icon小图片)放在项目的public或者static目录下步骤2: index ...
nginx安装、nginx前端配置、后端配置、前后端分离配置、https支持（ssl配置）、负载均衡配置、nginx location详解
nginx配置一.nginx安装二.nginx配置仅前端配置仅后端配置前后分离配置(1) 前后分离配置(2) 前后不分离配置 https/ssl配置负载均衡配置数据压缩配置三.完整ng ...
html前端小知识：制作简单的纯文字图标按钮
今天分享下"html前端小知识:制作简单的纯文字图标按钮"这篇文章,文中根据实例编码详细介绍,或许对大家的编程之路有着一定的参考空间与使用价值,需要的朋友接下来跟着云南仟龙Mark ...
Web前端笔记-i标签做小图标以及改源码注意事项
目录最简单的使用i标签做小图标修改前端源码注意的问题最简单的使用i标签做小图标运行截图如下: 实例结构如下: 此处就是使用i标签制作的小图标其中html源码如下: <html> ...
Hexo博客Next6.0版本主题配置（背景图片加载、侧边栏社交小图标设置、设置网站图标）
随机背景图片加载原理自动更换背景是修改添加背景的css样式实现图片来源 https://source.unsplash.com/ 修改背景样式修改themes\next\source\css\ ...
前端兼容性问题：快速去掉mac safari浏览器input右边的小图标/小按钮
去掉mac safari浏览器input右边的小图标/小按钮 input:focus::-webkit-contacts-auto-fill-button{opacity: 0; } 复制代码去掉S ...

nginx 前端小图标配置

nginx 前端小图标配置相关推荐

最新文章

热门文章