ethanfly/php-manager-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove favicon.svg and update index.html to use icon.svg instead. Adjust logo icon size in style.css for better display.

Browse Source
This commit is contained in:
Ethanfly 2025-12-26 17:29:56 +08:00
parent 5591b153e0
commit 1b177e4798
4 changed files with 113 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
favicon.svg
View File

@ -1,11 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<defs>
<linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#10b981"/>
<stop offset="100%" style="stop-color:#06b6d4"/>
</linearGradient>
</defs>
<circle cx="50" cy="50" r="45" fill="url(#grad)"/>
<text x="50" y="65" text-anchor="middle" font-size="50" fill="white">🐘</text>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 423 B

48
icon.svg Normal file
View File

@ -0,0 +1,48 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<defs>
<linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#4F46E5"/>
<stop offset="100%" style="stop-color:#7C3AED"/>
</linearGradient>
<linearGradient id="phpGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#8B9CF4"/>
<stop offset="100%" style="stop-color:#A78BFA"/>
</linearGradient>
</defs>
<!-- 紫色渐变背景圆角矩形 -->
<rect x="4" y="4" width="120" height="120" rx="20" ry="20" fill="url(#bgGrad)"/>
<!-- PHP 大象 -->
<g transform="translate(18, 18) scale(0.72)">
<!-- 大象身体 -->
<ellipse cx="65" cy="58" rx="42" ry="32" fill="url(#phpGrad)"/>
<!-- 大象头部 -->
<circle cx="32" cy="45" r="24" fill="url(#phpGrad)"/>
<!-- 大象鼻子 -->
<path d="M14 52 Q6 68 12 82 Q16 90 22 86 Q26 82 24 72 Q22 62 20 52"
fill="url(#phpGrad)" stroke="#6366F1" stroke-width="1"/>
<!-- 大象耳朵 -->
<ellipse cx="46" cy="28" rx="14" ry="18" fill="#A78BFA"/>
<!-- 眼睛 -->
<circle cx="27" cy="40" r="4" fill="#1E1B4B"/>
<circle cx="28" cy="39" r="1.5" fill="#fff"/>
<!-- 大象腿 -->
<rect x="38" y="78" width="11" height="22" rx="5" fill="url(#phpGrad)"/>
<rect x="55" y="78" width="11" height="22" rx="5" fill="url(#phpGrad)"/>
<rect x="72" y="78" width="11" height="20" rx="5" fill="url(#phpGrad)"/>
<rect x="88" y="78" width="11" height="18" rx="5" fill="url(#phpGrad)"/>
<!-- 尾巴 -->
<path d="M105 52 Q116 48 114 62 Q112 70 108 66"
fill="none" stroke="url(#phpGrad)" stroke-width="5" stroke-linecap="round"/>
</g>
<!-- PHP 文字 -->
<text x="64" y="116" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#fff" opacity="0.95">PHP</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

85
index.html
View File

