# 加入社区

关注我们的社交媒体，加入 OpenClaw 中文社区，与其他用户交流使用经验、获取最新动态。

<div class="community-container">

  <div class="feishu-banner">
    <div class="feishu-banner-icon">🤖</div>
    <div class="feishu-banner-text">
      <strong>推荐加入飞书群</strong>
      <span>群内有 AI 机器人随时答疑，提问即得解答！</span>
    </div>
  </div>

  <div class="platform-grid">
    <div class="platform-card platform-card--featured">
      <div class="platform-header feishu-header">
        <span class="platform-icon">🪐</span>
        <span class="platform-name">飞书 · 首推</span>
      </div>
      <img src="/assets/feishu.jpg" alt="飞书群二维码" class="platform-qr platform-qr--lg" />
      <p class="platform-desc">扫码加入飞书用户群</p>
    </div>
    <div class="platform-card">
      <div class="platform-header wechat-header">
        <span class="platform-icon">💬</span>
        <span class="platform-name">微信</span>
      </div>
      <img src="/assets/wechat-group-qr.png" alt="微信群二维码" class="platform-qr" />
      <p class="platform-desc">扫码加入微信用户群</p>
    </div>
    <div class="platform-card">
      <div class="platform-header douyin-header">
        <span class="platform-icon">🎵</span>
        <span class="platform-name">抖音</span>
      </div>
      <img src="/assets/douying.jpg" alt="抖音二维码" class="platform-qr" />
      <p class="platform-desc">抖音号：openclaw_cn</p>
    </div>
    <div class="platform-card">
      <div class="platform-header xhs-header">
        <span class="platform-icon">📕</span>
        <span class="platform-name">小红书</span>
      </div>
      <img src="/assets/xiaohongshu.jpg" alt="小红书二维码" class="platform-qr" />
      <p class="platform-desc">小红书号：lhyRun1005</p>
    </div>
  </div>
</div>

## 社区规范

1. 友善交流，互相尊重
2. 禁止广告和垃圾信息
3. 遇到问题请先查阅文档
4. 欢迎分享使用心得和技巧

## 其他社区

- [Discord](https://discord.gg/KFTVvJUu) - 官方英文社区
- [GitHub Issues](https://github.com/jiulingyun/openclaw-cn/issues) - 提交 Bug 和功能建议

<style>
.community-container {
  margin: 2rem 0;
}

.feishu-banner {
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(135deg, rgba(33, 99, 232, 0.08), rgba(33, 99, 232, 0.03));
  border: 1.5px solid rgba(33, 99, 232, 0.25);
  border-radius: 12px;
  padding: 14px 20px;
  margin-bottom: 1.5rem;
}

.feishu-banner-icon {
  font-size: 28px;
  flex-shrink: 0;
}

.feishu-banner-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.feishu-banner-text strong {
  font-size: 15px;
  color: #2163e8;
}

.feishu-banner-text span {
  font-size: 13px;
  color: var(--vp-c-text-2);
}

.platform-grid {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  flex-wrap: wrap;
}

.platform-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--vp-c-bg-soft);
  border-radius: 16px;
  padding: 1.25rem;
  width: 200px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.platform-card--featured {
  border: 1.5px solid rgba(33, 99, 232, 0.3);
  background: linear-gradient(160deg, rgba(33, 99, 232, 0.06), var(--vp-c-bg-soft));
}

.platform-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

.platform-header {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: white;
  padding: 4px 12px;
  border-radius: 20px;
  margin-bottom: 1rem;
}

.wechat-header { background: #07C160; }
.feishu-header { background: #2163e8; }
.douyin-header { background: #161823; }
.xhs-header { background: #FF2442; }

.platform-icon { font-size: 14px; }

.platform-qr {
  width: 175px;
  height: 175px;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.platform-qr--lg {
  width: 190px;
  height: 190px;
}

.platform-desc {
  margin: 0.75rem 0 0 0 !important;
  font-size: 13px;
  color: var(--vp-c-text-2);
  text-align: center;
}

@media (max-width: 640px) {
  .platform-grid {
    gap: 1rem;
  }
  .platform-card {
    width: 160px;
    padding: 1rem;
  }
  .platform-qr {
    width: 140px;
    height: 140px;
  }
}
</style>