在 AnQiCMS 搭建的网站中，Logo 图片是品牌识别的核心要素，它不仅能提升网站的专业度，也能加深访客对品牌的印象。AnQiCMS 提供了简洁直观的方式来设置和显示你的网站 Logo。
设置网站 Logo：让品牌标识入驻安企CMS
首先，要让你的网站拥有独特的标识，第一步就是在 AnQiCMS 后台上传 Logo 图片。这个过程非常直接：
- 登录 AnQiCMS 后台： 使用你的管理员账号登录到网站的管理界面。
- 进入全局功能设置： 在后台的左侧菜单栏中，你会看到一个“后台设置”的选项，点击它。进入后，请选择“全局功能设置”这个子菜单。
- 上传你的 Logo： 在“全局功能设置”页面中，向下滚动，你会找到一个名为“网站LOGO”的区域。这里通常会有一个上传图片或选择图片的按钮。点击它，从你的电脑中选择你准备好的 Logo 图片文件。
- 小贴士： 建议使用透明背景的 PNG 格式图片，以确保 Logo 在不同背景色的网站上都能完美融合。同时，图片尺寸应适中，既能保证清晰度，又不会过大影响页面加载速度。
- 保存设置： 图片上传成功并预览无误后，务必点击页面底部的“保存”按钮，让你的 Logo 设置生效。
这样，你的 Logo 图片就成功存储在 AnQiCMS 系统中了。
在网站模板中显示 Logo：让品牌在前台绽放
Logo 图片上传到后台后，接下来需要让它在前台页面上显示出来。AnQiCMS 采用灵活的模板系统，你需要编辑网站的模板文件来调用这个 Logo。通常，网站的头部（header）部分会包含 Logo，你可以在 /template 目录下找到你当前使用的模板文件夹，并在其中找到 bash.html 或 header.html 这类公共头部文件。
AnQiCMS 提供了一个非常实用的 {% system %} 标签，专门用于获取系统级的配置信息，包括网站 Logo。
使用 {% system %} 标签来显示 Logo 图片非常直观。你可以在模板中这样编写代码：
<img src="{% system with name="SiteLogo" %}" alt="{% system with name="SiteName" %}" />
在这里，name="SiteLogo" 会动态获取你在后台“全局功能设置”中上传的 Logo 图片地址，并将其作为 <img> 标签的 src 属性值。而 alt="{% system with name="SiteName" %}" 则会动态获取你设置的网站名称作为图片的替代文本，这不仅有利于搜索引擎优化（SEO），也能在图片因网络或其他原因无法加载时，向访客提供有意义的信息。
如果你在多站点环境下运营 AnQiCMS，并且需要调用特定站点的 Logo，可以在 system 标签中加入 siteId 参数。例如，如果你想获取 ID 为 2 的站点的 Logo，可以这样写：
<img src="{% system with name="SiteLogo" siteId="2" %}" alt="{% system with name="SiteName" siteId="2" %}" />
修改模板文件后，保存你的更改。如果前台页面没有立即更新，可能是浏览器缓存的原因，可以尝试清除浏览器缓存或强制刷新页面。AnQiCMS 也会自动更新系统缓存，确保你的最新设置得以展现。
通过以上简单的步骤，你的网站 Logo 就能在 AnQiCMS 驱动的网站上完美呈现，为你的品牌增光添彩。
常见问题解答 (FAQ)
1. 上传 Logo 后，为什么前台页面没有显示？
这通常是由于几个原因造成的。首先，请确保你在后台“全局功能设置”中上传了 Logo 图片后，点击了“保存”按钮。其次，确认你网站的模板文件中已经正确使用了 {% system with name="SiteLogo" %} 标签来调用 Logo。最后，网站缓存或浏览器缓存可能导致图片未能及时更新，你可以尝试清除浏览器缓存或刷新页面，通常就能看到最新的Logo了。
2. Logo 图片的尺寸和格式有什么建议吗？
我们建议 Logo 图片使用透明背景的 PNG 格式，这样它在不同背景色的网页上都能保持良好的显示效果。至于尺寸，并没有一个绝对的标准，但通常建议宽度在 150px 到 300px 之间，高度在 50px 到 100px 之间，具体取决于你的模板设计。在 AnQiCMS 的“内容设置”中，你还可以找到是否自动压缩大图和转换为 WebP 格式的选项，这些功能可以帮助你优化 Logo 图片的加载速度。
3. 如果我的网站是多语言站点，每个语言站点的 Logo 可以不同吗？
AnQiCMS 的“全局功能设置”中的 Logo 设置是针对当前站点的。如果你在多站点管理中创建了不同的语言站点，每个站点都可以独立设置自己的 Logo。这意味着你可以为每个语言版本的网站上传和配置不同的 Logo 图片，以满足不同区域或文化背景的品牌展示需求。在模板中调用时，系统会自动识别当前站点的 Logo。