日记首页
|
列表
|
添加日记
|
管理登陆
标题：网站标志
<p style="font-size: 10.5pt; user-select: auto;"><font color="#2f2f2f" face="微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif" size="2">网站favicon图标（网站标志，显示在浏览器地址栏或标签上）</font></p><p style="font-size: 10.5pt; font-family: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; user-select: auto; color: rgb(47, 47, 47);"><font size="2">在网页面的<head></head>标签里引入：</font></p><p style="font-size: 10.5pt; font-family: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; user-select: auto; color: rgb(47, 47, 47);"><font size="2"><link rel="<a href="https://so.csdn.net/so/search?q=shortcut&spm=1001.2101.3001.7020" target="_blank">shortcut</a> icon" href="位置文件夹/名称.ico" ></font></p><p style="font-size: 10.5pt; font-family: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; user-select: auto; color: rgb(47, 47, 47);"><font size="2">（如果页面和图标在同一文件夹下：href="名称.ico" ）</font></p><h3 style="box-sizing: border-box; outline: 0px; margin: 24px 0px 8px; padding: 0px; font-family: "PingFang SC", "Microsoft YaHei", SimHei, Arial, SimSun; --el-button-hover-bg-color: #6D5FFD; --el-button-hover-border-color: #6D5FFD; --el-button-active-bg-color: #6D5FFD; --el-button-active-border-color: #6D5FFD; color: rgb(79, 79, 79); line-height: 28px; overflow-wrap: break-word; font-variant-ligatures: no-common-ligatures; user-select: text !important;"><font size="2">图标制作网站</font></h3><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); line-height: 26px; overflow: auto hidden; overflow-wrap: break-word; font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-variant-ligatures: no-common-ligatures; user-select: text !important;"><font size="2">1. 强烈推荐这个制作图标的网站：<a href="https://favicon.io/favicon-generator/" target="_blank">https://favicon.io/favicon-generator/</a>，不用登陆，可以直接输入文字生成对应图标，选择48x48。</font></p><p style="box-sizing: border-box; outline: 0px; margin: 0px 0px 16px; padding: 0px; color: rgb(77, 77, 77); line-height: 26px; overflow: auto hidden; overflow-wrap: break-word; font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-variant-ligatures: no-common-ligatures; user-select: text !important;">2.<a href="https://www.bejson.com/ui/icomaker/" target="_blank">ICO图标在线生成转换工具-BeJSON.com</a></p><hr style="font-size: 10.5pt; font-family: Arial;"><hr style="font-size: 10.5pt; font-family: Arial;"><h2 style="font-size: 10.5pt; font-family: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; user-select: auto; margin: 0px; padding: 0px; color: rgb(47, 47, 47);">一、**favicon图标</h2><p style="font-size: 16px; font-family: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; user-select: auto; color: rgb(47, 47, 47);"><span style="user-select: auto; font-family: inherit; color: rgb(153, 154, 170);">方法一</span></p><p style="font-size: 16px; font-family: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; user-select: auto; color: rgb(47, 47, 47);"><span style="user-select: auto; font-family: inherit; color: rgb(153, 154, 170);">1、PS工具将想要的图片剪切下来，保存为PNG格式<br style="user-select: auto;">2、将PNG图片转换为ico格式的图标，借助第三方转换网站，比特虫：http://www./</span></p><p style="font-size: 16px; font-family: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; user-select: auto; color: rgb(47, 47, 47);"><span style="user-select: auto; font-family: inherit; color: rgb(153, 154, 170);">方法二</span></p><p style="font-size: 16px; font-family: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; user-select: auto; color: rgb(47, 47, 47);"><span style="user-select: auto; font-family: inherit; color: rgb(153, 154, 170);">在想要获取图标的浏览器网址后加上/favicon.ico,会显示想要的图标，右键图片另存为到项目根目录下</span></p><hr style="font-size: 16px; font-family: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; user-select: auto; color: rgb(47, 47, 47);"><h2 style="font-size: 10.5pt; font-family: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; user-select: auto; margin: 0px; padding: 0px; color: rgb(47, 47, 47);"><a name="t1" style="user-select: auto; outline: 0px;"></a><a style="user-select: auto; outline: 0px;"></a>二、favicon图标放到网站根目录下</h2><p style="font-size: 16px; font-family: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; user-select: auto; color: rgb(47, 47, 47);"><span style="user-select: auto; font-family: inherit; color: rgb(153, 154, 170);">保存图标时，路径选择项目根目录（即与css,js,html文件平齐）</span></p><hr style="font-size: 16px; font-family: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; user-select: auto; color: rgb(47, 47, 47);"><h2 style="font-size: 10.5pt; font-family: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; user-select: auto; margin: 0px; padding: 0px; color: rgb(47, 47, 47);"><a name="t2" style="user-select: auto; outline: 0px;"></a><a style="user-select: auto; outline: 0px;"></a>三、HTML页面引入favicon图标</h2><p style="font-size: 16px; font-family: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; user-select: auto; color: rgb(47, 47, 47);"><br></p>
