【工具】Quartz修改网站Logo指南

本指南由 AI 辅助生成，内容基于实际操作验证。

Quartz 修改网站 Logo 指南

方法一：直接替换 Logo 文件（推荐）

1. 准备新 Logo

• 格式: PNG（推荐）或 ICO
• 尺寸: 建议 512x512px 或更大（会自动缩放）
• 路径: quartz\quartz\static\icon.png

2. 替换文件

将你的新 logo 文件复制到以下位置，覆盖原文件：

\quartz\static\icon.png

3. 重新构建

运行部署脚本重新生成网站：

deploy-quartz-to-hexo.bat

方法二：使用在线 Logo 生成器

推荐工具

1. Canva (https://www.canva.com/)

   • 免费，易用
   • 搜索 “crystal logo” 或 “tech logo”
   • 导出为 PNG，透明背景

2. Figma (https://www.figma.com/)

   • 专业设计工具
   • 免费版功能够用

3. Hugging Face Logo Generator

   • https://huggingface.co/spaces
   • 搜索 “logo generator”

4. Adobe Express (https://www.adobe.com/express/)

   • 免费 logo 生成器

设计建议

• 颜色: 青色/蓝绿色（#00BFBF）+ 淗色背景（#1A1A1A）
• 风格: 简洁、几何、现代
• 元素: 抽象晶体形状或 Q 字母
• 格式: 透明背景 PNG，512x512px 或更大

方法三：使用我创建的 Logo 生成器

在浏览器中打开

start \.openclaw\workspace\scripts\quartz-logo-generator.html

使用步骤

1. 调整控制面板中的参数
2. 点击 “Random Crystal” 生成随机样式
3. 点击 “Download PNG” 保存 512x512 logo
4. 将下载的文件复制到：

   \wiki_ming\quartz\quartz\static\icon.png
   

5. 运行部署脚本

当前 Logo 位置

源文件: D:\Documents\A_Source\wiki_ming\quartz\quartz\static\icon.png
生成后: D:\Documents\A_Source\wiki_ming\quartz\public\static\icon.png

验证修改

1. 重新构建网站
2. 在浏览器中打开 quartz/public/index.html
3. 检查浏览器标签页的 favicon
4. 检查网站左上角的 logo

注意事项

• Logo 文件名必须是 icon.png
• 支持透明背景
• 建议使用正方形尺寸（1:1 比例）
• 文件大小建议 < 100KB

快速命令

# 方法一：从下载文件夹复制
Copy-Item "$env:USERPROFILE\Downloads\your-logo.png" "D:\Documents\A_Source\wiki_ming\quartz\quartz\static\icon.png"
 
# 方法二：从工作区复制
Copy-Item "C:\path\to\your-logo.png" "D:\Documents\A_Source\wiki_ming\quartz\quartz\static\icon.png"
 
# 重新构建
D:\Documents\A_Source\wiki_ming\deploy-quartz-to-hexo.bat