Skip to content

Commit b3fa24e

Browse files
committed
更新导航栏:添加简洁的banner图像,优化导航栏空间使用
1 parent 98e5ff5 commit b3fa24e

File tree

3 files changed

+19
-18
lines changed

3 files changed

+19
-18
lines changed

docs/images/banner文生图提示词.md

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -2,21 +2,21 @@
22

33
## 中文提示词
44

5-
创建一个现代科技风格的网站横幅,主题为"爬虫技术挑战平台"。画面中心展示一个网络蜘蛛形象,正在网络结构上爬行采集数据。背景包含代码片段、数据流和多样化的网站界面元素。配色方案以深蓝色和科技感紫色为主,辅以明亮的数据流光效。整体效果需要专业、动感且富有技术感,传达数据采集与反爬突破的概念。图像分辨率为1200x400像素,适合网站顶部横幅使用
5+
创建一个简洁现代的网站导航横幅,主题为"爬虫技术挑战平台"。设计一个扁平化、最小化的几何蜘蛛图标,位于左侧。使用简单的网络线条和数据流元素作为背景装饰,但保持整体简洁。配色方案为深蓝色到紫色渐变,辅以少量亮点。要确保视觉元素简单明了,适合在导航栏有限空间中展示。图像比例为3:1,推荐尺寸为300x100像素
66

77
## 英文提示词
88

9-
Create a modern tech-style website banner for a "Web Crawler Challenge Platform". The center features a digital spider figure crawling on network structures and collecting data. The background includes code snippets, data streams, and diverse website interface elements. Use a color scheme dominated by deep blue and tech-inspired purple, complemented by bright data flow light effects. The overall look should be professional, dynamic, and technically sophisticated, conveying the concept of data collection and anti-crawler breakthrough. Image resolution: 1200x400 pixels, suitable for website header banner use.
9+
Create a clean, modern navigation banner for a "Web Crawler Challenge Platform". Design a flat, minimalist geometric spider icon positioned on the left side. Use simple network lines and data flow elements as background decoration while maintaining overall simplicity. Color scheme should be a gradient from deep blue to purple with minimal bright accents. Ensure visual elements are simple and clear, suitable for display in the limited space of a navigation bar. Image ratio 3:1, recommended size 300x100 pixels.
1010

1111
## 风格参考关键词
1212

13-
- 数字科技
14-
- 网络爬虫
15-
- 代码可视化
16-
- 数据流
17-
- 网格结构
18-
- 未来感
19-
- 高清晰度
20-
- 专业UI设计
21-
- 网络安全
22-
- 算法可视化
13+
- 极简设计
14+
- 导航栏横幅
15+
- 扁平化图标
16+
- 简洁线条
17+
- 蓝紫渐变
18+
- 低密度元素
19+
- 几何图形
20+
- 清晰易辨
21+
- 小尺寸优化
22+
- 水平布局

src/assets/banner.png

1.17 MB
Loading

src/components/NavBar.tsx

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,8 @@ import { changeLanguage } from '../i18n';
99
import faviconLogo from '../assets/favicon.png';
1010
// @ts-ignore
1111
import logoPng from '../assets/logo.png';
12+
// @ts-ignore
13+
import bannerPng from '../assets/banner.png';
1214

1315
const {Header} = Layout;
1416
const {Title} = Typography;
@@ -75,17 +77,16 @@ const NavBar = () => {
7577
<Col className="logo-container" style={{ paddingLeft: '0px' }}>
7678
<Link to="/" style={{ display: 'flex', alignItems: 'center', height: '70px' }}>
7779
<img
78-
src={logoPng}
79-
alt="Crawler LeetCode"
80+
src={bannerPng}
81+
alt="Web Crawler Challenge Platform"
8082
style={{
81-
height: '46px',
83+
height: '40px',
8284
width: 'auto',
85+
maxWidth: '300px',
86+
objectFit: 'contain',
8387
marginRight: '12px'
8488
}}
8589
/>
86-
<Title level={3} style={{margin: 0, color: '#2c3e50', whiteSpace: 'nowrap'}}>
87-
Crawler LeetCode
88-
</Title>
8990
</Link>
9091
</Col>
9192

0 commit comments

Comments
 (0)