feat: 添加页面

2026-02-04 05:37:16 +08:00 · 2024-12-14 03:34:15 +08:00
parent 1d8eee7a68
commit 20b894ed1d
5 changed files with 450 additions and 9 deletions
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -24,8 +24,6 @@ jobs:
    steps:
      - name: Checkout
        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
      - name: Setup pnpm
        uses: pnpm/action-setup@v4
        with:
--- a/.vitepress/config.mts
+++ b/.vitepress/config.mts
@@ -10,7 +10,6 @@ export default defineConfig({
    title: "耗子面板",
    description: "简单轻量 • 高效运维",
    lang: "zh",
-    lastUpdated: true,
    locales: {
        root: {
            label: '简体中文',
@@ -30,7 +29,7 @@ export default defineConfig({
                    copyright: '© 2022-2024 Tianjin Rat Technology Co., Ltd All Rights Reserved'
                },
                editLink: {
-                    pattern: "https://github.com/ratpanel/ratpanel.github.io/edit/main/src/:path",
+                    pattern: "https://github.com/ratpanel/ratpanel.github.io/edit/main/:path",
                    text: "Edit this page on GitHub"
                },
            },
@@ -81,11 +80,11 @@ export default defineConfig({
            {icon: 'wechat', link: 'https://work.weixin.qq.com/gm/d8ebf618553398d454e3378695c858b6'},
        ],
        footer: {
-            message: '<b style="font-size: larger; padding-bottom: 20px">严禁使用耗子面板从事违法活动，我司拒绝对违规使用的用户提供任何服务</b>',
+            message: '<b style="font-size: larger; padding-bottom: 20px">严禁使用耗子面板从事违法活动，我司不对违规用户提供任何服务</b>',
            copyright: '© 2022-2024 天津耗子科技有限公司 版权所有丨<a target="_blank" href="https://beian.miit.gov.cn/" rel="noreferrer">津ICP备2022009678号-1</a>丨<a target="_blank" href="https://beian.mps.gov.cn/#/query/webSearch?code=12011502000848" rel="noreferrer">津公网安备12011502000848号</a>'
        },
        editLink: {
-            pattern: "https://github.com/ratpanel/ratpanel.github.io/edit/main/src/:path",
+            pattern: "https://github.com/ratpanel/ratpanel.github.io/edit/main/:path",
            text: "在 GitHub 上编辑此页面"
        },
        search: {
--- a/about.md
+++ b/about.md
@@ -4,4 +4,212 @@ prev: false
 next: false
 ---

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

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

-# 支持
+# 支持
+
+## 面板专业开发团队可为您解决各类疑难问题
+
+网站报错、速度慢、被挂马？服务器资源占用高、配置调优、入侵朔源？我们统统一站式服务。
+
+## 远程服务价格表
+
+远程服务是指我们通过远程协助的方式，帮助您解决问题。
+
+| 名称   | 介绍               | 价格    |
+|------|------------------|-------|
+| 单次服务 | 仅限一次服务，问题解决服务即结束 | ￥50 起 |
+
+## 服务流程
+
+1. 提前联系我们，说明问题
+2. 我们评估问题，确认是否可以解决及给出预估价格
+3. 您确认价格后，支付 50% 预付款，服务开始
+4. 服务完成后，您确认无误并支付剩余款项
+
+## 联系我们
+
+- [企业微信](https://work.weixin.qq.com/kfid/kfc20ea8e38b5a4e73a)
+- [QQ 826896000](https://wpa.qq.com/msgrd?v=3&uin=826896000&site=qq&menu=yes)