Skip to content

优化首页组件 与 header 溢光 #16

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
wling-art merged 4 commits into from
Nov 29, 2025
Merged

优化首页组件 与 header 溢光 #16

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
b62fbd6
♻️ 优化 homepage 组件
wling-art Nov 29, 2025
1b5e00c
✨ 添加 HeroBackground 组件
wling-art Nov 29, 2025
ce5c0b6
🗑️ 移除残留 TopBanner 组件
wling-art Nov 29, 2025
6c475c7
✨ 绿色溢光
wling-art Nov 29, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 4 additions & 2 deletions docusaurus.config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,9 @@ const config: Config = {
// ICP 备案号
ICP_LICENSE: ICP_LICENSE,
// 是否为中国站点
IS_CHINA_SITE: IS_CHINA_SITE
IS_CHINA_SITE: IS_CHINA_SITE,
description:
"笨蛋开服教程为 Minecraft 玩家提供 Java 版与基岩版服务器开服指南，包含环境配置、插件使用、端口转发、常见报错解决与服务器优化技巧。适合新手与进阶服主快速掌握开服步骤，顺利搭建稳定高性能的 Minecraft 服务器。"
},

markdown: {
Expand Down Expand Up @@ -424,4 +426,4 @@ const config: Config = {

themes: ["@docusaurus/theme-mermaid"]
};
export default config;
export default config;
36 changes: 36 additions & 0 deletions src/components/HeroBackground.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
export function HeroBackground() {
return (
<svg viewBox="0 0 1440 181" fill="none" xmlns="http://www.w3.org/2000/svg" className="pointer-events-none">
<mask id="path-1-inside-1_414_5526" fill="white">
<path d="M0 0H1440V181H0V0Z" />
</mask>
<path d="M0 0H1440V181H0V0Z" fill="url(#paint0_linear_414_5526)" fillOpacity="0.22" />
<path d="M0 2H1440V-2H0V2Z" fill="url(#paint1_linear_414_5526)" mask="url(#path-1-inside-1_414_5526)" />
<defs>
<linearGradient
id="paint0_linear_414_5526"
x1="720"
y1="0"
x2="720"
y2="181"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="currentColor" />
<stop offset="1" stopColor="currentColor" stopOpacity="0" />
</linearGradient>
<linearGradient
id="paint1_linear_414_5526"
x1="0"
y1="90.5"
x2="1440"
y2="90.5"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="currentColor" stopOpacity="0" />
<stop offset="0.395" stopColor="currentColor" />
<stop offset="1" stopColor="currentColor" stopOpacity="0" />
</linearGradient>
</defs>
</svg>
);
}
18 changes: 0 additions & 18 deletions src/css/components/navbar.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,29 +9,11 @@
display: flex;
align-items: center;
background: var(--ifm-navbar-background-color);
border-bottom: 1px solid var(--border);
transition: all var(--transition-base);
box-shadow: none !important;
position: relative;
}

/* 底部渐变线 */
.navbar::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent 0%, var(--primary-alpha-30) 50%, transparent 100%);
opacity: 0;
transition: opacity var(--transition-base);
}

.navbar:hover::after {
opacity: 1;
}

/* ======================================
品牌区域
====================================== */
Expand Down
1 change: 0 additions & 1 deletion src/css/custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,6 @@
/* ======================================
工具类样式
====================================== */
@import "./utilities/animations.css";
@import "./utilities/scrollbar.css";
@import "./utilities/responsive.css";
@import "./utilities/search.css";
Loading