@ -1,17 +1,21 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PHPer - Windows PHP 开发环境管理器</title>
<meta name="description" content="一款功能强大的 Windows PHP 开发环境管理工具，轻松管理 PHP、MySQL、Nginx、Redis、Node.js、Python 等服务">
<meta name="keywords" content="PHP, Windows, 开发环境, WNMP, MySQL, Nginx, Redis, Node.js">
<link rel="icon" type="image/svg+xml" href="favicon.svg">
<link rel="icon" type="image/svg+xml" href="icon.svg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap" rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- 背景装饰 -->
<div class="bg-decoration">
@ -25,7 +29,7 @@
<nav class="navbar">
<div class="container">
<a href="#" class="logo">
<span class="logo-icon">🐘</span>
<img src="icon.svg" alt="PHPer" class="logo-icon">
<span class="logo-text">PHPer</span>
</a>
<div class="nav-links">
@ -34,7 +38,10 @@
<a href="#services">支持服务</a>
<a href="#faq">常见问题</a>
<a href="https://github.com/ethanfly/php-manager" target="_blank" class="btn btn-outline btn-sm">
<svg class="icon" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
<svg class="icon" viewBox="0 0 24 24" fill="currentColor">
<path
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
</svg>
GitHub
</a>
</div>
@ -60,15 +67,25 @@
</h1>
<p class="hero-description">
PHPer 是一款功能强大的 Windows PHP 开发环境管理工具，<br>
轻松管理 <span class="highlight">PHP</span>、<span class="highlight">MySQL</span>、<span class="highlight">Nginx</span>、<span class="highlight">Redis</span>、<span class="highlight">Node.js</span>、<span class="highlight">Python</span> 等服务
轻松管理 <span class="highlight">PHP</span>、<span class="highlight">MySQL</span>、<span
class="highlight">Nginx</span>、<span class="highlight">Redis</span>、<span
class="highlight">Node.js</span>、<span class="highlight">Python</span> 等服务
</p>
<div class="hero-actions">
<a href="https://github.com/ethanfly/php-manager/releases" target="_blank" class="btn btn-primary btn-lg">
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
<a href="https://github.com/ethanfly/php-manager/releases" target="_blank"
class="btn btn-primary btn-lg">
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
<polyline points="7 10 12 15 17 10" />
<line x1="12" y1="15" x2="12" y2="3" />
</svg>
下载最新版本
</a>
<a href="https://github.com/ethanfly/php-manager" target="_blank" class="btn btn-ghost btn-lg">
<svg class="icon" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
<svg class="icon" viewBox="0 0 24 24" fill="currentColor">
<path
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
</svg>
查看源码
</a>
</div>
@ -267,7 +284,8 @@
</div>
<div class="table-row">
<span class="service-name"><span class="emoji">🐘</span> PHP</span>
<span class="source"><a href="https://windows.php.net/download/" target="_blank">windows.php.net</a></span>
<span class="source"><a href="https://windows.php.net/download/"
target="_blank">windows.php.net</a></span>
<span class="desc">官方 Windows 版</span>
</div>
<div class="table-row">
@ -277,12 +295,14 @@
</div>
<div class="table-row">
<span class="service-name"><span class="emoji">🌐</span> Nginx</span>
<span class="source"><a href="https://nginx.org/en/download.html" target="_blank">nginx.org</a></span>
<span class="source"><a href="https://nginx.org/en/download.html"
target="_blank">nginx.org</a></span>
<span class="desc">官方 Windows 版</span>
</div>
<div class="table-row">
<span class="service-name"><span class="emoji">🔴</span> Redis</span>
<span class="source"><a href="https://github.com/redis-windows/redis-windows" target="_blank">GitHub</a></span>
<span class="source"><a href="https://github.com/redis-windows/redis-windows"
target="_blank">GitHub</a></span>
<span class="desc">Windows 编译版</span>
</div>
<div class="table-row">
@ -292,12 +312,14 @@
</div>
<div class="table-row">
<span class="service-name"><span class="emoji">🐍</span> Python</span>
<span class="source"><a href="https://www.python.org/downloads/windows/" target="_blank">python.org</a></span>
<span class="source"><a href="https://www.python.org/downloads/windows/"
target="_blank">python.org</a></span>
<span class="desc">嵌入式版本</span>
</div>
<div class="table-row">
<span class="service-name"><span class="emoji">🔧</span> Git</span>
<span class="source"><a href="https://git-scm.com/download/win" target="_blank">git-scm.com</a></span>
<span class="source"><a href="https://git-scm.com/download/win"
target="_blank">git-scm.com</a></span>
<span class="desc">官方 Windows 版</span>
</div>
</div>
@ -315,7 +337,9 @@
<div class="faq-item">
<button class="faq-question">
<span>为什么需要管理员权限？</span>
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"></polyline></svg>
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</button>
<div class="faq-answer">
<p>应用需要管理员权限来：</p>
@ -329,7 +353,9 @@
<div class="faq-item">
<button class="faq-question">
<span>PHP 下载很慢怎么办？</span>
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"></polyline></svg>
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</button>
<div class="faq-answer">
<p>PHP 从 windows.php.net 官方下载，如果速度较慢：</p>
@ -343,7 +369,9 @@
<div class="faq-item">
<button class="faq-question">
<span>MySQL 启动失败怎么办？</span>
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"></polyline></svg>
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</button>
<div class="faq-answer">
<p>常见原因：</p>
@ -357,13 +385,16 @@
<div class="faq-item">
<button class="faq-question">
<span>系统要求是什么？</span>
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"></polyline></svg>
<svg class="faq-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</button>
<div class="faq-answer">
<ul>
<li>Windows 10/11 (64 位)</li>
<li>管理员权限</li>
<li><a href="https://aka.ms/vs/17/release/vc_redist.x64.exe" target="_blank">Visual C++ Redistributable 2015-2022</a></li>
<li><a href="https://aka.ms/vs/17/release/vc_redist.x64.exe" target="_blank">Visual C++
Redistributable 2015-2022</a></li>
</ul>
</div>
</div>
@ -395,12 +426,20 @@
<h2>准备好提升开发效率了吗？</h2>
<p>立即下载 PHPer，开启高效的 PHP 开发之旅</p>
<div class="cta-actions">
<a href="https://github.com/ethanfly/php-manager/releases" target="_blank" class="btn btn-primary btn-lg">
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
<a href="https://github.com/ethanfly/php-manager/releases" target="_blank"
class="btn btn-primary btn-lg">
<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
<polyline points="7 10 12 15 17 10" />
<line x1="12" y1="15" x2="12" y2="3" />
</svg>
免费下载
</a>
<a href="https://github.com/ethanfly/php-manager" target="_blank" class="btn btn-outline btn-lg">
<svg class="icon" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
<svg class="icon" viewBox="0 0 24 24" fill="currentColor">
<path
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
</svg>
Star on GitHub
</a>
</div>
@ -413,7 +452,7 @@
<div class="container">
<div class="footer-content">
<div class="footer-brand">
<span class="logo-icon">🐘</span>
<img src="icon.svg" alt="PHPer" class="logo-icon">
<span class="logo-text">PHPer</span>
</div>
<p class="footer-text">Made with ❤️ for PHP Developers</p>
@ -429,5 +468,5 @@
<script src="script.js"></script>
</body>
</html>
</html>

4
style.css
View File

@ -249,7 +249,9 @@ code {
}
.logo-icon {
font-size: 28px;
width: 32px;
height: 32px;
border-radius: 6px;
}
.logo-text {