站点 LOGO
主题上传时使用的是我的 logo,请务必替换成自己的。
站点 LOGO 替换
为了方便省事,可以通过这个网站快捷生成!
Favicon Generator for perfect icons on all browsers
LOGO 资源地址:/static/images/favicon/
注意:
browserconfig.xml 文件,它的图片引入地址是相对主题目录的:
xml
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square150x150logo src="/static/images/favicon/mstile-150x150.png"/>
<TileColor>#2d89ef</TileColor>
</tile>
</msapplication>
</browserconfig>
而 site.webmanifest 文件的路径又是相对于它自身的
json
{
"name": "",
"short_name": "",
"icons": [
{
"src": "./android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "./android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}
实在不会用可以手动一个个替换图片资源
Header LOGO 替换
这是一个顶部菜单栏使用的 logo,资源地址:/static/images/header
一共有两张图片,一张时 pc 时使用的pc-logo.png
,另一张是小屏时使用的mobile-logo.png
,更改资源时请保证文件名和文件格式一致。
并且最好图片大小也是相同,以免样式出现问题。
- pc-logo 294*114
- mobile-logo 192*192
单位 px