acepanel/acepanel.github.io
2
0
Fork 0
mirror of https://github.com/acepanel/acepanel.github.io.git synced 2026-02-04 09:13:09 +08:00
Code Issues Activity

feat: 补全文档

Browse Source
This commit is contained in:
耗子
2024-12-14 04:29:50 +08:00
parent 82cc03f791
commit 483882eeb2
9 changed files with 151 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
.vitepress/config.mts
View File

@@ -1,7 +1,7 @@
import {defineConfig} from 'vitepress'
const resp = await (await fetch('https://panel.haozi.net/api/versions')).json()
const versions = resp.data.map((item: any) => {
const versions = resp.data.slice(0, 10).map((item: any) => {
return item.version
})
@@ -69,7 +69,7 @@ export default defineConfig({
],
},
{
text: '深入了解',
text: '进阶指南',
collapsed: true,
items: [
{
@@ -127,14 +127,6 @@ export default defineConfig({
outline: {
label: '页面导航'
},
lastUpdated: {
text: '最后更新于',
formatOptions: {
dateStyle: 'short',
timeStyle: 'medium'
}
},
langMenuLabel: '多语言',
returnToTopLabel: '回到顶部',
sidebarMenuLabel: '菜单',
@@ -166,4 +158,11 @@ export default defineConfig({
}
}
},
transformPageData: (pageData) => {
// 为版本页单独设置标题
// https://github.com/vuejs/vitepress/discussions/2516
if (pageData.params?.version) {
pageData.title = `v${pageData.params.version}`
}
}
})

102
about.md
View File

@@ -11,36 +11,36 @@ next: false
耗子面板是一款专业的服务器运维管理面板，致力于为用户提供简单、高效、安全的服务器管理解决方案。
<style>
.features {
.about-features {
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 60px;
}
.feature-card {
.about-feature-card {
background: #f8f9fa;
padding: 20px;
border-radius: 8px;
flex: 1;
text-align: center;
}
.team {
.about-team {
text-align: center;
margin-bottom: 60px;
}
.team-members {
.about-team-members {
display: flex;
justify-content: space-around;
gap: 30px;
margin-top: 30px;
}
.team-member {
.about-team-member {
background: #f8f9fa;
padding: 20px;
border-radius: 8px;
flex: 1;
}
.team-icon {
.about-team-icon {
width: 60px;
height: 60px;
background: #e7f1ff;
@@ -50,12 +50,12 @@ next: false
align-items: center;
justify-content: center;
}
.timeline {
.about-timeline {
max-width: 800px;
margin: 0 auto 60px;
position: relative;
}
.timeline::before {
.about-timeline::before {
content: '';
position: absolute;
width: 2px;
@@ -64,18 +64,18 @@ next: false
bottom: 0;
left: 50%;
}
.timeline-item {
.about-timeline-item {
margin-bottom: 30px;
position: relative;
}
.timeline-content {
.about-timeline-content {
background: #f8f9fa;
padding: 20px;
border-radius: 8px;
width: 45%;
position: relative;
}
.timeline-dot {
.about-timeline-dot {
width: 12px;
height: 12px;
background: #4a90e2;
@@ -84,27 +84,27 @@ next: false
left: 50%;
transform: translateX(-50%);
}
.year {
.about-year {
color: #4a90e2;
font-weight: bold;
margin-bottom: 10px;
}
.contact {
.about-contact {
text-align: center;
}
.contact-items {
.about-contact-items {
display: flex;
justify-content: space-around;
gap: 30px;
margin-top: 30px;
}
.contact-item {
.about-contact-item {
background: #f8f9fa;
padding: 20px;
border-radius: 8px;
flex: 1;
}
.contact-icon {
.about-contact-icon {
font-size: x-large;
width: 60px;
height: 60px;
@@ -115,25 +115,25 @@ next: false
align-items: center;
justify-content: center;
}
h2 {
.about-h2 {
margin-bottom: 30px;
font-size: 24px;
}
p {
.about-p {
margin-bottom: 15px;
}
</style>
<div class="features">
<div class="feature-card">
<div class="about-features">
<div class="about-feature-card">
<h3>愿景</h3>
<p>成为领先的服务器管理解决方案提供商</p>
</div>
<div class="feature-card">
<div class="about-feature-card">
<h3>使命</h3>
<p>让服务器管理变得简单而强大</p>
</div>
<div class="feature-card">
<div class="about-feature-card">
<h3>价值观</h3>
<p>用户至上、创新驱动、专业专注</p>
</div>
@@ -141,20 +141,20 @@ next: false
## 团队介绍
<div class="team">
<div class="team-members">
<div class="team-member">
<div class="team-icon">👤</div>
<div class="about-team">
<div class="about-team-members">
<div class="about-team-member">
<div class="about-team-icon">👤</div>
<h3>耗子</h3>
<p>创始人 & CEO</p>
</div>
<div class="team-member">
<div class="team-icon">&lt;/&gt;</div>
<div class="about-team-member">
<div class="about-team-icon">&lt;/&gt;</div>
<h3>靓仔</h3>
<p>技术负责人</p>
</div>
<div class="team-member">
<div class="team-icon">🔒</div>
<div class="about-team-member">
<div class="about-team-icon">🔒</div>
<h3>冭</h3>
<p>证书销售</p>
</div>
@@ -163,51 +163,51 @@ next: false
## 发展历程
<div class="timeline">
<div class="timeline-item">
<div class="timeline-content" style="margin-left: auto;">
<div class="year">2024</div>
<div class="about-timeline">
<div class="about-timeline-item">
<div class="about-timeline-content" style="margin-left: auto;">
<div class="about-year">2024</div>
<h3>全新起航</h3>
<p>面板得到了众多赞助商的支持，2024 年下半年发布了全新的 2.3 版本</p>
</div>
<div class="timeline-dot"></div>
<div class="about-timeline-dot"></div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<div class="year">2023</div>
<div class="about-timeline-item">
<div class="about-timeline-content">
<div class="about-year">2023</div>
<h3>技术积累</h3>
<p>使用 Go 对面板进行重写，发布 2.0 2.1 系列版本，积累了大量开发经验</p>
</div>
<div class="timeline-dot"></div>
<div class="about-timeline-dot"></div>
</div>
<div class="timeline-item">
<div class="timeline-content" style="margin-left: auto;">
<div class="year">2022</div>
<div class="about-timeline-item">
<div class="about-timeline-content" style="margin-left: auto;">
<div class="about-year">2022</div>
<h3>项目立项</h3>
<p>2022 年中项目立项，年末发布 1.0 版本</p>
</div>
<div class="timeline-dot"></div>
<div class="about-timeline-dot"></div>
</div>
</div>
## 联系我们
<div class="contact">
<div class="contact-items">
<div class="contact-item">
<div class="contact-icon">📧</div>
<div class="about-contact">
<div class="about-contact-items">
<div class="about-contact-item">
<div class="about-contact-icon">📧</div>
<h3>电子邮件</h3>
<p>admin@haozi.net</p>
</div>
<div class="contact-item">
<div class="contact-icon">📞</div>
<div class="about-contact-item">
<div class="about-contact-icon">📞</div>
<h3>联系电话</h3>
<p>13820906945</p>
</div>
<div class="contact-item">
<div class="contact-icon">📍</div>
<div class="about-contact-item">
<div class="about-contact-icon">📍</div>
<h3>公司地址</h3>
<p>天津市武清区黄庄街道泉里路1号智库大厦206室</p>
</div>

128
cert.md
View File

@@ -11,13 +11,13 @@ next: false
受限价政策，具体价格及购买请直接通过右上角加群联系销售。
<style>
.cards-container {
.cert-cards-container {
display: flex;
gap: 20px;
margin-bottom: 40px;
}
.card {
.cert-card {
flex: 1;
padding: 24px;
border-radius: 8px;
@@ -25,41 +25,41 @@ next: false
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.card-header {
.cert-card-header {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 16px;
}
.card-title {
.cert-card-title {
margin: 0!important;
border-top: unset!important;
padding-top: unset!important;
}
.subtitle {
.cert-subtitle {
color: #666;
margin-bottom: 8px;
}
.price {
.cert-price {
color: #4080ff;
font-size: 24px;
font-weight: bold;
margin-bottom: 24px;
}
.price span {
.cert-price span {
font-size: 14px;
color: #666;
}
.features2 {
.cert-features {
margin-bottom: 24px;
}
.feature-item {
.cert-feature-item {
display: flex;
align-items: center;
gap: 8px;
@@ -67,11 +67,11 @@ next: false
color: #333;
}
.check-icon {
.cert-check-icon {
color: #4080ff;
}
.buy-button {
.cert-buy-button {
width: 100%;
padding: 12px;
background: #4080ff;
@@ -82,27 +82,27 @@ next: false
font-size: 16px;
}
.buy-button:hover {
.cert-buy-button:hover {
background: #3570e0;
}
.features-section {
.cert-features-section {
margin-top: 40px;
}
.features-grid {
.cert-features-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.feature-card2 {
.cert-feature-card {
display: flex;
gap: 16px;
align-items: flex-start;
}
.feature-icon {
.cert-feature-icon {
width: 40px;
height: 40px;
display: flex;
@@ -112,12 +112,12 @@ next: false
font-size: 24px;
}
.feature-content h3 {
.cert-feature-content h3 {
margin: 8px 0;
font-size: 18px;
}
.feature-content p {
.cert-feature-content p {
color: #666;
line-height: 1.5;
}
@@ -125,95 +125,93 @@ next: false
## 选购证书
<div class="cards-container">
<div class="card">
<div class="card-header">
<h2 class="card-title">DV 单域名证书</h2>
<div class="cert-cards-container">
<div class="cert-card">
<div class="cert-card-header">
<h2 class="cert-card-title">DV 单域名证书</h2>
</div>
<div class="subtitle">国际知名品牌证书</div>
<div class="price">¥1X<span>/年</span></div>
<div class="features2">
<div class="feature-item">
<span class="check-icon">✓</span>
<div class="cert-subtitle">国际知名品牌证书</div>
<div class="cert-price">¥1X<span>/年</span></div>
<div class="cert-features">
<div class="cert-feature-item">
<span class="cert-check-icon">✓</span>
<span>域名型证书（DV）</span>
</div>
<div class="feature-item">
<span class="check-icon">✓</span>
<div class="cert-feature-item">
<span class="cert-check-icon">✓</span>
<span>支持一个域名</span>
</div>
<div class="feature-item">
<span class="check-icon">✓</span>
<div class="cert-feature-item">
<span class="cert-check-icon">✓</span>
<span>一年有效期</span>
</div>
<div class="feature-item">
<span class="check-icon">✓</span>
<div class="cert-feature-item">
<span class="cert-check-icon">✓</span>
<span>快速颁发</span>
</div>
</div>
<button class="buy-button">右上角联系销售购买</button>
<button class="cert-buy-button">右上角联系销售购买</button>
</div>
<div class="card">
<div class="card-header">
<h2 class="card-title">DV 通配符证书</h2>
<div class="cert-card">
<div class="cert-card-header">
<h2 class="cert-card-title">DV 通配符证书</h2>
</div>
<div class="subtitle">国际知名品牌证书</div>
<div class="price">¥1XX<span>/年</span></div>
<div class="features2">
<div class="feature-item">
<span class="check-icon">✓</span>
<div class="cert-subtitle">国际知名品牌证书</div>
<div class="cert-price">¥1XX<span>/年</span></div>
<div class="cert-features">
<div class="cert-feature-item">
<span class="cert-check-icon">✓</span>
<span>域名型证书（DV）</span>
</div>
<div class="feature-item">
<span class="check-icon">✓</span>
<div class="cert-feature-item">
<span class="cert-check-icon">✓</span>
<span>通配所有子域</span>
</div>
<div class="feature-item">
<span class="check-icon">✓</span>
<div class="cert-feature-item">
<span class="cert-check-icon">✓</span>
<span>一年有效期</span>
</div>
<div class="feature-item">
<span class="check-icon">✓</span>
<div class="cert-feature-item">
<span class="cert-check-icon">✓</span>
<span>快速颁发</span>
</div>
</div>
<button class="buy-button">右上角联系销售购买</button>
<button class="cert-buy-button">右上角联系销售购买</button>
</div>
</div>
## 证书特点
<div class="features-section">
<div class="features-grid">
<div class="feature-card2">
<div class="feature-icon">🛡️</div>
<div class="feature-content">
<div class="cert-features-section">
<div class="cert-features-grid">
<div class="cert-feature-card">
<div class="cert-feature-icon">🛡️</div>
<div class="cert-feature-content">
<h3>安全可靠</h3>
<p>采用国际标准加密算法，保护您的网站安全</p>
</div>
</div>
<div class="feature-card2">
<div class="feature-icon">⚡</div>
<div class="feature-content">
<div class="cert-feature-card">
<div class="cert-feature-icon">⚡</div>
<div class="cert-feature-content">
<h3>快速部署</h3>
<p>自动化安装配置，一键完成部署</p>
</div>
</div>
<div class="feature-card2">
<div class="feature-icon">💳</div>
<div class="feature-content">
<div class="cert-feature-card">
<div class="cert-feature-icon">💳</div>
<div class="cert-feature-content">
<h3>灵活付费</h3>
<p>多种套餐可选，满足不同需求</p>
</div>
</div>
<div class="feature-card2">
<div class="feature-icon">👨‍💻</div>
<div class="feature-content">
<div class="cert-feature-card">
<div class="cert-feature-icon">👨‍💻</div>
<div class="cert-feature-content">
<h3>专业服务</h3>
<p>7*24小时技术支持，确保证书正常使用</p>
</div>
</div>
</div>
</div>

3
index.md
View File

@@ -14,9 +14,6 @@ hero:
- theme: alt
text: 快速安装
link: /quickstart/install
- theme: alt
text: 进阶手册
link: /advanced/index
features:
- icon: ✨

10
quickstart/disk.md
View File

@@ -1 +1,9 @@
# 挂载分区
# 挂载分区
如果您的服务器有未挂载的数据盘，可在安装前以 `root` 用户登录服务器运行以下命令自动挂载，面板安装后不支持跨目录迁移。
```shell
curl -fsLm 10 -o auto_mount.sh https://dl.cdn.haozi.net/panel/auto_mount.sh && bash auto_mount.sh
```
也可工单联系服务器提供商要求协助挂载分区，或者自行挂载分区后再安装面板。

31
quickstart/install.md
View File

@@ -1,12 +1,10 @@
# 安装面板
## 运行环境
耗子面板支持 `amd64` | `arm64` 架构下的主流系统，下表中的系统均已测试 LNMP 环境安装。
面板支持 `amd64` | `arm64` 架构下的主流系统，下表中的系统均已测试 LNMP 环境安装。
优先建议使用标注**推荐**的系统，无特殊情况不建议使用标注**不推荐**的系统。
不在下表中的其他系统，可自行尝试安装，但不提供技术支持（接受相关 PR 提交）。
不在下表中的其他系统，可自行尝试安装，但不提供无偿技术支持。
| 系统 | 版本 | 备注 |
|---------------------|-----|-----|
@@ -29,33 +27,14 @@
随着系统版本的不断更新，我们亦可能会终止部分过于老旧的系统的支持，以保证面板的健壮性。
## 挂载硬盘
如果您的服务器有未挂载的数据盘，可在安装前以`root`用户登录服务器运行以下命令自动挂载，面板安装后不支持跨目录迁移。
```shell
curl -fsLm 10 -o auto_mount.sh https://dl.cdn.haozi.net/panel/auto_mount.sh && bash auto_mount.sh
```
## 安装面板
> **Warning**
> 安装面板前，您需要了解 LNMP 环境的基本知识，以及如何处理常见的 LNMP 环境问题，我们不建议 0 基础的用户安装和使用耗子面板。
> 如需挂载分区，请在安装面板前完成，面板安装后不支持跨目录迁移。
以`root`用户登录服务器，运行以下命令安装面板：
以 `root` 用户登录服务器，运行以下命令安装面板：
```shell
curl -fsLm 10 -o install.sh https://dl.cdn.haozi.net/panel/install.sh && bash install.sh
```
## 卸载面板
优先建议备份数据重装系统，这样可以保证系统纯净。
如果您无法重装系统，请以`root`用户登录服务器，执行以下命令卸载面板：
```shell
curl -fsLm 10 -o uninstall.sh https://dl.cdn.haozi.net/panel/uninstall.sh && bash uninstall.sh
```
卸载面板前请务必备份好所有数据，提前卸载面板全部应用。卸载后数据将**无法恢复**！
一般 2 分钟内即可完成安装，安装过程中请勿关闭终端。

12
quickstart/panel.md
View File

@@ -13,3 +13,15 @@ panel-cli
```
可根据提示补全需要的命令进行操作。
## 卸载面板
优先建议备份数据重装系统，这样可以保证系统纯净。
如果您无法重装系统，请以`root`用户登录服务器，执行以下命令卸载面板：
```shell
curl -fsLm 10 -o uninstall.sh https://dl.cdn.haozi.net/panel/uninstall.sh && bash uninstall.sh
```
卸载面板前请务必备份好所有数据，提前卸载面板全部应用。卸载后数据将**无法恢复**！

2
support.md
View File

@@ -6,7 +6,7 @@ next: false
# 支持
## 面板专业开发团队可为您解决各类疑难问题
## 面板专业开发团队为您解决各类疑难杂症
网站报错、速度慢、被挂马？服务器资源占用高、配置调优、入侵朔源？我们统统一站式服务。

2
version-[version].paths.ts
View File

@@ -3,7 +3,7 @@ export default {
const resp = await (await fetch('https://panel.haozi.net/api/versions')).json()
if (!resp.message || resp.message !== 'success') return []
return resp.data.map((item: any) => {
return resp.data.slice(0, 10).map((item: any) => {
return {
params: {
version: item.version,